:root{--bg-primary:#f5f3f0;--bg-secondary:#ebe8e4;--bg-card:#00000008;--text-primary:#1a1a2e;--text-secondary:#3a3a4a;--text-muted:#6a6a7a;--accent-1:#6d28d9;--accent-2:#8b5cf6;--accent-3:#7c3aed;--accent-4:#4f46e5;--glass-bg:#ffffff8c;--glass-border:#00000014;--glass-hover-bg:#ffffffbf;--glass-hover-border:#00000024;--nav-bg:#f5f3f0b3;--nav-border:#0000000f;--orb-opacity:.15;--footer-border:#0000000f;--selection-color:#fff;--tag-bg:#6d28d914;--tag-border:#6d28d926;--btn-primary-shadow:#6d28d940;--btn-primary-hover-shadow:#6d28d966;--scroll-gradient-end:transparent;--section-padding:120px 0;--container-max:1100px;--nav-height:72px;--ease-out:cubic-bezier(.22, 1, .36, 1);--transition-default:.35s var(--ease-out)}html.dark{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#ffffff08;--text-primary:#f0f0f5;--text-secondary:#e3e2e2;--text-muted:#cfcfcf;--accent-1:#7c3aed;--accent-2:#a855f7;--accent-3:#c084fc;--accent-4:#6366f1;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-hover-bg:#ffffff12;--glass-hover-border:#ffffff24;--nav-bg:#0a0a0fb3;--nav-border:#ffffff0d;--orb-opacity:.25;--footer-border:#ffffff0a;--selection-color:#fff;--tag-bg:#7c3aed1a;--tag-border:#7c3aed26;--btn-primary-shadow:#7c3aed4d;--btn-primary-hover-shadow:#7c3aed73;--scroll-gradient-end:transparent}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}::selection{background:var(--accent-1);color:var(--selection-color)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:0 32px}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px)}.section{padding:var(--section-padding);position:relative}.section-label{text-transform:uppercase;letter-spacing:3px;color:var(--accent-2);margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500}.section-heading{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:56px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}#main-nav{z-index:1000;height:var(--nav-height);background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--nav-border);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--container-max);justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:0 32px;display:flex}.nav-logo{letter-spacing:-.03em;color:var(--text-primary);transition:color var(--transition-default);font-size:1.4rem;font-weight:800}.logo-dot{color:var(--accent-2)}.nav-logo:hover{color:var(--accent-3)}.nav-links{align-items:center;gap:36px;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition-default);font-size:.875rem;font-weight:500;position:relative}.theme-toggle{border:1px solid var(--glass-border);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-default);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex}.theme-toggle:hover{color:var(--text-primary);border-color:var(--glass-hover-border);background:var(--glass-bg)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,html.dark .theme-toggle .icon-sun{display:block}html.dark .theme-toggle .icon-moon{display:none}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--accent-1), var(--accent-2));width:0;height:2px;transition:width var(--transition-default);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.hero{justify-content:center;align-items:center;min-height:100vh;padding:0 32px;display:flex;position:relative;overflow:hidden}.hero-bg-orbs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.orb{filter:blur(100px);opacity:var(--orb-opacity);border-radius:50%;position:absolute}.orb-1{background:var(--accent-1);width:600px;height:600px;animation:18s ease-in-out infinite alternate orbFloat1;top:-10%;right:-10%}.orb-2{background:var(--accent-4);width:500px;height:500px;animation:22s ease-in-out infinite alternate orbFloat2;bottom:-15%;left:-10%}.orb-3{background:var(--accent-3);width:350px;height:350px;opacity:calc(var(--orb-opacity) * .48);animation:15s ease-in-out infinite alternate orbFloat3;top:40%;left:30%}@keyframes orbFloat1{0%{transform:translate(0)scale(1)}to{transform:translate(-80px,60px)scale(1.15)}}@keyframes orbFloat2{0%{transform:translate(0)scale(1)}to{transform:translate(60px,-50px)scale(1.1)}}@keyframes orbFloat3{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-80px)scale(.9)}}.hero-inner{z-index:1;max-width:var(--container-max);align-items:center;gap:64px;width:100%;display:flex;position:relative}.hero-content{animation:fadeInUp .9s var(--ease-out) both;flex:1}.hero-portrait{animation:fadeInUp .9s var(--ease-out) .15s both;flex-shrink:0}.portrait-ring{background:linear-gradient(135deg, var(--accent-1), var(--accent-2), var(--accent-3), var(--accent-4));border-radius:50%;width:280px;height:280px;padding:4px;animation:6s ease-in-out infinite alternate portraitFloat;position:relative;box-shadow:0 0 40px #7c3aed26,0 0 80px #7c3aed14}.portrait-ring img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}@keyframes portraitFloat{0%{transform:translateY(0)}to{transform:translateY(-12px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.hero-greeting{color:var(--accent-2);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500}.hero-name{letter-spacing:-.04em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-3) 50%, var(--accent-2) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(2.8rem,7vw,5rem);font-weight:800;line-height:1.05;animation:8s ease-in-out infinite alternate gradientShift}@keyframes gradientShift{0%{background-position:0%}to{background-position:100%}}.hero-title{color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:28px;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:400}.hero-description{color:var(--text-muted);max-width:520px;margin-bottom:40px;font-size:1.05rem;line-height:1.8}.hero-cta{flex-wrap:wrap;gap:16px;display:flex}.btn{letter-spacing:.01em;transition:all var(--transition-default);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:14px 32px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-1), var(--accent-4));color:#fff;box-shadow:0 4px 24px var(--btn-primary-shadow)}.btn-primary:hover{box-shadow:0 8px 32px var(--btn-primary-hover-shadow);transform:translateY(-2px)}.btn-outline{color:var(--text-secondary);border:1px solid var(--glass-border);background:0 0}.btn-outline:hover{color:var(--text-primary);border-color:var(--glass-hover-border);background:var(--glass-bg);transform:translateY(-2px)}.scroll-indicator{animation:fadeInUp 1s var(--ease-out) .5s both;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--accent-2), transparent);width:1px;height:48px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.about{background:var(--bg-secondary)}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:20px;font-size:1rem;line-height:1.85}.about-text strong{color:var(--text-primary);font-weight:600}.about-stats{flex-direction:column;gap:20px;display:flex}.stat-card{transition:all var(--transition-default);border-radius:16px;align-items:center;gap:20px;padding:28px 32px;display:flex}.stat-card:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);transform:translate(8px)}.stat-number{letter-spacing:-.04em;background:linear-gradient(135deg, var(--accent-2), var(--accent-3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-width:72px;font-size:2rem;font-weight:800}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.project-card{transition:all var(--transition-default);border-radius:20px;flex-direction:column;padding:36px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-2), transparent);opacity:0;height:2px;transition:opacity var(--transition-default);position:absolute;top:0;left:0;right:0}.project-card:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);transform:translateY(-4px)}.project-card:hover:before{opacity:1}.project-badge{color:var(--accent-2);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500}.project-name{letter-spacing:-.02em;margin-bottom:12px;font-size:1.35rem;font-weight:700}.project-desc{color:var(--text-secondary);flex:1;margin-bottom:20px;font-size:.9rem;line-height:1.7}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tag{background:var(--tag-bg);color:var(--accent-3);border:1px solid var(--tag-border);letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:.7rem}.project-link{color:var(--accent-3);transition:all var(--transition-default);align-items:center;gap:4px;font-size:.875rem;font-weight:600;display:inline-flex}.project-link:hover{color:var(--text-primary);gap:8px}.projects-footer{text-align:center;margin-top:48px}.tech{background:var(--bg-secondary)}.tech-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.tech-item{transition:all var(--transition-default);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:28px 16px;display:flex}.tech-item:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);transform:translateY(-4px)}.tech-icon{justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;line-height:1;display:flex}.tech-name{color:var(--text-secondary);letter-spacing:.02em;font-size:.8rem;font-weight:500}.contact-text{color:var(--text-secondary);max-width:520px;margin-bottom:48px;font-size:1.1rem;line-height:1.8}.contact-links{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.contact-card{transition:all var(--transition-default);border-radius:20px;flex-direction:column;gap:16px;padding:36px;display:flex;position:relative;overflow:hidden}.contact-card:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-2), transparent);opacity:0;height:2px;transition:opacity var(--transition-default);position:absolute;bottom:0;left:0;right:0}.contact-card:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);transform:translateY(-4px)}.contact-card:hover:after{opacity:1}.contact-icon{color:var(--accent-3);align-items:center;display:flex}.contact-icon svg{width:28px;height:28px}.contact-label{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.contact-handle{color:var(--text-muted);letter-spacing:.02em;font-family:JetBrains Mono,monospace;font-size:.8rem}.footer{border-top:1px solid var(--footer-border);padding:40px 0}.footer-text{text-align:center;color:var(--text-muted);letter-spacing:.02em;font-size:.8rem}@media (width<=900px){:root{--section-padding:80px 0}.about-grid{grid-template-columns:1fr;gap:40px}.portrait-ring{width:220px;height:220px}.about-stats{flex-flow:wrap;gap:12px}.stat-card{flex:1;min-width:140px;padding:20px 24px}.stat-card:hover{transform:translateY(-4px)}.stat-number{min-width:auto;font-size:1.5rem}.projects-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(3,1fr)}.contact-links{grid-template-columns:1fr}}@media (width<=600px){:root{--section-padding:64px 0;--nav-height:60px}.container,.nav-inner{padding:0 20px}.nav-links{gap:20px}.nav-links a{font-size:.8rem}.hero{padding:0 20px}.hero-inner{text-align:center;flex-direction:column-reverse;gap:40px}.hero-content{padding-top:0}.hero-description{margin-left:auto;margin-right:auto;font-size:.95rem}.portrait-ring{width:180px;height:180px}.hero-cta{flex-direction:column;align-items:center}.btn{text-align:center;width:100%}.section-heading{margin-bottom:40px}.about-stats{flex-direction:column}.stat-card{min-width:auto}.project-card{padding:28px}.tech-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tech-item{padding:20px 12px}.contact-card{padding:28px}.scroll-indicator{bottom:24px}}.project-card,.stat-card,.tech-item,.contact-card{animation:fadeInUp .6s var(--ease-out) both}.project-card:first-child{animation-delay:50ms}.project-card:nth-child(2){animation-delay:.1s}.project-card:nth-child(3){animation-delay:.15s}.project-card:nth-child(4){animation-delay:.2s}.tech-item:first-child{animation-delay:20ms}.tech-item:nth-child(2){animation-delay:40ms}.tech-item:nth-child(3){animation-delay:60ms}.tech-item:nth-child(4){animation-delay:80ms}.tech-item:nth-child(5){animation-delay:.1s}.tech-item:nth-child(6){animation-delay:.12s}.tech-item:nth-child(7){animation-delay:.14s}.tech-item:nth-child(8){animation-delay:.16s}.tech-item:nth-child(9){animation-delay:.18s}.tech-item:nth-child(10){animation-delay:.2s}.contact-card:first-child{animation-delay:50ms}.contact-card:nth-child(2){animation-delay:.1s}.contact-card:nth-child(3){animation-delay:.15s}