@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.f2220059.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.f6f1950f.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.bd5f4d11.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.51c18f09.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.23358719.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.15008bfb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_6104e6b7-module__s6uLTa__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_6104e6b7-module__s6uLTa__variable{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_300b2d3c-module__DXg7Aa__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_300b2d3c-module__DXg7Aa__variable{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a24;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-cyan:#00f5ff;--accent-purple:#a855f7;--accent-pink:#f472b6;--accent-gradient:linear-gradient(135deg,#00f5ff 0%,#a855f7 50%,#f472b6 100%);--glass-bg:#12121acc;--glass-border:#ffffff1a;--shadow-glow:0 0 30px #00f5ff33;--nav-height:80px;--container-max:1200px;--section-padding:100px;--font-sans:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:var(--font-space-grotesk),var(--font-inter),-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-tertiary:#f1f1f4;--text-primary:#18181b;--text-secondary:#44444c;--text-muted:#6b7280;--accent-cyan:#0891b2;--accent-purple:#7c3aed;--accent-pink:#db2777;--accent-gradient:linear-gradient(135deg,#0891b2 0%,#7c3aed 50%,#db2777 100%);--glass-bg:#ffffffd1;--glass-border:#0000001f;--shadow-glow:0 0 30px #7c3aed2e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.navigation{height:var(--nav-height);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:1000;transition:all var(--transition-normal);position:fixed;top:0;left:0;right:0}.nav-container{max-width:var(--container-max);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{align-items:center;font-size:1.5rem;font-weight:700;display:flex}.nav-avatar{object-fit:cover;border:1.5px solid var(--glass-border);border-radius:50%;width:36px;height:36px;margin-right:10px}.logo-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-accent{color:var(--accent-cyan);font-size:2rem}.nav-links-desktop{gap:32px;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);padding:8px 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--accent-gradient);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-actions{align-items:center;gap:16px;display:flex}.nav-social{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.nav-social:hover{color:var(--accent-cyan);background:#00f5ff1a}.theme-toggle{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--accent-purple);background:#a855f71a}.theme-icon{width:20px;height:20px}.theme-toggle-placeholder{width:40px;height:40px}.mobile-menu-btn{width:40px;height:40px;color:var(--text-primary);justify-content:center;align-items:center;display:none}.mobile-menu{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);flex-direction:column;display:none;overflow:hidden}.mobile-nav-link{color:var(--text-secondary);border-bottom:1px solid var(--glass-border);transition:all var(--transition-fast);padding:16px 24px;font-size:1.1rem}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--text-primary);background:#00f5ff0d}@media (max-width:768px){.nav-links-desktop{display:none}.mobile-menu-btn,.mobile-menu{display:flex}}.main-content{min-height:100vh;padding-top:var(--nav-height)}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding)0}.hero{min-height:calc(100vh - var(--nav-height));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:1;max-width:800px;padding:0 24px}.hero-badge{border-radius:var(--radius-full);color:var(--accent-cyan);background:#00f5ff1a;border:1px solid #00f5ff4d;margin-bottom:24px;padding:8px 20px;font-size:.875rem;font-weight:500;display:inline-block}.hero-title{margin-bottom:24px;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1}.hero-title-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:clamp(1.1rem,3vw,1.5rem)}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{border-radius:var(--radius-md);transition:all var(--transition-normal);align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#000;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #00f5ff66}.btn-secondary{border:2px solid var(--glass-border);color:var(--text-primary);background:0 0}.btn-secondary:hover{border-color:var(--accent-cyan);background:#00f5ff1a}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);padding:32px}.card:hover{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.project-card:hover{border-color:var(--accent-purple);transform:translateY(-4px);box-shadow:0 0 30px #a855f733}.project-card-content{padding:24px}.project-card-title{margin-bottom:8px;font-size:1.25rem;font-weight:600}.project-card-description{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem}.project-card-tech{flex-wrap:wrap;gap:8px;display:flex}.tech-badge{border-radius:var(--radius-full);color:var(--accent-purple);background:#a855f71a;border:1px solid #a855f74d;padding:4px 12px;font-size:.75rem;font-weight:500}.project-card-links{gap:12px;margin-top:16px;display:flex}.project-link{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:.875rem;display:inline-flex}.project-link:hover{color:var(--accent-cyan)}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section-header{text-align:center;margin-bottom:60px}.section-title{margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.skill-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-normal);flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.skill-item:hover{border-color:var(--accent-cyan);transform:translateY(-4px)}.skill-icon{font-size:2.5rem}.skill-name{text-align:center;font-size:.875rem;font-weight:500}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:var(--accent-gradient);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{padding-bottom:40px;padding-left:40px;position:relative}.timeline-item:before{content:"";background:var(--accent-cyan);border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:-6px;box-shadow:0 0 20px #00f5ff80}.timeline-date{color:var(--accent-purple);margin-bottom:8px;font-size:.875rem;font-weight:600}.timeline-title{margin-bottom:4px;font-size:1.25rem;font-weight:600}.timeline-company{color:var(--text-secondary);margin-bottom:12px}.timeline-description{color:var(--text-muted);font-size:.95rem}.contact-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}@media (max-width:768px){.contact-grid{grid-template-columns:1fr;gap:40px}}.contact-info h2{margin-bottom:16px;font-size:2.5rem;font-weight:700}.contact-info p{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem}.contact-links{flex-direction:column;gap:16px;display:flex}.contact-link{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-normal);align-items:center;gap:16px;padding:16px 24px;display:flex}.contact-link:hover{border-color:var(--accent-cyan);transform:translate(8px)}.contact-link-icon{background:var(--accent-gradient);border-radius:var(--radius-sm);color:#000;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact-link-text{font-weight:500}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-input,.form-textarea{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);padding:14px 18px;font-family:inherit;font-size:1rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 0 3px #00f5ff1a}.form-textarea{resize:vertical;min-height:150px}.footer{border-top:1px solid var(--glass-border);text-align:center;padding:40px 0}.footer-content{flex-direction:column;align-items:center;gap:16px;display:flex}.footer-text{color:var(--text-muted);font-size:.875rem}.footer-links{gap:24px;display:flex}.footer-link{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--accent-cyan)}.about-hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:60px 0;display:grid}@media (max-width:768px){.about-hero{text-align:center;grid-template-columns:1fr}}.about-image-container{position:relative}.about-image{aspect-ratio:1;border-radius:var(--radius-lg);object-fit:cover;border:4px solid var(--glass-border);background:var(--glass-bg);width:100%;max-width:400px;margin:0 auto;display:block}.about-image-glow{background:var(--accent-gradient);filter:blur(40px);opacity:.3;z-index:-1;border-radius:var(--radius-lg);position:absolute;inset:-20px}.about-content h1{margin-bottom:16px;font-size:2.5rem;font-weight:700}.about-content p{color:var(--text-secondary);margin-bottom:24px;font-size:1.1rem;line-height:1.8}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00f5ff4d}50%{box-shadow:0 0 40px #00f5ff99}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-float{animation:6s ease-in-out infinite float}.animate-glow{animation:3s ease-in-out infinite glow}.particle-background{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,.hero-title,.section-title,.nav-logo,.logo-text,.timeline-title,.project-card-title,.contact-info h2,.about-content h1{font-family:var(--font-display);letter-spacing:-.02em}.hero-title{letter-spacing:-.03em}body:before{content:"";z-index:-2;filter:blur(40px);pointer-events:none;background:radial-gradient(35% 45% at 15% 20%,#00f5ff29,#0000 60%),radial-gradient(35% 45% at 85% 25%,#a855f72e,#0000 60%),radial-gradient(40% 40% at 50% 95%,#f472b61f,#0000 60%);animation:20s ease-in-out infinite alternate aurora;position:fixed;inset:-20%}[data-theme=light] body:before{background:radial-gradient(35% 45% at 15% 20%,#00b4d833,#0000 60%),radial-gradient(35% 45% at 85% 25%,#7c3aed29,#0000 60%),radial-gradient(40% 40% at 50% 95%,#ec48991f,#0000 60%)}@keyframes aurora{0%{transform:translate(0,0)scale(1)rotate(0)}to{transform:translateY(-4%)scale(1.12)rotate(6deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;display:inline-flex}.hero-badge-dot{background:var(--accent-cyan);width:8px;height:8px;box-shadow:0 0 12px var(--accent-cyan);border-radius:50%;animation:1.8s ease-in-out infinite pulse-dot}.hero-title-gradient{background-size:200%;animation:6s infinite gradient}.role-rotator{min-height:1.4em;font-family:var(--font-mono);color:var(--accent-cyan);align-items:center;font-weight:600;display:inline-flex}.role-cursor{background:var(--accent-cyan);width:2px;height:1.1em;margin-left:4px;animation:1s steps(2,end) infinite pulse-dot;display:inline-block}.stats{flex-wrap:wrap;justify-content:center;gap:48px;margin-top:56px;display:flex}.stat{text-align:center}.stat-value{font-family:var(--font-display);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1.1}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:6px;font-size:.78rem}.project-card{isolation:isolate;position:relative}.project-card:after{content:"";border-radius:inherit;background:var(--accent-gradient);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition-normal);z-index:-1;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-card:hover:after{opacity:.7}.project-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.project-featured-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-full);color:var(--accent-cyan);white-space:nowrap;background:#00f5ff1a;border:1px solid #00f5ff4d;padding:3px 10px;font-size:.62rem}.project-meta{color:var(--text-muted);align-items:center;gap:18px;margin-top:16px;font-size:.8rem;display:flex}.project-meta-item{align-items:center;gap:6px;display:inline-flex}.project-lang-dot{background:var(--accent-purple);border-radius:50%;width:10px;height:10px}.projects-note{text-align:center;font-family:var(--font-mono);color:var(--text-muted);margin-top:48px;font-size:.82rem}.monogram{aspect-ratio:1;border-radius:var(--radius-lg);isolation:isolate;place-items:center;width:100%;max-width:360px;margin:0 auto;display:grid;position:relative}.monogram-ring{border-radius:inherit;background:conic-gradient(from 0deg,var(--accent-cyan),var(--accent-purple),var(--accent-pink),var(--accent-cyan));z-index:0;animation:9s linear infinite spin;position:absolute;inset:0}.monogram-inner{border-radius:calc(var(--radius-lg) - 5px);background:var(--bg-secondary);z-index:1;place-items:center;display:grid;position:absolute;inset:5px;overflow:hidden}.monogram-inner:before{content:"";background:radial-gradient(60% 60% at 50% 0,#a855f72e,#0000 70%);position:absolute;inset:0}.monogram-text{font-family:var(--font-display);letter-spacing:.04em;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.2rem,12vw,6rem);font-weight:700;position:relative}.monogram-caption{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);z-index:2;font-size:.7rem;position:absolute;bottom:22px}.avatar{--iris-x:0px;--iris-y:0px;aspect-ratio:1;border-radius:var(--radius-lg);isolation:isolate;place-items:center;width:100%;max-width:360px;margin:0 auto;display:grid;position:relative}.avatar-ring{border-radius:inherit;background:conic-gradient(from 0deg,var(--accent-cyan),var(--accent-purple),var(--accent-pink),var(--accent-cyan));z-index:0;animation:9s linear infinite spin;position:absolute;inset:0}.avatar-inner{border-radius:calc(var(--radius-lg) - 5px);z-index:1;background:var(--bg-secondary);position:absolute;inset:5px;overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%;display:block}.avatar-eye{z-index:2;pointer-events:none;width:8.8%;height:6.2%;position:absolute;transform:translate(-50%,-50%)}.eye-iris{width:22%;height:50%;transform:translate(calc(-50% + var(--iris-x)),calc(-50% + var(--iris-y)));background:#15120f;border-radius:1px;transition:transform 80ms ease-out;position:absolute;top:50%;left:50%;box-shadow:0 1px 2px #16100a2e}.eye-pupil{display:none}.eye-glint{z-index:1;background:#fffffff2;border-radius:1px;position:absolute;box-shadow:0 0 3px #ffffff73}.eye-glint-primary{width:24%;height:24%;top:16%;left:18%}.eye-glint-secondary{display:none}.skill-icon{transition:transform var(--transition-normal);justify-content:center;align-items:center;font-size:2rem;display:flex}.skill-item{position:relative;overflow:hidden}.skill-item:hover .skill-icon{transform:scale(1.15)translateY(-2px)}.skill-item:before{content:"";opacity:0;transition:opacity var(--transition-normal);background:radial-gradient(120% 120% at 50% 0,#00f5ff14,#0000 60%);position:absolute;inset:0}.skill-item:hover:before{opacity:1}.stack-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.stack-card{--card-accent:var(--accent-cyan);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal);padding:26px 24px;position:relative;overflow:hidden}.stack-card:before{content:"";background:linear-gradient(90deg,var(--card-accent),transparent 80%);opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.stack-card:hover{border-color:color-mix(in srgb,var(--card-accent)45%,transparent);box-shadow:0 16px 44px -16px var(--card-accent)}.stack-card-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.stack-icon{width:44px;height:44px;color:var(--card-accent);background:color-mix(in srgb,var(--card-accent)14%,transparent);border:1px solid color-mix(in srgb,var(--card-accent)32%,transparent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.stack-card-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.stack-tags{flex-wrap:wrap;gap:8px;display:flex}.stack-tag{font-family:var(--font-mono);border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);padding:6px 12px;font-size:.78rem}.stack-tag:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--card-accent)60%,transparent);background:color-mix(in srgb,var(--card-accent)12%,transparent);transform:translateY(-2px)}[data-theme=light] .stack-icon{color:color-mix(in srgb,var(--card-accent)55%,#0a0a0f);background:color-mix(in srgb,var(--card-accent)14%,#fff);border-color:color-mix(in srgb,var(--card-accent)42%,#fff)}[data-theme=light] .stack-card:before{background:linear-gradient(90deg,color-mix(in srgb,var(--card-accent)65%,#0a0a0f),transparent 80%)}[data-theme=light] .stack-card:hover{box-shadow:0 16px 44px -18px color-mix(in srgb,var(--card-accent)60%,#0a0a0f)}[data-theme=light] .stack-tag:hover{color:color-mix(in srgb,var(--card-accent)65%,#0a0a0f);border-color:color-mix(in srgb,var(--card-accent)55%,#fff);background:color-mix(in srgb,var(--card-accent)12%,#fff)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}