:root{--primary: #4ade80;--secondary: #22d3ee;--bg: #0a0a0a;--text: #f3f4f6;--text-muted: #9ca3af;--glass: rgba(15, 15, 15, .6);--glass-border: rgba(255, 255, 255, .08);--font-main: "Inter", system-ui, -apple-system, sans-serif;--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:var(--font-main);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.animated-gradient{background-size:200% auto!important;animation:gradient-flow 4s ease infinite!important}.container{max-width:var(--max-width);margin:0 auto;padding-left:2rem;padding-right:2rem;padding-left:calc(2rem + env(safe-area-inset-left));padding-right:calc(2rem + env(safe-area-inset-right))}@media(max-width:768px){section{padding-top:3rem;padding-bottom:0}}@media(min-width:1025px){header#home{min-height:90vh!important;padding-top:8rem!important}header#home h1{max-width:900px;margin-left:auto!important;margin-right:auto!important}}.skills-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(clamp(200px,100%,320px),1fr))!important;gap:2.5rem!important}@media(max-width:768px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:1.5rem!important}}@media(max-width:768px){.container{padding:0 1.5rem;padding-left:calc(1.5rem + env(safe-area-inset-left));padding-right:calc(1.5rem + env(safe-area-inset-right))}}@media(max-width:480px){.container{padding:0 1rem;padding-left:calc(1rem + env(safe-area-inset-left));padding-right:calc(1rem + env(safe-area-inset-right))}}.nav-container{padding:0 1.5rem!important;max-width:none!important;width:100%!important}@media(max-width:768px){.nav-container{padding:0 1rem!important}}@media(max-width:480px){.nav-container{padding:0 .5rem!important}.logo img{height:24px!important}}@media(max-width:360px){.nav-container{padding:0 .25rem!important}}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px}h1,h2,h3{font-weight:700;letter-spacing:-.05em}section{padding-top:3rem;padding-bottom:0}.project-card{display:flex!important;flex-direction:row!important;gap:4rem!important;padding:3rem!important;align-items:center!important}.project-card:nth-child(2n){flex-direction:row-reverse!important}.project-visual{flex:1.2!important;width:auto!important;min-height:400px!important}.project-content{flex:1!important;width:auto!important}@media(max-width:1024px){.project-card{flex-direction:column!important;gap:2.5rem!important;padding:2rem!important}.project-card:nth-child(2n){flex-direction:column!important}.project-visual{width:100%!important;min-height:300px!important}.project-content{width:100%!important}}@media(max-width:480px){.project-card{padding:1.5rem!important;gap:2rem!important}.project-visual{min-height:250px!important}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.intro-welcome-wrap{display:inline-block;width:100%;max-width:min(780px,92vw);margin-bottom:2.5rem}.intro-welcome-svg{width:100%;height:auto;display:block;overflow:visible}.intro-welcome-path{fill:none;stroke:#4ade80;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;will-change:stroke-dashoffset}.intro-dot{fill:#4ade80;filter:drop-shadow(0 0 6px rgba(74,222,128,.9))}