:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080c10;--surface:#0e1420;--accent:#00d9c0;--blue:#4a9eff;--text-primary:#f0f4f8;--text-secondary:#89a;--text-muted:#4a5568;--border:#ffffff0f;--font-sans:"DM Sans", system-ui, sans-serif;--font-heading:"Syne", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffff06 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#00d9c00a 0%,#0000 65%);width:80vw;height:60vh;position:fixed;top:-20%;left:50%;transform:translate(-50%)}#scroll-bar{background:var(--accent);z-index:200;width:0%;height:1px;transition:width .1s linear;position:fixed;top:0;left:0}#app{z-index:1;position:relative}.page-content{max-width:1100px;margin:0 auto;padding:0 2.5rem}main{flex-direction:column;gap:6rem;padding:0 0 4rem;display:flex}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 6px #00d9c0}50%{opacity:.5;box-shadow:0 0 12px #00d9c0}}.nav-link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .25s;position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--text-primary)!important}.nav-link:hover:after{width:100%}.resume-btn:hover{background:#00d9c014!important}.cta-primary:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 8px 24px #00d9c040}.cta-secondary:hover{transform:translateY(-2px);color:#f0f4f8!important;background:#ffffff12!important;border-color:#ffffff40!important}.icon-btn:hover{color:var(--accent)!important;border-color:#00d9c04d!important}.scroll-top-btn:hover{background:#00d9c01a!important}.email-btn:hover{border-color:#00d9c04d!important}.youtube-footer-link:hover{color:#f44!important}.tool-tag:hover{color:#f0f4f8!important;border-color:#4a9eff4d!important}.exp-card{border-radius:12px!important}.exp-card:hover{background:#0e1420e6!important;border-color:#00d9c033!important}.project-card{border-radius:12px!important}.project-card:hover{border-color:#00d9c040!important}.building-card{border-radius:12px!important}.building-card:hover{transform:translateY(-3px);border-color:#00d9c033!important}.cert-card{border-radius:10px!important}.cert-card:hover{border-color:#ffffff24!important}.skill-card:hover{border-color:#00d9c033!important}.stat-row{border-radius:8px!important}.stat-row:hover{border-color:#ffffff1f!important}@media (width<=900px){.hero-section{min-height:auto!important;padding-top:100px!important;padding-bottom:2rem!important;display:block!important}.hero-inner{padding-top:0;display:flex;flex-direction:column!important;gap:2.5rem!important}.hero-image{max-width:420px;margin:0 auto;flex:none!important;width:100%!important}.hero-image-wrapper{aspect-ratio:4/5!important;border-radius:16px!important;width:100%!important;height:auto!important}.hero-image-inner{border:1px solid #ffffff0d!important;border-radius:16px!important;width:100%!important;height:100%!important;transform:none!important}.decorative-corner,.hero-glow{display:none!important}.impact-badge{bottom:1rem!important;right:1rem!important}.company-badge{top:1rem!important;left:1rem!important}.hero-text{text-align:left}.hero-text .cta-container{justify-content:flex-start!important}.about-grid,.projects-grid,.building-grid,.certs-grid,.contrib-grid,.skills-grid,.ai-card-grid{grid-template-columns:1fr!important}.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}.desktop-only-cta,.mobile-hidden{display:none!important}.page-content{padding:0 1.25rem}.contact-box{border-left:none!important;border-right:none!important;border-radius:0!important;margin:0 -1.25rem!important;padding:2.5rem 1.25rem!important}.email-btn{justify-content:center!important;width:100%!important;padding:.75rem 1rem!important;font-size:.8rem!important}.contact-ctas{flex-direction:column!important;width:100%!important}.contact-ctas a{justify-content:center!important;width:100%!important}main{gap:5rem}}@media (width>=901px){.mobile-menu-btn,.mobile-only-cta{display:none!important}}.fade-in-section{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fade-in-section.visible{opacity:1;transform:translateY(0)}