*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0d0b;--bg-alt:#131210;--bg-card:#1a1815;--accent:#c8873f;--accent-dim:#c8873f14;--accent-border:#c8873f40;--amber:#d4a853;--amber-dim:#d4a85314;--text:#f0ece5;--text-dim:#5c5650;--text-secondary:#948c80;--border:#fff0d212;--border-hover:#fff0d224;--bg-nav-scrolled:#0e0d0beb;--bg-nav-mobile:#0e0d0bf7;--bg-subtle:#fff0d208;--font-display:"Syne", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.87, 0, .13, 1)}[data-theme=light]{--bg:#e8e3da;--bg-alt:#dfd9cf;--bg-card:#f0ece4;--accent:#b8742e;--accent-dim:#b8742e1a;--accent-border:#b8742e47;--amber:#b07828;--amber-dim:#b078281a;--text:#1c1a17;--text-dim:#9e968c;--text-secondary:#5a524a;--border:#1c1a1717;--border-hover:#1c1a172b;--bg-nav-scrolled:#f5f1eaf2;--bg-nav-mobile:#f5f1eafc;--bg-subtle:#1c1a170a}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;transition:background-color .25s,color .25s;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff0d22e}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#1c1a1738}::selection{color:var(--text);background:#c8873f2e}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.star-canvas{transition:opacity .4s}[data-theme=light] .star-canvas{opacity:0!important}section{padding:112px 0;position:relative}.container{max-width:1100px;margin:0 auto;padding:0 32px}.section-label{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.5px;align-items:center;gap:12px;margin-bottom:14px;font-size:11px;display:flex}.section-label:before{content:"";background:var(--text-dim);width:24px;height:1px;display:inline-block}.section-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;line-height:1.1}.btn-primary{background:var(--accent);color:var(--bg);font-family:var(--font-sans);cursor:pointer;letter-spacing:.01em;border:none;border-radius:4px;align-items:center;gap:8px;padding:11px 24px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.btn-primary:hover{opacity:.88;color:var(--bg);transform:translateY(-1px)}.btn-secondary{color:var(--text-secondary);font-family:var(--font-sans);border:1px solid var(--border-hover);cursor:pointer;letter-spacing:.01em;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:11px 24px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,transform .15s;display:inline-flex}.btn-secondary:hover{color:var(--text);border-color:#fff0d238;transform:translateY(-1px)}[data-theme=light] .btn-secondary:hover{border-color:#1c1a1738}a{color:var(--accent);text-decoration:none}button{cursor:pointer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=768px){section{padding:72px 0}.container{padding:0 20px}#hero{align-items:flex-start!important;min-height:100svh!important;padding-top:110px!important}#hero>div:last-child{display:none!important}@media (display-mode:standalone){#hero{padding-top:calc(env(safe-area-inset-top,0px) + 80px)!important}nav{padding-top:env(safe-area-inset-top,0px)!important;height:calc(60px + env(safe-area-inset-top,0px))!important}}#about .container>div:nth-child(2){grid-template-columns:1fr!important;gap:32px!important}#projects .container>div:nth-child(2){grid-template-columns:1fr!important}#projects .container>div:nth-child(2)>div{grid-column:span 1!important;grid-template-columns:1fr!important}#contact .container>div:nth-child(2){grid-template-columns:1fr!important;gap:32px!important}.exp-card{padding:24px 18px!important}.exp-header{grid-template-columns:1fr!important}.exp-bullets,.exp-tags{padding-left:0!important}#education .container>div:nth-child(2){padding:24px 20px!important}}