:root{--primary: #0070f3;--secondary: #ff3399;--bg: #000000;--text: #ffffff;--text-muted: #888888;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--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}.container{max-width:var(--max-width);margin:0 auto;padding:0 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:4rem 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(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:8rem 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}