:root{--bg:#14110e;--surface:#181410;--surface2:#1c1813;--surfaceA:#1a1611;--surfaceB:#161310;--text:#f4eee5;--text2:#c9c0b4;--muted:#a89e90;--faint:#cbd5e1;--line-rgb:244, 238, 229;--nav-rgb:20, 17, 14;--accent:#ff6a3d;--gold:#e8c36b;--on-accent:#14110e;--shadow:#000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#fbf7f0;--surface:#fff;--surface2:#fffdf9;--surfaceA:#fff;--surfaceB:#fbf6ee;--text:#241e17;--text2:#5a5147;--muted:#8a8073;--faint:#b0a597;--line-rgb:36, 30, 23;--nav-rgb:251, 247, 240;--accent:#e8551f;--gold:#b5852b;--on-accent:#fff6f0;--shadow:#3c2d1e29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Instrument Sans,sans-serif;transition:background .3s,color .3s}::selection{color:#fff;background:#ff6a3d}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pf-nav-link:hover{color:var(--text)!important}.pf-theme:hover{border-color:var(--accent)!important;color:var(--accent)!important}.pf-social:hover{transform:translateY(-2px);color:#ff6a3d!important;border-color:#ff6a3d!important}.pf-btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.pf-btn-ghost:hover{color:#ff6a3d!important;border-color:#ff6a3d!important}.pf-wa:hover{filter:brightness(1.06);transform:translateY(-2px)}.pf-wa-float{transition:transform .2s,box-shadow .2s}.pf-wa-float:hover{transform:scale(1.07);box-shadow:0 14px 34px -8px #25d36699!important}.pf-contactcard:hover{border-color:#ff6a3d66!important}@media (max-width:900px){.pf-hero{grid-template-columns:1fr!important;gap:40px!important;padding-top:60px!important}.pf-about{grid-template-columns:1fr!important;gap:36px!important}.pf-contact{grid-template-columns:1fr!important;gap:32px!important}.pf-work,.pf-edu{grid-template-columns:1fr!important}}@media (max-width:640px){.pf-navlinks{display:none!important}.pf-stats{grid-template-columns:repeat(2,1fr)!important}.pf-contactcards{grid-template-columns:1fr!important}.pf-pad,.pf-nav{padding-left:22px!important;padding-right:22px!important}.pf-hero-desc{font-size:16px!important}}