:root{--bg:#050810;--bg-2:#080d1a;--bg-card:#0a1023b3;--bg-glass:#ffffff08;--cyan:#00d4ff;--cyan-dim:#00d4ff26;--cyan-mid:#00d4ff66;--violet:#7c3aed;--violet-dim:#7c3aed26;--violet-glow:#7c3aed80;--pink:#f472b6;--green:#10b981;--text:#e2e8f0;--text-muted:#64748b;--text-dim:#94a3b8;--border:#00d4ff1f;--border-2:#ffffff0f;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--radius:12px;--radius-lg:20px;--transition:.3s cubic-bezier(.4, 0, .2, 1);--glow-cyan:0 0 20px #00d4ff66, 0 0 60px #00d4ff26;--glow-violet:0 0 20px #7c3aed80, 0 0 60px #7c3aed33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Courier New,Courier,monospace;line-height:1.7;overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--violet);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.cursor{background:var(--cyan);pointer-events:none;z-index:9999;mix-blend-mode:screen;border-radius:50%;width:12px;height:12px;transition:transform .1s,background .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-follower{border:1px solid var(--cyan-mid);pointer-events:none;z-index:9998;opacity:.6;border-radius:50%;width:36px;height:36px;transition:transform .15s,opacity .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}@media (max-width:768px){.cursor,.cursor-follower{display:none}}.container{max-width:1180px;margin:0 auto;padding:0 24px}.navbar{z-index:1000;transition:background var(--transition), backdrop-filter var(--transition);padding:0 24px;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#050810d9}.nav-inner{justify-content:space-between;align-items:center;max-width:1180px;height:70px;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-display);color:var(--text);letter-spacing:.1em;transition:color var(--transition);font-size:1.25rem;font-weight:700}.nav-logo:hover,.logo-bracket{color:var(--cyan)}.nav-links{gap:36px;display:flex}.nav-link{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);transition:color var(--transition);font-size:.72rem;font-weight:600;position:relative}.nav-link:after{content:"";background:var(--cyan);transform-origin:0;height:1px;transition:transform var(--transition);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-link:hover,.nav-link.active{color:var(--cyan)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.hamburger{background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.hamburger span{background:var(--cyan);width:24px;height:2px;transition:transform var(--transition), opacity var(--transition);display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.desktop-nav{gap:36px;display:flex}.mobile-menu-overlay{display:none}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-overlay{display:flex}}.mobile-menu-overlay{-webkit-backdrop-filter:blur(24px);z-index:999;opacity:0;visibility:hidden;background:#050810f7;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-nav-links{flex-direction:column;align-items:center;gap:0;width:100%;padding:24px;display:flex}.mobile-nav-links .nav-link{letter-spacing:.18em;text-align:center;width:100%;color:var(--text);padding:18px 0;font-size:1.15rem;display:block}.mobile-nav-links .nav-link:hover{color:var(--cyan)}.hero{background:radial-gradient(#00d4ff08 0%,#0000 70%);justify-content:center;align-items:center;width:100%;height:100dvh;min-height:500px;display:flex;position:relative;overflow:hidden}.hero-gradient-top{background:linear-gradient(180deg, var(--bg) 0%, transparent 100%);z-index:1;pointer-events:none;height:30%;position:absolute;top:0;left:0;right:0}.hero-gradient-bottom{background:linear-gradient(0deg, var(--bg) 0%, transparent 100%);z-index:1;pointer-events:none;height:25%;position:absolute;bottom:0;left:0;right:0}.hero-orb{filter:blur(80px);z-index:0;pointer-events:none;opacity:.4;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#00d4ff26,#0000 70%);width:400px;height:400px;animation:8s ease-in-out infinite floatOrb1;top:10%;left:-5%}.hero-orb-2{background:radial-gradient(circle,#7c3aed1f,#0000 70%);width:350px;height:350px;animation:10s ease-in-out infinite floatOrb2;bottom:10%;right:-5%}.hero-orb-3{background:radial-gradient(circle,#f472b614,#0000 70%);width:250px;height:250px;animation:12s ease-in-out infinite floatOrb3;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:820px;margin-top:-40px;padding:0 24px;display:flex;position:relative}#heroCanvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.scanlines{z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:absolute;inset:0}.hero-badge{color:var(--cyan);letter-spacing:.06em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#00d4ff14 0%,#7c3aed0f 100%);border:1px solid #00d4ff33;border-radius:100px;align-items:center;gap:10px;margin-bottom:32px;padding:8px 22px;font-size:.78rem;animation:.8s both fadeSlideDown;display:inline-flex;box-shadow:0 0 20px #00d4ff0f,inset 0 0 20px #00d4ff05}.badge-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #10b98199}.hero-pre-line{align-items:center;gap:16px;margin-bottom:16px;animation:.9s .1s both fadeSlideDown;display:flex}.pre-deco{background:linear-gradient(90deg, transparent, var(--cyan-mid));width:40px;height:1px}.pre-deco:last-child{background:linear-gradient(90deg, var(--cyan-mid), transparent)}.hero-pre{color:var(--text-dim);letter-spacing:.25em;text-transform:uppercase;font-size:.9rem;font-family:var(--font-display);margin-bottom:0}.hero-name{font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(135deg, #fff 0%, var(--cyan) 50%, var(--violet) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,8vw,4rem);font-weight:900;line-height:1.1;animation:1s .2s both fadeSlideDown,6s ease-in-out infinite shimmer;display:inline-block;position:relative}.hero-name:before,.hero-name:after{content:attr(data-text);font-size:inherit;font-weight:inherit;letter-spacing:inherit;-webkit-text-fill-color:initial;background:0 0;position:absolute;inset:0}.hero-name:before{color:var(--cyan);clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);text-shadow:0 0 12px #00d4ff66;animation:4s step-end infinite glitch1;transform:translate(-3px)}.hero-name:after{color:var(--violet);clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);text-shadow:0 0 12px #7c3aed66;animation:4s step-end infinite glitch2;transform:translate(3px)}.hero-tagline{font-family:var(--font-display);color:var(--cyan);letter-spacing:.1em;min-height:1.6em;margin:20px 0 0;font-size:clamp(.85rem,2.5vw,1.1rem);animation:1s .35s both fadeSlideDown}.type-cursor:after{content:"|";color:var(--cyan);text-shadow:0 0 8px var(--cyan);animation:.75s step-end infinite blink}.hero-divider{align-items:center;gap:12px;margin:20px 0;animation:1s .4s both fadeSlideDown;display:flex}.divider-line{background:linear-gradient(90deg, var(--cyan-mid), var(--violet), var(--cyan-mid));border-radius:1px;width:60px;height:1px}.divider-dot{background:var(--cyan);border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #00d4ff80}.hero-sub{color:var(--text-dim);max-width:520px;margin:0 auto 40px;font-size:1.02rem;line-height:1.9;animation:1s .45s both fadeSlideDown}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;animation:1s .55s both fadeSlideDown;display:flex}.hero-stats{justify-content:center;gap:20px;margin-top:52px;animation:1s .7s both fadeSlideDown;display:flex}.stat-pill{border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#00d4ff0a 0%,#7c3aed08 100%);border:1px solid #00d4ff1f;flex-direction:column;align-items:center;gap:4px;padding:16px 28px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-pill:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition);background:linear-gradient(135deg,#00d4ff14,#0000 60%);position:absolute;inset:0}.stat-pill:hover{border-color:var(--cyan-mid);transform:translateY(-6px);box-shadow:0 8px 30px #00d4ff1a,0 0 0 1px #00d4ff26}.stat-pill:hover:before{opacity:1}.stat-value{font-family:var(--font-display);background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-family:var(--font-display)}.scroll-indicator{z-index:2;flex-direction:column;align-items:center;gap:10px;animation:1s 1s both fadeSlideDown;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-mouse{border:2px solid var(--border);background:#00d4ff08;border-radius:14px;justify-content:center;width:24px;height:38px;padding-top:7px;display:flex;box-shadow:0 0 15px #00d4ff0d}.scroll-wheel{background:var(--cyan);width:3px;height:8px;box-shadow:0 0 6px var(--cyan);border-radius:2px;animation:2s infinite scrollWheel}.scroll-indicator span{color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;font-size:.62rem;font-family:var(--font-display)}.hero-side-line{z-index:2;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-side-line span{background:var(--border);border-radius:1px;width:2px;display:block}.hero-side-line span:first-child{background:linear-gradient(180deg, transparent, var(--cyan-mid));height:40px}.hero-side-line span:nth-child(2){background:var(--border);height:80px}.hero-side-line span:nth-child(3){background:linear-gradient(0deg, transparent, var(--cyan-mid));height:40px}.hero-side-left{left:30px}.hero-side-right{right:30px}.hero-grid-bg{z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(#00d4ff0d 1px,#0000 1px),linear-gradient(90deg,#00d4ff0d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 80%)}.hero-spotlight{--mx:50%;--my:50%;z-index:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx) var(--my), #00d4ff14, transparent 70%);transition:background .2s;position:absolute;inset:0}.hero-grid{z-index:2;grid-template-columns:1.35fr 1fr;align-items:center;gap:56px;width:100%;max-width:1240px;margin:0 auto;padding:0 48px;display:grid;position:relative}.hero{justify-content:center}.hero-left{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.hero-left .hero-pre-line,.hero-left .hero-divider,.hero-left .hero-cta,.hero-left .hero-socials,.hero-left .hero-keywords,.hero-left .hero-stats-grid{margin-left:0}.hero-left .hero-sub{text-align:left;margin-left:0}.hero-sub{max-width:560px;margin-bottom:22px}.hero-keywords{flex-wrap:wrap;gap:8px;margin:0 0 30px;display:flex}.keyword-chip{font-family:var(--font-display);letter-spacing:.06em;color:var(--cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);background:linear-gradient(135deg,#00d4ff12,#7c3aed0d);border:1px solid #00d4ff2e;border-radius:100px;padding:6px 12px;font-size:.7rem}.keyword-chip:hover{border-color:var(--cyan-mid);transform:translateY(-2px);box-shadow:0 4px 18px #00d4ff1f}.keyword-chip:nth-child(2n){color:var(--violet);border-color:#7c3aed38}.hero-cta{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.btn-resume{color:var(--text);background:0 0;background-image:linear-gradient(var(--bg-2), var(--bg-2)), linear-gradient(135deg, var(--cyan), var(--violet));background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;position:relative}.btn-resume:hover{color:#fff;box-shadow:0 0 0 1px #00d4ff33,0 6px 24px #00d4ff1f}.btn-ghost{background:var(--bg-glass)}.btn-ripple{pointer-events:none;background:#ffffff80;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.btn--ripple .btn-ripple{animation:.6s ease-out ripple}.hero-socials{gap:12px;margin-bottom:34px;display:flex}.hero-social-btn{width:42px;height:42px;color:var(--text-dim);background:var(--bg-glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition), color var(--transition), box-shadow var(--transition), border-color var(--transition);border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative}.hero-social-btn svg{width:18px;height:18px}.hero-social-btn:after{content:attr(data-tooltip);letter-spacing:.06em;color:var(--text);border:1px solid var(--border);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition), transform var(--transition);font-size:.62rem;font-family:var(--font-display);background:#0a1023eb;border-radius:6px;padding:4px 9px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.hero-social-btn:hover{color:var(--cyan);border-color:var(--cyan-mid);box-shadow:var(--glow-cyan);transform:translateY(-4px)rotate(-4deg)}.hero-social-btn:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.hero-social-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.hero-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:560px;display:grid}.stat-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#00d4ff0d 0%,#7c3aed0a 100%);background-image:linear-gradient(var(--bg-card), var(--bg-card)), linear-gradient(135deg, #00d4ff59, #7c3aed59);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;transition:transform var(--transition), box-shadow var(--transition);background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";opacity:0;transition:opacity var(--transition);background:linear-gradient(135deg,#00d4ff1a,#0000 60%);position:absolute;inset:0}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff1f}.stat-card:hover:before{opacity:1}.stat-card-value{font-family:var(--font-display);background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;line-height:1}.stat-card-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.6rem;font-family:var(--font-display)}.hero-right{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0;min-height:420px;display:flex;position:relative}.float-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px 18px;position:relative;box-shadow:0 8px 32px #00000059}.float-card--working{animation:6s ease-in-out infinite floatY}.float-card--achievement{animation:7s ease-in-out .5s infinite reverse floatY}.float-card-tag{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px;font-size:.62rem;display:inline-block}.float-card-list{color:var(--text-dim);flex-direction:column;gap:6px;font-size:.82rem;display:flex}.float-card-list li{align-items:center;gap:8px;display:flex}.float-card-list li:before{content:"";background:linear-gradient(135deg, var(--cyan), var(--violet));border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #00d4ff80}.float-card-quote{color:var(--text-dim);font-size:.82rem;font-style:italic;line-height:1.6}.terminal{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050810d9;border-radius:14px;font-family:Courier New,Courier,monospace;overflow:hidden;box-shadow:0 10px 32px #0006}.terminal-bar{border-bottom:1px solid var(--border-2);background:#ffffff08;align-items:center;gap:7px;padding:9px 14px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot--red{background:#ff5f57}.terminal-dot--amber{background:#febc2e}.terminal-dot--green{background:#28c840}.terminal-title{color:var(--text-muted);letter-spacing:.05em;margin-left:auto;font-size:.66rem}.terminal-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.terminal-line{font-size:.76rem;line-height:1.55}.terminal-prompt{color:var(--cyan)}.terminal-out{color:var(--text-dim)}.tech-orbit{justify-content:center;align-items:center;width:100%;height:320px;margin-top:4px;display:flex;position:relative}.tech-orbit-core{background:linear-gradient(135deg, var(--cyan), var(--violet));border-radius:50%;width:14px;height:14px;animation:3s ease-in-out infinite glowPulse;position:absolute;box-shadow:0 0 18px #00d4ff99,0 0 40px #7c3aed59}.tech-chip{width:38px;height:38px;color:var(--text-dim);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:rotate(calc(var(--i) * (360deg / var(--total)))) translateY(-56px) rotate(calc(var(--i) * (-360deg / var(--total))));animation:5s ease-in-out infinite techChipFloat;animation-delay:calc(var(--i) * .25s);transition:color var(--transition), border-color var(--transition), box-shadow var(--transition);background:#0a1023b8;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute}.tech-chip svg{fill:currentColor;width:19px;height:19px;transition:fill var(--transition)}.tech-chip:hover{color:var(--icon-color,var(--cyan));border-color:var(--icon-color,var(--cyan-mid));box-shadow:0 0 16px color-mix(in srgb, var(--icon-color,var(--cyan)) 45%, transparent)}.scroll-progress-track{background:var(--border);border-radius:1px;width:2px;height:26px;display:block;position:relative;overflow:hidden}.scroll-progress-bar{inset-inline:0;background:linear-gradient(var(--cyan), var(--violet));height:40%;animation:1.8s ease-in-out infinite progressLine;position:absolute;top:0}.scroll-chevron{color:var(--cyan);font-size:.7rem;animation:1.8s ease-in-out infinite floatY}@keyframes ripple{0%{opacity:.6;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(40)}}@keyframes techChipFloat{0%,to{opacity:.65}50%{opacity:1}}@keyframes progressLine{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}@media (max-width:1024px){.hero{align-items:flex-start;height:auto;min-height:100dvh;padding:120px 0 90px}.hero-grid{grid-template-columns:1fr;gap:36px;margin-top:0;padding:0 32px}.hero-left{text-align:center;align-items:center}.hero-left .hero-sub{text-align:center}.hero-left .hero-pre-line,.hero-cta,.hero-socials,.hero-stats-grid,.hero-keywords{justify-content:center}.hero-stats-grid{max-width:520px;margin:0 auto}.hero-right{flex-flow:wrap;justify-content:center}.float-card{flex:240px;max-width:300px}.terminal{flex:320px;max-width:380px}.tech-orbit,.scroll-indicator{display:none}}@media (max-width:640px){.hero{padding:110px 0 80px}.hero-grid{margin-top:0;padding:0 20px}.hero-right{flex-direction:column;align-items:stretch}.hero-stats-grid{grid-template-columns:repeat(2,1fr)}.hero-cta,.hero-cta .btn{width:100%}.hero-cta .btn{justify-content:center}.hero-socials{flex-wrap:wrap;justify-content:center}.hero-name{font-size:clamp(2rem,11vw,3rem)}}@media (prefers-reduced-motion:reduce){.float-card--working,.float-card--achievement,.tech-chip,.tech-orbit-core,.scroll-progress-bar,.scroll-chevron,.hero-grid-bg,.hero-orb,.hero-name,.badge-dot{animation:none!important}.hero-grid,.hero-left>*{transition:none!important}}.btn{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;transition:transform var(--transition), box-shadow var(--transition);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 32px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--cyan) 0%, var(--violet) 100%);color:#fff}.btn-primary:hover{box-shadow:var(--glow-cyan)}.btn-glow{border-radius:inherit;background:inherit;filter:blur(8px);opacity:0;transition:opacity var(--transition);z-index:-1;position:absolute;inset:-2px}.btn-primary:hover .btn-glow{opacity:.6}.btn-ghost{color:var(--cyan);border:1px solid var(--cyan-mid);background:0 0}.btn-ghost:hover{background:var(--cyan-dim);box-shadow:var(--glow-cyan)}.btn-full{justify-content:center;width:100%}.btn-icon{transition:transform var(--transition);margin-left:4px}.btn:hover .btn-icon{transform:translate(4px)}.section{padding:100px 0;position:relative}.section-header{align-items:center;gap:20px;margin-bottom:64px;display:flex}.section-number{font-family:var(--font-display);color:var(--cyan);letter-spacing:.2em;opacity:.7;font-size:.7rem;font-weight:700}.section-title{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;white-space:nowrap;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.section-title em{color:var(--cyan);font-style:normal}.section-line{background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.neon-text{color:var(--cyan);text-shadow:0 0 12px #00d4ff99}.about{background:var(--bg-2)}.about-grid{grid-template-columns:1fr 1.6fr;align-items:center;gap:80px;display:grid}.about-visual{position:relative}.avatar-frame{width:300px;height:300px;margin:0 auto;position:relative}.avatar-inner{background:linear-gradient(135deg, var(--violet-dim) 0%, var(--cyan-dim) 100%);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.avatar-initials{font-family:var(--font-display);color:var(--cyan);text-shadow:var(--glow-cyan);z-index:2;letter-spacing:.05em;font-size:4rem;font-weight:900}.avatar-glow{pointer-events:none;background:radial-gradient(circle,#00d4ff14 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite glowPulse;position:absolute;inset:-20px}.orbit-ring{border:1px solid #0000;border-radius:50%;position:absolute}.ring-1{border-color:#00d4ff26;width:120%;height:120%;animation:8s linear infinite orbit1}.ring-2{border-color:#7c3aed1f;width:145%;height:145%;animation:14s linear infinite reverse orbit2}.frame-corner{border-color:var(--cyan);border-style:solid;width:20px;height:20px;position:absolute}.c-tl{border-width:2px 0 0 2px;top:4px;left:4px}.c-tr{border-width:2px 2px 0 0;top:4px;right:4px}.c-bl{border-width:0 0 2px 2px;bottom:4px;left:4px}.c-br{border-width:0 2px 2px 0;bottom:4px;right:4px}.info-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;max-width:50vw;padding:10px 16px;font-size:.82rem;display:flex;position:absolute;overflow:hidden}.card-location{bottom:-20px;left:-10px}.card-status{top:20px;right:-20px}.pulse-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}.about-headline{font-family:var(--font-display);color:var(--text);margin-bottom:24px;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.3}.about-text p{color:var(--text-dim);margin-bottom:16px;font-size:.98rem;line-height:1.8}.about-text strong{color:var(--text)}.about-text em{color:var(--cyan);font-style:italic}.about-tags{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.tag{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-muted);font-size:.78rem;font-family:var(--font-display);letter-spacing:.05em;transition:border-color var(--transition), color var(--transition);border-radius:100px;padding:5px 14px}.tag:hover{border-color:var(--cyan-mid);color:var(--cyan)}.projects{background:var(--bg);overflow:hidden}#projectsBg{z-index:0;opacity:.4;width:100%;height:100%;position:absolute;inset:0}.projects .container{z-index:1;position:relative}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);cursor:default;flex-direction:column;gap:20px;padding:28px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--transition);background:linear-gradient(135deg,#00d4ff0a 0%,#0000 60%);position:absolute;inset:0}.project-card:hover{border-color:var(--border);box-shadow:0 20px 60px #00000080, 0 0 0 1px var(--cyan-dim), var(--glow-cyan);transform:translateY(-8px)}.project-card:hover:before{opacity:1}.card-glow-border{border-radius:inherit;background:linear-gradient(135deg, var(--cyan), var(--violet), var(--cyan));opacity:0;z-index:-1;transition:opacity var(--transition);background-size:300% 300%;animation:4s infinite gradientShift;position:absolute;inset:-1px}.project-card:hover .card-glow-border{opacity:.4}.card-header{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.card-icon-wrap{background:var(--bg-glass);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.p1{border-color:var(--cyan-dim);background:#00d4ff1a}.p2{background:#f472b61a;border-color:#f472b633}.p3{border-color:var(--violet-dim);background:#7c3aed1a}.p4{background:#10b9811a;border-color:#10b98133}.p5{background:#fbbf241a;border-color:#fbbf2433}.p6{border-color:var(--cyan-dim);background:#00d4ff1a}.p7{border-color:var(--violet-dim);background:#7c3aed1a}.p8{background:#10b9811a;border-color:#10b98140}.card-links{opacity:0;transition:opacity var(--transition);gap:8px;display:flex}.project-card:hover .card-links{opacity:1}.icon-btn{background:var(--bg-glass);border:1px solid var(--border);width:44px;height:44px;color:var(--text-dim);cursor:pointer;transition:color var(--transition), border-color var(--transition), background var(--transition);border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{color:var(--cyan);border-color:var(--cyan-mid);background:var(--cyan-dim)}.card-body{flex:1}.card-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.card-tags span{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.06em;font-size:.68rem;font-family:var(--font-display);border-radius:100px;padding:2px 10px}.card-body h3{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;margin-bottom:10px;font-size:1.05rem;font-weight:700}.card-body p{color:var(--text-muted);font-size:.88rem;line-height:1.7}.card-footer{border-top:1px solid var(--border-2);z-index:2;justify-content:space-between;align-items:center;padding-top:16px;display:flex;position:relative}.card-tech{color:var(--text-muted);font-size:.7rem;font-family:var(--font-display);letter-spacing:.05em}.card-cta{font-size:.78rem;font-family:var(--font-display);color:var(--cyan);letter-spacing:.05em;cursor:pointer;z-index:2;transition:letter-spacing var(--transition), text-shadow var(--transition);font-weight:600;position:relative}.card-cta:hover{letter-spacing:.15em;text-shadow:0 0 10px var(--cyan)}.project-card.featured{box-shadow:0 0 0 1px var(--cyan-dim), 0 10px 40px #00d4ff14;border-color:#00d4ff59}.project-card.featured:hover{box-shadow:0 20px 60px #00000080, 0 0 0 1px var(--cyan-mid), var(--glow-cyan)}.featured-badge{z-index:3;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);background:var(--cyan-dim);border:1px solid var(--cyan-mid);-webkit-backdrop-filter:blur(6px);border-radius:100px;padding:3px 10px;font-size:.6rem;font-weight:700;position:absolute;top:14px;right:14px}.card-thumbnail{aspect-ratio:600/340;border:1px solid var(--border);background:var(--bg-2);border-radius:12px;width:100%;position:relative;overflow:hidden}.card-thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.project-card:hover .card-thumbnail-img{transform:scale(1.05)}.card-thumb-tag{z-index:2;font-family:var(--font-display);letter-spacing:.06em;color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);background:#00000080;border-radius:100px;padding:2px 8px;font-size:.58rem;font-weight:700;position:absolute;top:8px;left:8px}.card-tech-badges{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.card-tech-badges span{font-size:.64rem;font-family:var(--font-display);color:#34d399;letter-spacing:.02em;background:#10b98114;border:1px solid #10b98138;border-radius:6px;padding:3px 9px;font-weight:600}.card-live-url{background:var(--bg-glass);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;display:flex}.card-live-url svg{width:15px;height:15px;color:var(--cyan);flex-shrink:0}.card-live-url a{font-size:.72rem;font-family:var(--font-display);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition);text-decoration:none;overflow:hidden}.card-live-url a:hover{color:var(--cyan)}.skills{background:var(--bg);position:relative;overflow:hidden}.skills-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.skills-bg-grid{background-image:linear-gradient(#00d4ff09 1px,#0000 1px),linear-gradient(90deg,#00d4ff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%)}.skills-orb{filter:blur(90px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.skills-orb-a{background:radial-gradient(circle,#00d4ff2e,#0000 70%);width:460px;height:460px;animation:14s ease-in-out infinite floatOrb1;top:2%;left:-8%}.skills-orb-b{background:radial-gradient(circle,#7c3aed29,#0000 70%);width:420px;height:420px;animation:16s ease-in-out infinite floatOrb2;bottom:6%;right:-10%}.skills-orb-c{background:radial-gradient(circle,#f472b61a,#0000 70%);width:300px;height:300px;animation:18s ease-in-out infinite floatOrb3;top:45%;left:35%}.skills-particles{opacity:.6;background-image:radial-gradient(2px 2px at 12% 22%,#00d4ff8c,#0000 60%),radial-gradient(1.5px 1.5px at 78% 18%,#7c3aed80,#0000 60%),radial-gradient(1.5px 1.5px at 32% 68%,#00d4ff66,#0000 60%),radial-gradient(2px 2px at 88% 72%,#f472b666,#0000 60%),radial-gradient(1px 1px at 56% 88%,#00d4ff80,#0000 60%),radial-gradient(1.5px 1.5px at 8% 82%,#7c3aed66,#0000 60%);animation:9s ease-in-out infinite floatY;position:absolute;inset:0}.skills-spotlight{background:radial-gradient(600px circle at var(--mx,50%) var(--my,30%), #00d4ff14, transparent 70%);transition:background .25s;position:absolute;inset:0}.skills-content{z-index:1;position:relative}.skill-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color var(--transition), box-shadow var(--transition);transform-style:preserve-3d;will-change:transform;padding:22px 22px 24px;position:relative;overflow:hidden}.skill-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent,var(--cyan)), transparent 60%);-webkit-mask-composite:xor;opacity:.4;transition:opacity var(--transition);pointer-events:none;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}.skill-card:hover{border-color:var(--cyan-mid);box-shadow:var(--glow-cyan)}.skill-card:hover:before{opacity:1}.skill-card-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.skill-card-icon{background:var(--bg-glass);border:1px solid var(--border);width:44px;height:44px;color:var(--accent,var(--cyan));transition:box-shadow var(--transition);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.skill-card:hover .skill-card-icon{box-shadow:0 0 18px var(--accent-glow,#00d4ff4d)}.skill-card-icon svg{width:20px;height:20px}.skill-card-pct{font-family:var(--font-display);color:var(--text);font-size:1.5rem;font-weight:800;line-height:1}.skill-card-pct .sym{color:var(--text-muted);margin-left:2px;font-size:.85rem}.skill-card-name{font-family:var(--font-display);color:var(--text);margin-bottom:4px;font-size:1rem;font-weight:700}.skill-card-cat{letter-spacing:.1em;text-transform:uppercase;color:var(--accent,var(--cyan));margin-bottom:12px;font-size:.7rem;font-weight:600}.skill-card-desc{color:var(--text-muted);min-height:2.6em;margin-bottom:18px;font-size:.83rem;line-height:1.6}.skill-card-bar-wrap{align-items:center;gap:12px;display:flex}.skill-card-bar{background:#ffffff0f;border-radius:100px;flex:1;height:6px;overflow:hidden}.skill-card-fill{background:linear-gradient(90deg, var(--accent,var(--cyan)), var(--violet));width:0;height:100%;box-shadow:0 0 8px var(--accent-glow,#00d4ff80);border-radius:100px}.skill-card-level{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:.66rem;font-weight:700}.acc-cyan{--accent:var(--cyan);--accent-glow:#00d4ff59}.acc-violet{--accent:var(--violet);--accent-glow:#7c3aed59}.acc-pink{--accent:var(--pink);--accent-glow:#f472b659}.acc-green{--accent:var(--green);--accent-glow:#10b98159}.acc-amber{--accent:#fbbf24;--accent-glow:#fbbf2459}.acc-blue{--accent:#3b82f6;--accent-glow:#3b82f659}.acc-orange{--accent:#f97316;--accent-glow:#f9731659}.skill-card-inner,.tool-card-inner{z-index:1;width:100%;position:relative}.tool-card-inner{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}@keyframes toolFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tool-card-inner{animation:5s ease-in-out infinite toolFloat}.tool-card:nth-child(2) .tool-card-inner{animation-delay:.4s}.tool-card:nth-child(3) .tool-card-inner{animation-delay:.8s}.tool-card:nth-child(4) .tool-card-inner{animation-delay:1.2s}.tool-card:nth-child(5) .tool-card-inner{animation-delay:1.6s}.tool-card:nth-child(6) .tool-card-inner{animation-delay:2s}.skills-hero{z-index:1;text-align:center;padding:72px 0 48px;position:relative}.skills-hero-badge{font-family:var(--font-display);color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#00d4ff14,#7c3aed0f);border:1px solid #00d4ff33;border-radius:100px;align-items:center;gap:10px;margin-bottom:26px;padding:8px 20px;font-size:.72rem;display:inline-flex}.skills-hero-title{font-family:var(--font-display);color:var(--text);letter-spacing:.01em;font-size:clamp(2.2rem,6vw,4rem);font-weight:800;line-height:1.08}.skills-hero-title em{background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.skills-hero-sub{max-width:640px;color:var(--text-dim);margin:24px auto 0;font-size:clamp(.95rem,1.7vw,1.1rem);line-height:1.8}.skills-scroll{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;margin-top:44px;font-size:.62rem;display:inline-flex}.skills-scroll-mouse{border:1.5px solid var(--cyan-mid);border-radius:14px;width:24px;height:38px;position:relative}.skills-scroll-mouse:after{content:"";background:var(--cyan);border-radius:100px;width:3px;height:7px;animation:1.8s ease-in-out infinite scrollWheel;position:absolute;top:7px;left:50%;transform:translate(-50%)}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(12px)}to{opacity:0;transform:translateY(0)}}.skills-block{z-index:1;padding:64px 0;position:relative}.skills-block.alt{background:linear-gradient(#0000,#080d1a80,#0000)}.skills-block-head{align-items:center;gap:16px;margin-bottom:44px;display:flex}.skills-block-num{font-family:var(--font-display);color:var(--cyan);letter-spacing:.22em;opacity:.7;font-size:.72rem;font-weight:700}.skills-block-title{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:700}.skills-block-title em{color:var(--cyan);font-style:normal}.skills-block-line{background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.skills-card-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tools-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.tool-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);transform-style:preserve-3d;will-change:transform;padding:26px 16px;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--accent,var(--cyan));box-shadow:0 0 22px var(--accent-glow,#00d4ff59);transform:translateY(-6px)}.tool-icon{background:var(--bg-glass);border:1px solid var(--border);width:52px;height:52px;color:var(--accent,var(--cyan));transition:box-shadow var(--transition);border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.tool-card:hover .tool-icon{box-shadow:0 0 18px var(--accent-glow,#00d4ff4d)}.tool-icon svg{width:24px;height:24px}.tool-name{font-family:var(--font-display);color:var(--text);margin-bottom:4px;font-size:.92rem;font-weight:700}.tool-desc{color:var(--text-muted);font-size:.74rem;line-height:1.5}.learning-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.learning-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);flex-direction:column;align-items:center;gap:14px;padding:30px 22px;display:flex}.learning-card:hover{border-color:var(--accent,var(--cyan));box-shadow:0 0 22px var(--accent-glow,#00d4ff4d);transform:translateY(-5px)}.learning-ring{width:96px;height:96px;position:relative}.learning-ring svg{transform:rotate(-90deg)}.learning-ring-bg{fill:none;stroke:#ffffff12;stroke-width:7px}.learning-ring-fg{fill:none;stroke:var(--accent,var(--cyan));stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--accent-glow,#00d4ff80))}.learning-ring-center{font-family:var(--font-display);color:var(--text);justify-content:center;align-items:center;font-size:1.15rem;font-weight:800;display:flex;position:absolute;inset:0}.learning-ring-center .sym{color:var(--text-muted);font-size:.7rem}.learning-icon-row{color:var(--accent,var(--cyan));align-items:center;gap:8px;display:flex}.learning-icon-row svg{width:16px;height:16px}.learning-name{font-family:var(--font-display);color:var(--text);font-size:.9rem;font-weight:700}.learning-status{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.6rem}.workflow-wrap{scrollbar-width:thin;scrollbar-color:var(--cyan-mid) transparent;padding-bottom:12px;position:relative;overflow-x:auto}.workflow-wrap::-webkit-scrollbar{height:6px}.workflow-wrap::-webkit-scrollbar-thumb{background:var(--cyan-mid);border-radius:100px}.workflow-track{align-items:stretch;gap:0;min-width:max-content;padding:8px 4px;display:flex}.workflow-step{text-align:center;flex-direction:column;flex:none;align-items:center;gap:12px;width:180px;display:flex;position:relative}.workflow-node{background:var(--bg-card);border:1px solid var(--border);width:64px;height:64px;color:var(--cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;transition:box-shadow var(--transition), border-color var(--transition);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.workflow-step:hover .workflow-node{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.workflow-node svg{width:24px;height:24px}.workflow-connector{background:linear-gradient(90deg, var(--cyan-mid), var(--violet-glow));opacity:.5;z-index:1;width:100%;height:2px;position:absolute;top:32px;left:50%}.workflow-step:last-child .workflow-connector{display:none}.workflow-label{font-family:var(--font-display);color:var(--text);font-size:.82rem;font-weight:600}.workflow-index{font-family:var(--font-display);letter-spacing:.16em;color:var(--text-muted);font-size:.6rem}@media (max-width:1024px){.skills-card-grid{grid-template-columns:repeat(2,1fr)}.tools-grid{grid-template-columns:repeat(4,1fr)}.learning-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.skills-hero{padding:48px 0 36px}.skills-block{padding:48px 0}.skills-block-head{flex-wrap:wrap;margin-bottom:32px}.tools-grid{grid-template-columns:repeat(3,1fr)}.learning-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:480px){.skills-card-grid{grid-template-columns:1fr}.skill-card-desc{min-height:0}.tools-grid{grid-template-columns:repeat(2,1fr)}.learning-grid{grid-template-columns:1fr}}@media (pointer:coarse){.skill-card:hover,.tool-card:hover,.learning-card:hover{box-shadow:none;border-color:var(--border-2);transform:none}}@media (prefers-reduced-motion:reduce){.skills-orb-a,.skills-orb-b,.skills-orb-c,.skills-particles,.skill-card-inner,.tool-card-inner,.skills-scroll-mouse:after{animation:none}.skill-card-fill,.learning-ring-fg{box-shadow:none;filter:none}}.contact{background:var(--bg)}.contact-intro{max-width:600px;color:var(--text-dim);margin-bottom:56px;font-size:1rem;line-height:1.8}.contact-layout{grid-template-columns:1fr 1.4fr;align-items:start;gap:56px;display:grid}.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:36px}.contact-card h3{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;margin-bottom:12px;font-size:1.1rem;font-weight:700}.contact-card p{color:var(--text-muted);margin-bottom:32px;font-size:.9rem;line-height:1.7}.contact-details{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.contact-item{align-items:center;gap:16px;display:flex}.ci-icon{background:var(--bg-glass);border:1px solid var(--border);width:40px;height:40px;color:var(--cyan);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ci-icon svg{width:18px;height:18px}.ci-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-family:var(--font-display);margin-bottom:2px;display:block}.ci-value{color:var(--text);word-break:break-all;transition:color var(--transition);font-size:.88rem}a.ci-value:hover{color:var(--cyan)}.social-links{gap:12px;display:flex}.social-btn{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-dim);transition:all var(--transition);font-size:.82rem;font-family:var(--font-display);letter-spacing:.05em;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.social-btn svg{width:17px;height:17px}.social-btn:hover{color:var(--cyan);border-color:var(--cyan-mid);background:var(--cyan-dim);transform:translateY(-2px)}.contact-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-size:.72rem;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.input-wrap{position:relative}.input-wrap input,.input-wrap textarea{background:var(--bg-card);border:1px solid var(--border-2);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-body);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);resize:none;outline:none;padding:14px 18px;font-size:16px}.input-wrap input::placeholder,.input-wrap textarea::placeholder{color:var(--text-muted)}.input-wrap input:focus,.input-wrap textarea:focus{border-color:var(--cyan-mid);box-shadow:0 0 0 3px var(--cyan-dim), 0 0 20px #00d4ff14;background:#0a1023e6}.input-line{background:linear-gradient(90deg, var(--cyan), var(--violet));transform-origin:0;height:2px;transition:transform var(--transition);border-radius:1px;position:absolute;bottom:0;left:16px;right:16px;transform:scaleX(0)}.input-wrap input:focus~.input-line,.input-wrap textarea:focus~.input-line{transform:scaleX(1)}.form-feedback{border-radius:var(--radius);padding:12px 16px;font-size:.88rem;display:none}.form-feedback.success{color:var(--green);background:#10b9811a;border:1px solid #10b9814d;display:block}.form-feedback.error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;display:block}.contact-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.contact-bg-grid{opacity:.45;background-image:linear-gradient(#00d4ff0d 1px,#0000 1px),linear-gradient(90deg,#00d4ff0d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 80%)}.contact-bg-orb{filter:blur(90px);opacity:.35;border-radius:50%;position:absolute}.contact-bg-orb-1{background:radial-gradient(circle,#00d4ff2e,#0000 70%);width:420px;height:420px;animation:9s ease-in-out infinite floatOrb1;top:8%;left:-6%}.contact-bg-orb-2{background:radial-gradient(circle,#7c3aed29,#0000 70%);width:360px;height:360px;animation:11s ease-in-out infinite floatOrb2;bottom:12%;right:-6%}.contact-bg-orb-3{background:radial-gradient(circle,#f472b61a,#0000 70%);width:260px;height:260px;animation:13s ease-in-out infinite floatOrb3;top:45%;left:50%;transform:translate(-50%,-50%)}.contact-bg-spotlight{--mx:50%;--my:40%;background:radial-gradient(420px circle at var(--mx) var(--my), #00d4ff14, transparent 70%);position:absolute;inset:0}.contact-container{z-index:1;position:relative}.contact-hero{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:760px;margin:0 auto 72px;display:flex}.contact-hero .section-number{opacity:.8}.contact-hero-title{font-family:var(--font-display);letter-spacing:.01em;background:linear-gradient(135deg, #fff 0%, var(--cyan) 55%, var(--violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5.5vw,3.4rem);font-weight:800;line-height:1.15}.contact-hero-title em{background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.contact-hero-sub{color:var(--text-dim);max-width:620px;font-size:1.05rem;line-height:1.8}.contact .contact-layout{grid-template-columns:1fr 1.85fr;gap:40px}.info-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);flex-direction:column;gap:26px;padding:34px 30px;display:flex;position:relative}.status-badge{letter-spacing:.08em;color:var(--green);font-size:.72rem;font-family:var(--font-display);background:#10b98114;border:1px solid #10b98140;border-radius:100px;align-self:flex-start;align-items:center;gap:9px;padding:7px 14px;font-weight:600;display:inline-flex}.status-badge-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite glowPulse;box-shadow:0 0 8px #10b98199}.info-block{flex-direction:column;gap:10px;display:flex}.info-block-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.info-block-title{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);font-size:.72rem;font-family:var(--font-display);font-weight:600}.info-block-value{color:var(--text);font-size:.92rem;line-height:1.6}.info-lang-list{flex-direction:column;gap:9px;display:flex}.info-lang{border:1px solid var(--border-2);transition:transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition);background:#ffffff05;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative;overflow:hidden}.info-lang:before{content:"";opacity:0;transition:opacity var(--transition);pointer-events:none;background:linear-gradient(135deg,#00d4ff14,#0000 60%);position:absolute;inset:0}.info-lang:hover{border-color:var(--cyan-mid);background:var(--cyan-dim);transform:translateY(-3px)translate(2px);box-shadow:0 6px 20px #00d4ff1a}.info-lang:hover:before{opacity:1}.info-lang-flag{background:var(--bg-glass);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.2rem;line-height:1;display:inline-flex;box-shadow:inset 0 0 10px #00d4ff0d}.info-lang-info{flex-direction:column;gap:1px;min-width:0;display:flex}.info-lang-name{font-family:var(--font-display);color:var(--text);font-size:.9rem;font-weight:600;line-height:1.2}.info-lang-level{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.6rem}.info-lang[data-level=native] .info-lang-level{color:var(--green)}.info-lang[data-level=fluent] .info-lang-level{color:var(--cyan)}.info-lang[data-level=learning] .info-lang-level{color:var(--violet)}.info-list{flex-direction:column;gap:7px;display:flex}.info-row{color:var(--text-dim);transition:color var(--transition), transform var(--transition);align-items:center;gap:10px;font-size:.88rem;display:flex}.info-row:hover{color:var(--text);transform:translate(3px)}.info-row-icon{color:var(--violet);font-size:.8rem}.info-email-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.info-email-link{transition:color var(--transition);word-break:break-all}.info-email-link:hover{color:var(--cyan)}.copy-btn{letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-family:var(--font-display);background:var(--bg-glass);border:1px solid var(--border);color:var(--text-dim);transition:all var(--transition);border-radius:7px;padding:5px 11px;font-weight:600}.copy-btn:hover{color:var(--cyan);border-color:var(--cyan-mid);background:var(--cyan-dim)}.social-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px;display:grid}.social-card{aspect-ratio:1;color:var(--text-dim);background:var(--bg-glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition), color var(--transition), box-shadow var(--transition), border-color var(--transition);border-radius:14px;justify-content:center;align-items:center;display:inline-flex;position:relative}.social-card svg{width:22px;height:22px}.social-card:after{content:attr(data-tooltip);letter-spacing:.06em;color:var(--text);border:1px solid var(--border);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition), transform var(--transition);font-size:.62rem;font-family:var(--font-display);background:#0a1023eb;border-radius:6px;padding:4px 9px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.social-card:hover{color:var(--cyan);border-color:var(--cyan-mid);box-shadow:var(--glow-cyan);transform:translateY(-5px)}.social-card:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.social-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.faq{max-width:860px;margin-top:110px;margin-left:auto;margin-right:auto}.faq-header{align-items:center;gap:14px;margin-bottom:36px;display:flex}.faq-title{font-family:var(--font-display);color:var(--text);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700}.faq-title em{color:var(--cyan);font-style:normal}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition);overflow:hidden}.faq-item.open{border-color:var(--cyan-mid)}.faq-question{width:100%;color:var(--text);font-family:var(--font-display);text-align:left;transition:color var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:.98rem;font-weight:600;display:flex}.faq-question:hover{color:var(--cyan)}.faq-icon{border:1px solid var(--border);width:26px;height:26px;color:var(--cyan);transition:transform var(--transition), background var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.faq-item.open .faq-icon{background:var(--cyan-dim);transform:rotate(45deg)}.faq-answer-wrap{overflow:hidden}.faq-answer{color:var(--text-dim);padding:0 24px 22px;font-size:.9rem;line-height:1.8}.contact-cta{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);text-align:center;margin-top:110px;padding:64px 32px;position:relative;overflow:hidden}.contact-cta-glow{border-radius:inherit;filter:blur(24px);opacity:.5;z-index:-1;background:linear-gradient(135deg,#00d4ff40,#7c3aed40) 0 0/200% 200%;animation:8s ease-in-out infinite journeyGlow;position:absolute;inset:-2px}.contact-cta-content{z-index:1;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.contact-cta-title{font-family:var(--font-display);color:var(--text);font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:800}.contact-cta-title em{background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.contact-cta-sub{color:var(--text-dim);max-width:480px;margin-bottom:10px;font-size:1rem;line-height:1.7}.contact-cta-btns{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);flex-direction:column;gap:22px;padding:32px 28px;display:flex;position:relative;overflow:hidden}.profile-card:before{content:"";pointer-events:none;background:linear-gradient(160deg,#00d4ff0d,#0000 50%);position:absolute;inset:0}.profile-head{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.profile-avatar{width:84px;height:84px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, var(--cyan), var(--violet));box-shadow:0 0 0 4px #0a1023e6, 0 0 0 5px var(--cyan-mid), 0 8px 28px #00d4ff40;border-radius:50%;justify-content:center;align-items:center;font-size:1.7rem;font-weight:800;animation:4s ease-in-out infinite profileAvatarPulse;display:flex;position:relative}.profile-status{letter-spacing:.06em;color:var(--green);font-size:.72rem;font-family:var(--font-display);background:#10b98114;border:1px solid #10b98140;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-weight:600;display:inline-flex}.profile-status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite glowPulse;box-shadow:0 0 8px #10b981b3}.profile-name{font-family:var(--font-display);text-align:center;color:var(--text);background:linear-gradient(135deg, #fff, var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.profile-roles{color:var(--text-dim);font-size:.82rem;font-family:var(--font-display);text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.profile-bio{color:var(--text-muted);text-align:center;padding:0 4px;font-size:.88rem;line-height:1.7}.profile-contact{border-top:1px solid var(--border-2);flex-direction:column;gap:11px;margin-top:2px;padding-top:4px;display:flex}.profile-contact-row{color:var(--text-dim);align-items:center;gap:11px;font-size:.86rem;display:flex}.profile-contact-icon{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.profile-contact-label{transition:color var(--transition);word-break:break-all;flex:1;min-width:0}.profile-contact-link:hover{color:var(--cyan)}.profile-contact .copy-btn{flex-shrink:0}.availability-card{border:1px solid var(--border);border-radius:var(--radius);background:#00d4ff08;padding:16px 18px}.availability-head{align-items:center;gap:9px;margin-bottom:12px;display:flex}.availability-indicator{background:var(--cyan);width:9px;height:9px;box-shadow:0 0 10px var(--cyan);border-radius:50%;animation:2s ease-in-out infinite glowPulse}.availability-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:.7rem;font-weight:600}.availability-chips{flex-wrap:wrap;gap:7px;display:flex}.availability-chip{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-dim);font-size:.72rem;font-family:var(--font-display);transition:all var(--transition);border-radius:100px;padding:5px 11px}.availability-chip:hover{color:var(--cyan);border-color:var(--cyan-mid);background:var(--cyan-dim);transform:translateY(-2px)}.profile-card .info-block{gap:8px}.profile-card .info-block-title{font-size:.68rem}.social-cards-h{grid-template-columns:1fr 1fr;gap:10px;display:grid}.social-card-h{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-dim);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition), color var(--transition);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.social-card-h:before{content:"";opacity:0;transition:opacity var(--transition);pointer-events:none;background:linear-gradient(135deg,#00d4ff1a,#7c3aed14);position:absolute;inset:0}.social-card-h:hover{border-color:var(--cyan-mid);color:var(--text);transform:translateY(-4px);box-shadow:0 8px 24px #00d4ff1f}.social-card-h:hover:before{opacity:1}.social-card-h-icon{border:1px solid var(--border);z-index:1;background:#00d4ff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative}.social-card-h-icon svg{width:18px;height:18px}.social-card-h-info{z-index:1;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex;position:relative}.social-card-h-name{font-family:var(--font-display);color:var(--text);font-size:.82rem;font-weight:600}.social-card-h-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.social-card-h-arrow{color:var(--cyan);opacity:0;transition:opacity var(--transition), transform var(--transition);z-index:1;font-size:.85rem;position:relative;transform:translate(-6px)}.social-card-h:hover .social-card-h-arrow{opacity:1;transform:translate(0)}.social-card-h:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.why-section{margin-top:110px}.why-header{align-items:center;gap:14px;margin-bottom:36px;display:flex}.why-title{font-family:var(--font-display);color:var(--text);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700}.why-title em{color:var(--cyan);font-style:normal}.why-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.why-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);flex-direction:column;gap:10px;padding:28px 24px;display:flex;position:relative;overflow:hidden}.why-card:before{content:"";opacity:0;transition:opacity var(--transition);background:linear-gradient(160deg,#00d4ff0f,#0000 60%);position:absolute;inset:0}.why-card:hover{border-color:var(--cyan-mid);transform:translateY(-6px);box-shadow:0 12px 36px #00d4ff1f}.why-card:hover:before{opacity:1}.why-card-icon{margin-bottom:4px;font-size:1.8rem;line-height:1}.why-card-title{font-family:var(--font-display);color:var(--text);font-size:1rem;font-weight:700}.why-card-desc{color:var(--text-dim);font-size:.84rem;line-height:1.6}.magnetic-btn{transition:transform .25s cubic-bezier(.34, 1.56, .64, 1), box-shadow var(--transition);will-change:transform}.char-counter{color:var(--text-muted);font-size:.66rem;font-family:var(--font-display);letter-spacing:.05em;justify-content:flex-end;margin-top:-14px;display:flex}@keyframes profileAvatarPulse{0%,to{box-shadow:0 0 0 4px #0a1023e6, 0 0 0 5px var(--cyan-mid), 0 8px 28px #00d4ff40}50%{box-shadow:0 0 0 4px #0a1023e6, 0 0 0 6px var(--violet-glow), 0 8px 32px #7c3aed4d}}@media (max-width:1024px){.contact .contact-layout{grid-template-columns:1fr 1fr;gap:28px}.why-grid{grid-template-columns:repeat(2,1fr)}.why-section{margin-top:88px}}@media (max-width:640px){.contact .contact-layout,.contact #contact .contact-layout{grid-template-columns:1fr!important}.social-cards-h,.why-grid{grid-template-columns:1fr}.profile-card{padding:28px 22px}}@media (prefers-reduced-motion:reduce){.profile-avatar,.profile-status-dot,.availability-indicator{animation:none!important}.magnetic-btn{transition:none!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1024px){.contact .contact-layout{grid-template-columns:1fr 1fr;gap:28px}.contact-hero{margin-bottom:56px}.faq{margin-top:88px}.contact-cta{margin-top:88px;padding:48px 26px}}@media (max-width:640px){.info-panel{padding:28px 22px}.info-block-row{grid-template-columns:1fr}.social-cards{grid-template-columns:repeat(3,1fr)}.faq-question{padding:18px;font-size:.9rem}.faq-answer{padding:0 18px 18px}.contact-cta{padding:40px 20px}.contact-cta-btns .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.contact-bg-orb,.contact-bg-spotlight,.status-badge-dot,.contact-cta-glow{transition:none!important;animation:none!important}}.footer{background:var(--bg);border-top:1px solid var(--border);padding:60px 0 24px}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo{font-family:var(--font-display);letter-spacing:.1em;font-size:1.3rem;font-weight:700}.footer-tagline{color:var(--text-muted);max-width:320px;font-size:.9rem;line-height:1.6}.footer-socials{gap:12px;margin-top:4px;display:flex}.footer-socials a{border:1px solid var(--border);background:var(--bg-glass);width:40px;height:40px;color:var(--text-muted);transition:all var(--transition);border-radius:10px;justify-content:center;align-items:center;display:flex}.footer-socials a:hover{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-dim);transform:translateY(-2px)}.footer-socials svg{width:18px;height:18px}.footer-nav,.footer-contact-col{flex-direction:column;gap:10px;display:flex}.footer-nav h4,.footer-contact-col h4{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:.72rem}.footer-nav a,.footer-contact-col a,.footer-contact-col span{color:var(--text-muted);transition:color var(--transition);font-size:.85rem;text-decoration:none}.footer-nav a:hover,.footer-contact-col a:hover{color:var(--cyan)}.footer-bar{border-top:1px solid var(--border-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:20px;display:flex}.footer-copy{color:var(--text-muted);font-size:.82rem}.footer-status{color:var(--green);font-size:.78rem;font-family:var(--font-display);letter-spacing:.08em;align-items:center;gap:8px;display:flex}.footer-tech{color:var(--text-muted);font-size:.75rem;font-family:var(--font-display);letter-spacing:.08em}.reveal,.reveal-left,.reveal-right,.reveal-up{opacity:0;transition:opacity .8s,transform .8s}.reveal{transform:translateY(30px)}.reveal-left{transform:translate(-50px)}.reveal-right{transform:translate(50px)}.reveal-up{transition-delay:calc(var(--i,0) * .1s);transform:translateY(40px)}.reveal.visible,.reveal-left.visible,.reveal-right.visible,.reveal-up.visible{opacity:1;transform:none}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch1{0%,94%,to{clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);transform:translate(-3px)}95%{clip-path:polygon(0 10%,100% 10%,100% 30%,0 30%);transform:translate(3px)}97%{clip-path:polygon(0 70%,100% 70%,100% 85%,0 85%);transform:translate(-2px)}}@keyframes glitch2{0%,96%,to{clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);transform:translate(3px)}97%{clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);transform:translate(-3px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes orbit1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{left:-40px}60%,to{left:110%}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes floatOrb1{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,15px)}}@keyframes floatOrb2{0%,to{transform:translate(0)}33%{transform:translate(-25px,20px)}66%{transform:translate(15px,-25px)}}@keyframes floatOrb3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.15)}}@media (max-width:1024px){.about-grid{grid-template-columns:1fr;gap:56px}.about-visual{justify-content:center;display:flex}.projects-grid{grid-template-columns:repeat(2,1fr)}.hero-content{margin-top:0}.hero-name{font-size:clamp(1.8rem,6vw,2.5rem)}}@media (max-width:768px){.section{padding:64px 0}.container,.navbar{padding:0 16px}.nav-inner{height:60px}.nav-logo{font-size:1.1rem}.hamburger{z-index:1001;display:flex}.hamburger span{width:22px}.desktop-nav{display:none}.mobile-menu-overlay{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-nav-links{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.mobile-nav-links .nav-link{letter-spacing:.18em;text-align:center;width:100%;transition:color var(--transition), background var(--transition);border-bottom:1px solid #00d4ff0f;padding:18px 0;font-size:1.15rem;display:block}.mobile-nav-links .nav-link:last-child{border-bottom:none}.mobile-nav-links .nav-link:hover,.mobile-nav-links .nav-link.active{background:#00d4ff0d}.mobile-nav-links .nav-link:after{display:none}.hero{min-height:100dvh}.hero-content{margin-top:0;padding:0 16px}.hero-name{font-size:clamp(1.8rem,9vw,2.8rem);line-height:1.15}.hero-pre{letter-spacing:.15em;font-size:.75rem}.pre-deco{width:25px}.hero-tagline{margin:12px 0 0;font-size:clamp(.75rem,2.2vw,1rem)}.hero-sub{margin-bottom:28px;font-size:.88rem;line-height:1.7}.hero-badge{margin-bottom:20px;padding:5px 14px;font-size:.7rem}.hero-divider{margin:14px 0 16px}.divider-line{width:40px}.hero-actions{gap:12px}.hero-stats{gap:10px;margin-top:40px}.stat-pill{padding:12px 18px}.stat-value{font-size:1.2rem}.stat-label{font-size:.62rem}.scroll-indicator{bottom:20px}.scroll-indicator span{font-size:.58rem}.hero-side-line{display:none}.hero-orb-1{width:250px;height:250px}.hero-orb-2{width:200px;height:200px}.hero-orb-3{width:150px;height:150px}.section-header{flex-wrap:wrap;gap:12px;margin-bottom:44px}.section-title{white-space:normal;font-size:clamp(1.4rem,5vw,2rem)}.section-number{font-size:.65rem}.about-grid{gap:40px}.avatar-frame{width:220px;height:220px}.avatar-initials{font-size:3rem}.card-location{bottom:-10px;left:0}.card-status{top:10px;right:0}.info-card{max-width:45vw;padding:8px 12px;font-size:.75rem}.about-headline{font-size:clamp(1.2rem,4vw,1.6rem)}.about-text p{font-size:.9rem}.projects-grid{grid-template-columns:1fr;gap:20px}.project-card{gap:16px;padding:22px}.card-body h3{font-size:1rem}.card-body p{font-size:.84rem}.card-links{opacity:1}.contact-intro{margin-bottom:40px;font-size:.9rem}.contact-card{padding:24px}.contact-card h3{font-size:1rem}.social-links{flex-wrap:wrap;gap:8px}.social-btn{flex:calc(50% - 8px);justify-content:center;min-width:calc(50% - 8px);padding:10px 14px;font-size:.75rem}.footer{padding:32px 0 20px}.footer-top{text-align:center;grid-template-columns:1fr;gap:28px}.footer-brand{align-items:center}.footer-tagline{max-width:100%}.footer-socials{justify-content:center}.footer-nav,.footer-contact-col{align-items:center}.footer-bar{text-align:center;flex-direction:column;justify-content:center;gap:6px}}@media (max-width:480px){.container{padding:0 12px}.section{padding:52px 0}.navbar{padding:0 12px}.nav-inner{height:56px}.nav-logo{font-size:1rem}.hamburger span{width:20px}.nav-link{padding:16px 0;font-size:1rem}.hero-name{font-size:clamp(1.5rem,8vw,2rem)}.hero-pre{letter-spacing:.1em;font-size:.65rem}.pre-deco{width:20px}.hero-sub{font-size:.82rem;line-height:1.65}.hero-divider{margin:10px 0 14px}.hero-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-actions .btn{justify-content:center;width:100%}.hero-badge{font-size:.65rem}.hero-orb{opacity:.25}.btn{padding:12px 24px;font-size:.7rem}.avatar-frame{width:180px;height:180px}.avatar-initials{font-size:2.4rem}.info-card{max-width:55vw;font-size:.7rem}.about-tags{gap:6px}.tag{padding:4px 10px;font-size:.7rem}.about-text p{font-size:.85rem;line-height:1.7}.project-card{padding:18px}.card-icon-wrap{width:42px;height:42px;font-size:1.2rem}.social-btn{min-width:calc(50% - 4px);padding:10px;font-size:.7rem}.social-btn svg{width:15px;height:15px}.contact-card{padding:20px}.contact-card h3{font-size:.95rem}.ci-value{font-size:.8rem}.footer-top{grid-template-columns:1fr;gap:20px}.footer-copy{font-size:.78rem}.footer-socials a{width:36px;height:36px}.footer-socials svg{width:16px;height:16px}.section-header{gap:10px;margin-bottom:32px}.section-title{font-size:clamp(1.2rem,6vw,1.6rem)}}@media (max-width:360px){.container{padding:0 10px}.section{padding:44px 0}.navbar{padding:0 10px}.nav-inner{height:52px}.nav-logo{font-size:.95rem}.hero-name{font-size:clamp(1.2rem,9vw,1.6rem)}.hero-pre{font-size:.6rem}.pre-deco{width:16px}.hero-sub{font-size:.78rem}.hero-badge{padding:4px 10px;font-size:.6rem}.hero-divider{margin:8px 0 10px}.stat-pill{padding:8px 10px}.stat-value{font-size:1rem}.avatar-frame{width:160px;height:160px}.avatar-initials{font-size:2rem}.about-headline{font-size:clamp(1rem,5vw,1.3rem)}.btn{letter-spacing:.08em;padding:11px 20px;font-size:.65rem}.social-btn{flex:100%;min-width:100%}.card-icon-wrap{width:38px;height:38px;font-size:1.1rem}.footer-copy{font-size:.72rem}.footer-top{gap:16px}.footer-socials{gap:8px}.footer-socials a{border-radius:8px;width:32px;height:32px}}@media (max-width:768px) and (orientation:landscape){.hero{min-height:100dvh}.hero-content{margin-top:0;padding-top:50px;padding-bottom:30px}.hero-name{font-size:clamp(1.4rem,5vw,2rem)}.hero-stats{gap:8px;margin-top:20px}.stat-pill{padding:8px 12px}.stat-value{font-size:1rem}.hero-divider{margin:10px 0 12px}.scroll-indicator,.hero-side-line{display:none}.hero-orb{opacity:.2}.section{padding:48px 0}.about-grid{gap:24px}.avatar-frame{width:160px;height:160px}.avatar-initials{font-size:2.2rem}}@media (pointer:coarse){.nav-link:after{display:none}.project-card:hover{box-shadow:none;transform:none}.project-card:hover:before,.project-card:hover .card-glow-border{opacity:0}.stat-pill:hover{transform:none}.tag:hover{border-color:var(--border);color:var(--text-muted)}.social-btn:hover{transform:none}.card-cta:hover{letter-spacing:.05em;text-shadow:none}.btn:hover{transform:none}.btn-primary:hover{box-shadow:none}.btn-primary:hover .btn-glow{opacity:0}.btn-ghost:hover{box-shadow:none;background:0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.reveal,.reveal-left,.reveal-right,.reveal-up{opacity:1;transition:none;transform:none}.hero-name:before,.hero-name:after{display:none}}.page-transition{opacity:0;transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1);transform:translateY(12px)}.page-transition-entered{opacity:1;transform:none}.current-journey{background:var(--bg);padding:120px 0;position:relative}.current-journey-subtitle{max-width:620px;color:var(--text-dim);margin:-40px 0 64px;font-size:1rem;line-height:1.8}.journey-grid{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:32px;display:grid}.journey-card{border-radius:var(--radius-lg);background-image:linear-gradient(var(--bg-card), var(--bg-card)), linear-gradient(135deg, #00d4ff52, #7c3aed52);-webkit-backdrop-filter:blur(16px);transition:transform var(--transition), box-shadow var(--transition);background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;flex-direction:column;gap:14px;padding:32px 30px;display:flex;position:relative;overflow:hidden}.journey-card:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition);pointer-events:none;background:linear-gradient(135deg,#00d4ff14,#0000 60%);position:absolute;inset:0}.journey-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00d4ff1f}.journey-card:hover:before{opacity:1}.journey-card--achievement{background-image:linear-gradient(var(--bg-card), var(--bg-card)), linear-gradient(135deg, var(--cyan), var(--violet), var(--cyan));background-size:100% 100%,200% 200%;animation:6s ease-in-out infinite journeyGlow}.journey-card-tag{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-size:.66rem;display:inline-block}.journey-card-badge{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, var(--cyan), var(--violet));box-shadow:var(--glow-cyan);border-radius:100px;align-self:flex-start;padding:4px 10px;font-size:.6rem}.journey-card-title{font-family:var(--font-display);color:var(--text);font-size:1.2rem;font-weight:700;line-height:1.4}.journey-card-date{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-muted);font-size:.72rem}.journey-card-desc{color:var(--text-dim);font-size:.9rem;line-height:1.7}.journey-card-list{flex-direction:column;gap:10px;display:flex}.journey-card-item{border:1px solid var(--border-2);transition:transform var(--transition), border-color var(--transition), background var(--transition);background:#ffffff05;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.journey-card-item:hover{border-color:var(--cyan-mid);background:var(--cyan-dim);transform:translate(4px)}.journey-card-item-icon{font-size:1.15rem;line-height:1;display:inline-flex}.journey-card-item-label{color:var(--text);flex:1;font-size:.92rem}.journey-status-dot{background:var(--green);border-radius:50%;width:9px;height:9px;animation:2.4s ease-in-out infinite glowPulse;box-shadow:0 0 8px #10b98199}.journey-status-dot[data-status=Starting]{background:var(--cyan);box-shadow:0 0 8px #00d4ff99}.journey-terminal{max-width:860px;margin:0 auto}.journey-terminal .terminal-body{gap:14px;padding:22px 26px}.journey-terminal .terminal-line{font-size:.84rem;line-height:1.7}@keyframes journeyGlow{0%,to{background-position:0%,0%}50%{background-position:0%,100%}}@media (max-width:1024px){.journey-grid{grid-template-columns:1fr}.current-journey{padding:90px 0}}@media (max-width:640px){.current-journey{padding:70px 0}.journey-card{padding:26px 22px}.journey-terminal .terminal-body{padding:18px}.current-journey-subtitle{margin-top:-28px;margin-bottom:44px}}@media (prefers-reduced-motion:reduce){.journey-card--achievement,.journey-status-dot{animation:none!important}.journey-card,.journey-card-item{transition:none!important}}.explore{background:var(--bg);padding:100px 0;position:relative}.explore-intro{max-width:620px;color:var(--text-dim);margin-bottom:56px;font-size:1rem;line-height:1.8}.explore-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.explore-card{background:var(--bg-card);border:1px solid var(--border-2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);flex-direction:column;gap:16px;height:100%;padding:32px 24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.explore-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--transition);background:linear-gradient(135deg,#00d4ff0a 0%,#0000 60%);position:absolute;inset:0}.explore-card:hover{border-color:var(--border);box-shadow:0 20px 60px #00000080, 0 0 0 1px var(--cyan-dim), var(--glow-cyan);transform:translateY(-8px)}.explore-card:hover:before{opacity:1}.explore-card-icon{background:var(--bg-glass);border:1px solid var(--border);z-index:1;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex;position:relative}.explore-card h3{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;z-index:1;font-size:1.05rem;font-weight:700;position:relative}.explore-card p{color:var(--text-muted);z-index:1;flex:1;font-size:.85rem;line-height:1.7;position:relative}.explore-card-cta{font-size:.78rem;font-family:var(--font-display);color:var(--cyan);letter-spacing:.05em;transition:letter-spacing var(--transition), text-shadow var(--transition);z-index:1;align-items:center;gap:6px;font-weight:600;display:inline-flex;position:relative}.explore-card:hover .explore-card-cta{letter-spacing:.15em;text-shadow:0 0 10px var(--cyan)}@media (max-width:1024px){.explore-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.explore{padding:64px 0}.explore-grid{grid-template-columns:1fr;gap:16px}.explore-card{padding:24px}.explore-intro{margin-bottom:40px;font-size:.9rem}}.demo-frame{background:var(--bg);z-index:1;position:fixed;inset:0}.demo-back{z-index:10;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);transition:all var(--transition);background:#050810b3;border-radius:100px;align-items:center;gap:8px;padding:9px 16px;font-size:.72rem;font-weight:600;display:inline-flex;position:fixed;top:16px;left:16px}.demo-back:hover{background:var(--cyan-dim);border-color:var(--cyan-mid);box-shadow:var(--glow-cyan);transform:translate(-3px)}.demo-back svg{transition:transform var(--transition)}.demo-back:hover svg{transform:translate(-3px)}.demo-iframe{opacity:0;border:none;width:100%;height:100%;transition:opacity .4s;display:block}.demo-iframe.loaded{opacity:1}.demo-loader{z-index:5;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.85rem;display:flex;position:fixed;inset:0}.demo-loader-dot{background:var(--cyan);width:14px;height:14px;box-shadow:var(--glow-cyan);border-radius:50%;animation:1.4s ease-in-out infinite pulse}@media (max-width:480px){.demo-back{padding:7px 12px;font-size:.62rem}}.pp-page{background:var(--bg);position:relative;overflow:hidden}.pp-nav-bar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-2);background:#05081099;padding-top:70px}.pp-nav-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.pp-nav-project{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:.78rem;font-weight:600}.pp-back{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--border);background:var(--bg-glass);transition:all var(--transition);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.74rem;font-weight:600;display:inline-flex}.pp-back:hover{background:var(--cyan-dim);border-color:var(--cyan-mid);box-shadow:var(--glow-cyan);transform:translate(-3px)}.pp-back svg{transition:transform var(--transition)}.pp-back:hover svg{transform:translate(-3px)}.pp-hero{text-align:center;background:radial-gradient(at 50% 0,#00d4ff0f 0%,#0000 60%);padding:100px 0 80px;position:relative;overflow:hidden}.pp-hero-grid,.pp-hero-particles{pointer-events:none;position:absolute;inset:0}.pp-hero-grid{background-image:linear-gradient(#00d4ff0a 1px,#0000 1px),linear-gradient(90deg,#00d4ff0a 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%)}.pp-hero-particles{opacity:.6;background-image:radial-gradient(2px 2px at 20% 30%,#00d4ff80,#0000),radial-gradient(1px 1px at 60% 70%,#7c3aed80,#0000),radial-gradient(1.5px 1.5px at 80% 20%,#00d4ff66,#0000),radial-gradient(1px 1px at 30% 80%,#f472b666,#0000),radial-gradient(2px 2px at 90% 60%,#7c3aed66,#0000)}.pp-hero-content{z-index:1;position:relative}.pp-hero-icon{filter:drop-shadow(0 0 18px #00d4ff59);margin-bottom:20px;font-size:3rem;animation:.7s both fadeSlideDown;display:inline-block}.pp-hero-subtitle{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px;font-size:.82rem;font-weight:600;animation:.8s .1s both fadeSlideDown}.pp-hero-title{font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(135deg, #fff 0%, var(--cyan) 50%, var(--violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(2rem,6vw,3.4rem);font-weight:900;line-height:1.1;animation:.9s .2s both fadeSlideDown}.pp-hero-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px;animation:1s .3s both fadeSlideDown;display:flex}.pp-hero-tag{background:var(--bg-glass);border:1px solid var(--border);color:var(--cyan);font-size:.74rem;font-family:var(--font-display);letter-spacing:.05em;border-radius:100px;padding:5px 14px}.pp-hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;animation:1s .4s both fadeSlideDown;display:flex}.pp-section{padding:90px 0;position:relative}.pp-section-alt{background:var(--bg-2)}.pp-section-header{align-items:center;gap:20px;margin-bottom:56px;display:flex}.pp-section-number{font-family:var(--font-display);color:var(--cyan);letter-spacing:.2em;opacity:.7;font-size:.7rem;font-weight:700}.pp-section-title{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;white-space:nowrap;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700}.pp-section-title em{color:var(--cyan);font-style:normal}.pp-section-line{background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.pp-about-grid{grid-template-columns:1.7fr 1fr;align-items:start;gap:56px;display:grid}.pp-about-text p{color:var(--text-dim);font-size:1rem;line-height:1.9}.pp-about-meta{flex-direction:column;gap:16px;display:flex}.pp-meta-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:18px 20px}.pp-meta-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;font-family:var(--font-display);margin-bottom:6px;display:block}.pp-meta-value{color:var(--text);font-size:.92rem;font-weight:500}.pp-status-active{color:var(--green);align-items:center;gap:8px;display:inline-flex}.pp-status-active:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #10b98199}.pp-features-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.pp-feature-card{background:var(--bg-card);border:1px solid var(--border-2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);height:100%;padding:26px}.pp-feature-card:hover{border-color:var(--border);box-shadow:0 16px 50px #0006, 0 0 0 1px var(--cyan-dim);transform:translateY(-6px)}.pp-feature-icon{background:var(--bg-glass);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.4rem;display:inline-flex}.pp-feature-title{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;margin-bottom:8px;font-size:1rem;font-weight:700}.pp-feature-desc{color:var(--text-muted);font-size:.86rem;line-height:1.7}.pp-tech-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.pp-tech-card{background:var(--bg-card);border:1px solid var(--border-2);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);flex-direction:column;align-items:center;gap:10px;padding:22px 12px;display:flex}.pp-tech-card:hover{border-color:var(--cyan-mid);box-shadow:var(--glow-cyan);transform:translateY(-6px)scale(1.04)}.pp-tech-icon{font-size:1.8rem}.pp-tech-name{color:var(--text-dim);font-size:.72rem;font-family:var(--font-display);letter-spacing:.04em;text-align:center}.pp-preview-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;box-shadow:0 24px 70px #00000073}.pp-browser-bar{border-bottom:1px solid var(--border-2);background:#080d1ae6;align-items:center;gap:8px;padding:14px 18px;display:flex}.pp-browser-dot{border-radius:50%;width:11px;height:11px}.pp-dot-r{background:#ff5f57}.pp-dot-y{background:#febc2e}.pp-dot-g{background:#28c840}.pp-browser-url{color:var(--text-muted);font-size:.74rem;font-family:var(--font-display);letter-spacing:.04em;margin-left:12px}.pp-preview-screen{background:radial-gradient(ellipse at 50% 0%, #00d4ff0d, transparent 60%), var(--bg-2);justify-content:center;align-items:center;min-height:320px;padding:40px;display:flex}.pp-preview-placeholder{text-align:center;max-width:640px}.pp-preview-icon{filter:drop-shadow(0 0 18px #00d4ff4d);margin-bottom:20px;font-size:3.4rem;display:block}.pp-preview-text{color:var(--text-dim);font-size:.92rem;line-height:1.8}.pp-links-section{padding:80px 0 100px}.pp-links-wrap{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:56px 32px;position:relative;overflow:hidden}.pp-links-wrap:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#00d4ff0f,#0000 60%);position:absolute;inset:0}.pp-links-title{font-family:var(--font-display);color:var(--text);margin-bottom:12px;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;position:relative}.pp-links-desc{color:var(--text-muted);margin-bottom:32px;font-size:.94rem;position:relative}.pp-links-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.pp-link-btn{padding:14px 28px}.btn-secondary{background:var(--bg-glass);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--cyan-dim);border-color:var(--cyan-mid);box-shadow:var(--glow-cyan)}.pp-bottom-back{text-align:center;padding:0 0 80px}@media (max-width:1024px){.pp-about-grid{grid-template-columns:1fr;gap:36px}.pp-features-grid{grid-template-columns:repeat(2,1fr)}.pp-tech-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.pp-nav-bar{padding-top:60px}.pp-nav-inner{height:54px}.pp-nav-project{font-size:.7rem}.pp-section{padding:64px 0}.pp-section-header{flex-wrap:wrap;gap:12px;margin-bottom:40px}.pp-section-title{white-space:normal;font-size:clamp(1.4rem,5vw,2rem)}.pp-hero{padding:64px 0 56px}.pp-hero-icon{font-size:2.4rem}.pp-features-grid{grid-template-columns:1fr;gap:16px}.pp-feature-card{padding:22px}.pp-tech-grid{grid-template-columns:repeat(3,1fr);gap:12px}.pp-preview-screen{min-height:240px;padding:28px}.pp-preview-icon{font-size:2.6rem}.pp-links-wrap{padding:40px 22px}.pp-links-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.pp-back{padding:7px 11px;font-size:.66rem}.pp-tech-grid{grid-template-columns:repeat(2,1fr)}}@supports (padding:env(safe-area-inset-bottom)){.footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.navbar{padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-top:env(safe-area-inset-top)}.hero-content{padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}}.about-page{background:var(--bg);padding-top:70px;position:relative;overflow:hidden}.about-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.about-page-grid{background-image:linear-gradient(#00d4ff09 1px,#0000 1px),linear-gradient(90deg,#00d4ff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 20%,#000 0%,#0000 80%);mask-image:radial-gradient(at 50% 20%,#000 0%,#0000 80%)}.about-orb{filter:blur(90px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.about-orb-a{background:radial-gradient(circle,#00d4ff2e,#0000 70%);width:460px;height:460px;animation:14s ease-in-out infinite floatOrb1;top:4%;left:-8%}.about-orb-b{background:radial-gradient(circle,#7c3aed29,#0000 70%);width:420px;height:420px;animation:16s ease-in-out infinite floatOrb2;top:45%;right:-10%}.about-orb-c{background:radial-gradient(circle,#f472b61a,#0000 70%);width:320px;height:320px;animation:18s ease-in-out infinite floatOrb3;bottom:8%;left:30%}.about-spotlight{background:radial-gradient(600px circle at var(--mx,50%) var(--my,30%), #00d4ff14, transparent 70%);transition:background .25s;position:absolute;inset:0}.about-particles{opacity:.7;background-image:radial-gradient(2px 2px at 12% 22%,#00d4ff8c,#0000 60%),radial-gradient(1.5px 1.5px at 78% 18%,#7c3aed80,#0000 60%),radial-gradient(1.5px 1.5px at 32% 68%,#00d4ff66,#0000 60%),radial-gradient(2px 2px at 88% 72%,#f472b666,#0000 60%),radial-gradient(1px 1px at 56% 88%,#00d4ff80,#0000 60%),radial-gradient(1.5px 1.5px at 8% 82%,#7c3aed66,#0000 60%);animation:9s ease-in-out infinite floatY;position:absolute;inset:0}.about-content{z-index:1;position:relative}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.about-section{padding:90px 0;position:relative}.about-section.alt{background:linear-gradient(#0000,#080d1a99,#0000)}.about-section-head{align-items:center;gap:18px;margin-bottom:56px;display:flex}.about-section-num{font-family:var(--font-display);color:var(--cyan);letter-spacing:.22em;opacity:.75;font-size:.72rem;font-weight:700}.about-section-title{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;white-space:nowrap;font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:700}.about-section-title em{color:var(--cyan);font-style:normal}.about-section-line{background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.about-hero{text-align:center;padding:80px 0 60px}.about-hero-badge{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-family:var(--font-display);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#00d4ff14,#7c3aed0f);border:1px solid #00d4ff33;border-radius:100px;align-items:center;gap:10px;margin-bottom:28px;padding:8px 20px;display:inline-flex}.about-hero-heading{font-family:var(--font-display);letter-spacing:.01em;background:linear-gradient(135deg, #fff 0%, var(--cyan) 50%, var(--violet) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:22px;font-size:clamp(2.4rem,7vw,4.4rem);font-weight:900;line-height:1.08;animation:8s ease-in-out infinite shimmer}.about-hero-mission{font-family:var(--font-display);color:var(--text);max-width:720px;margin:0 auto 22px;font-size:clamp(1rem,2.4vw,1.4rem);font-weight:600;line-height:1.5}.about-hero-mission .accent{color:var(--cyan)}.about-hero-intro{color:var(--text-dim);max-width:640px;margin:0 auto;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.85}.about-profile{flex-direction:column;align-items:center;gap:24px;display:flex}.about-avatar{width:220px;height:220px;position:relative}.about-avatar-ring{background:conic-gradient(from 0deg, var(--cyan), var(--violet), var(--pink), var(--cyan));filter:blur(.5px);border-radius:50%;animation:8s linear infinite orbit1;position:absolute;inset:-3px}.about-avatar-mask{background:var(--bg-2);border-radius:50%;position:absolute;inset:4px}.about-avatar-inner{background:radial-gradient(circle at 30% 30%, var(--violet-dim), var(--cyan-dim) 70%, var(--bg-2));border:1px solid var(--border);font-family:var(--font-display);color:var(--cyan);text-shadow:var(--glow-cyan);letter-spacing:.04em;border-radius:50%;justify-content:center;align-items:center;font-size:4rem;font-weight:900;display:flex;position:absolute;inset:8px;overflow:hidden}.about-avatar-glow{pointer-events:none;background:radial-gradient(circle,#00d4ff2e 0%,#0000 70%);border-radius:50%;animation:3.5s ease-in-out infinite glowPulse;position:absolute;inset:-28px}.about-profile-meta{flex-direction:column;align-items:center;gap:10px;display:flex}.about-available{font-family:var(--font-display);letter-spacing:.08em;color:var(--green);background:#10b98114;border:1px solid #10b98147;border-radius:100px;align-items:center;gap:9px;padding:7px 16px;font-size:.74rem;font-weight:600;display:inline-flex}.about-profile-role{font-family:var(--font-display);color:var(--text);font-size:1.05rem;font-weight:700}.about-profile-loc{color:var(--text-dim);align-items:center;gap:7px;font-size:.88rem;display:inline-flex}.about-profile-loc svg{width:15px;height:15px;color:var(--cyan)}.about-glass{background:var(--bg-card);border:1px solid var(--border-2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);position:relative;overflow:hidden}.about-glass:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--transition);background:linear-gradient(135deg,#00d4ff0d 0%,#0000 60%);position:absolute;inset:0}.about-glass:hover{border-color:var(--cyan-mid);box-shadow:0 18px 50px #00000073, 0 0 0 1px var(--cyan-dim), var(--glow-cyan);transform:translateY(-6px)}.about-glass:hover:before{opacity:1}.about-timeline{max-width:880px;margin:0 auto;padding:10px 0;position:relative}.about-timeline-line{background:linear-gradient(180deg, transparent, var(--cyan-mid) 12%, var(--violet) 50%, var(--cyan-mid) 88%, transparent);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.about-tl-item{width:50%;padding:0 40px 36px 0;position:relative}.about-tl-item:nth-child(2n){margin-left:50%;padding:0 0 36px 40px}.about-tl-card{padding:22px 24px}.about-tl-dot{background:var(--bg);border:2px solid var(--cyan);z-index:2;border-radius:50%;width:16px;height:16px;position:absolute;top:22px;box-shadow:0 0 0 4px #00d4ff1f,0 0 14px #00d4ff99}.about-tl-item:nth-child(odd) .about-tl-dot{right:-8px}.about-tl-item:nth-child(2n) .about-tl-dot{left:-8px}.about-tl-tag{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px;font-size:.66rem;font-weight:700;display:inline-block}.about-tl-title{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1.05rem;font-weight:700}.about-tl-desc{color:var(--text-dim);font-size:.88rem;line-height:1.7}.about-tl-icon{background:var(--bg-glass);border:1px solid var(--border);width:38px;height:38px;color:var(--cyan);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.about-tl-icon svg{width:18px;height:18px}.about-quote{text-align:center;max-width:820px;margin:0 auto;padding:56px 48px;position:relative}.about-quote-mark{font-family:var(--font-display);color:var(--cyan);text-shadow:var(--glow-cyan);opacity:.7;margin-bottom:18px;font-size:5rem;line-height:.6}.about-quote-text{font-family:var(--font-display);color:var(--text);letter-spacing:.01em;font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:500;line-height:1.55}.about-quote-text .hl{background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.about-quote-author{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-top:22px;font-size:.78rem}.about-grid-3{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.about-drive-card{text-align:center;padding:28px 24px}.about-drive-icon{background:var(--bg-glass);border:1px solid var(--border);width:50px;height:50px;color:var(--cyan);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;transition:box-shadow .3s,border-color .3s;display:inline-flex}.about-drive-card:hover .about-drive-icon{border-color:var(--cyan-mid);box-shadow:0 0 18px #00d4ff40}.about-drive-icon svg{width:22px;height:22px}.about-drive-title{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1.02rem;font-weight:700}.about-drive-desc{color:var(--text-muted);font-size:.86rem;line-height:1.7}.about-drives-hero{text-align:center;max-width:820px;margin:0 auto 48px}.about-drives-quote{font-family:var(--font-display);color:var(--text);letter-spacing:.01em;font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:500;line-height:1.55}.about-drives-quote .hl{background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.about-drives-support{color:var(--text-dim);margin-top:20px;font-size:.96rem;line-height:1.8}.about-drives-closing{text-align:center;max-width:820px;margin:48px auto 0;padding:40px 36px}.about-drives-closing-text{font-family:var(--font-display);color:var(--text);font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:500;line-height:1.6}.about-drives-closing-text .hl{background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.about-focus-grid{gap:18px;display:grid}.focus-grid-7{grid-template-columns:repeat(4,1fr);max-width:1080px;margin:0 auto}.about-focus-card{padding:26px 22px;position:relative;overflow:hidden}.about-focus-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.about-focus-icon{background:var(--bg-glass);border:1px solid var(--border);width:46px;height:46px;color:var(--cyan);border-radius:12px;justify-content:center;align-items:center;transition:box-shadow .3s,border-color .3s;display:inline-flex}.about-focus-card:hover .about-focus-icon{border-color:var(--cyan-mid);box-shadow:0 0 18px #00d4ff40}.about-focus-icon svg{width:20px;height:20px}.about-focus-num{font-family:var(--font-display);background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;opacity:.85;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;line-height:1}.about-focus-title{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1rem;font-weight:700}.about-focus-desc{color:var(--text-muted);font-size:.85rem;line-height:1.65}.about-fun-grid{grid-template-columns:repeat(6,1fr);gap:18px;display:grid}.about-fun-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:26px 18px;display:flex}.about-fun-emoji{filter:drop-shadow(0 0 10px #00d4ff66);font-size:2rem;line-height:1}.about-fun-label{color:var(--text-dim);font-size:.82rem;line-height:1.5}.about-beyond-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.about-beyond-card{align-items:center;gap:14px;padding:20px 22px;display:flex}.about-beyond-icon{background:var(--bg-glass);border:1px solid var(--border);width:42px;height:42px;color:var(--violet);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-beyond-icon svg{width:20px;height:20px}.about-beyond-label{font-family:var(--font-display);color:var(--text);font-size:.95rem;font-weight:600}.about-beyond-card--featured{grid-column:1/-1;align-items:flex-start;padding:22px 24px}.about-beyond-body{flex-direction:column;gap:8px;min-width:0;display:flex}.about-beyond-icon--share{color:var(--green,#22c55e);background:color-mix(in srgb, var(--green,#22c55e) 12%, var(--bg-glass));border-color:color-mix(in srgb, var(--green,#22c55e) 35%, var(--border))}.about-beyond-desc{color:var(--text-muted);max-width:68ch;margin:0;font-size:.9rem;line-height:1.55}.about-beyond-focus{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.about-beyond-focus li{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-muted);background:var(--bg-glass);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}@media (max-width:768px){.about-beyond-card--featured{flex-direction:column}}.about-quick-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.about-quick-card{text-align:center;padding:26px 22px}.about-quick-icon{background:var(--bg-glass);border:1px solid var(--border);width:46px;height:46px;color:var(--cyan);border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.about-quick-icon svg{width:20px;height:20px}.about-quick-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.64rem}.about-quick-value{color:var(--text);font-size:.92rem;font-weight:600}.about-cta-wrap{text-align:center;max-width:920px;margin:0 auto;padding:64px 40px;position:relative;overflow:hidden}.about-cta-wrap:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#00d4ff14,#0000 60%);position:absolute;inset:0}.about-cta-eyebrow{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px;font-size:.74rem;position:relative}.about-cta-title{font-family:var(--font-display);background:linear-gradient(135deg, #fff 0%, var(--cyan) 60%, var(--violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.2;position:relative}.about-cta-desc{color:var(--text-dim);max-width:540px;margin:0 auto 32px;font-size:1rem;line-height:1.8;position:relative}.about-cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}@media (max-width:1024px){.about-grid-3,.focus-grid-7{grid-template-columns:repeat(2,1fr)}.about-beyond-grid,.about-fun-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.about-section{padding:64px 0}.about-section-head{flex-wrap:wrap;gap:12px;margin-bottom:40px}.about-section-title{white-space:normal}.about-hero{padding:56px 0 44px}.about-timeline-line{left:18px}.about-tl-item,.about-tl-item:nth-child(2n){width:100%;margin-left:0;padding:0 0 28px 48px}.about-tl-item:nth-child(odd) .about-tl-dot,.about-tl-item:nth-child(2n) .about-tl-dot{left:10px;right:auto}.about-quote{padding:40px 26px}.about-grid-3,.about-focus-grid{grid-template-columns:1fr}.about-fun-grid{grid-template-columns:repeat(2,1fr);gap:14px}.about-beyond-grid,.about-quick-grid{grid-template-columns:repeat(2,1fr)}.about-cta-wrap{padding:44px 26px}.about-cta-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.about-section{padding:50px 0}.about-avatar{width:170px;height:170px}.about-avatar-inner{font-size:3rem}.about-tl-card{padding:18px}.about-tl-title{font-size:.98rem}.about-tl-desc{font-size:.82rem}.about-drive-card{padding:22px 20px}.about-quote{padding:32px 18px}.about-drives-closing{padding:28px 20px}.about-focus-card{padding:22px 18px}.about-fun-card{padding:20px 14px}.about-fun-emoji{font-size:1.7rem}.about-fun-label{font-size:.76rem}.about-beyond-card{padding:16px}.about-quick-card{padding:20px 14px}.about-cta-wrap{padding:34px 18px}}@media (max-width:360px){.about-section{padding:44px 0}.about-avatar{width:150px;height:150px}.about-avatar-inner{font-size:2.6rem}.about-fun-grid,.about-beyond-grid,.about-quick-grid{grid-template-columns:1fr}}@media (pointer:coarse){.about-glass:hover{box-shadow:none;border-color:var(--border-2);transform:none}.about-glass:hover:before{opacity:0}}@media (prefers-reduced-motion:reduce){.about-orb-a,.about-orb-b,.about-orb-c,.about-particles,.about-avatar-ring,.about-hero-heading,.about-avatar-glow{animation:none!important}}.resume-auth-overlay{z-index:2000;-webkit-backdrop-filter:blur(14px);background:#050810c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.resume-auth-modal{background:var(--bg-card);border:1px solid var(--cyan-mid);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:420px;box-shadow:0 30px 80px #0009, 0 0 0 1px var(--cyan-dim), var(--glow-cyan);padding:40px 32px 30px;position:relative;overflow:hidden}.resume-auth-modal:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#00d4ff1a,#0000 60%);position:absolute;inset:0}.resume-auth-close{background:var(--bg-glass);border:1px solid var(--border);width:34px;height:34px;color:var(--text-dim);transition:color var(--transition), border-color var(--transition), background var(--transition);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.resume-auth-close:hover{color:var(--cyan);border-color:var(--cyan-mid);background:var(--cyan-dim)}.resume-auth-icon{background:var(--cyan-dim);border:1px solid var(--cyan-mid);width:60px;height:60px;color:var(--cyan);border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex;position:relative}.resume-auth-title{font-family:var(--font-display);color:var(--text);background:linear-gradient(135deg, #fff, var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:1.4rem;font-weight:800;position:relative}.resume-auth-desc{color:var(--text-dim);margin-bottom:26px;font-size:.88rem;line-height:1.7;position:relative}.resume-auth-google{color:#1f2937;width:100%;font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), background var(--transition);background:#fff;border:1px solid #00000014;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:.86rem;font-weight:600;display:inline-flex;position:relative}.resume-auth-google:hover:not(:disabled){box-shadow:0 10px 30px #00d4ff40, 0 0 0 1px var(--cyan-mid);background:#f8fbff;transform:translateY(-2px)}.resume-auth-google:disabled{opacity:.7;cursor:default}.resume-auth-note{color:var(--text-muted);font-size:.72rem;font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:7px;margin-top:18px;display:inline-flex;position:relative}.resume-auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:8px;margin-top:14px;padding:9px 14px;font-size:.8rem;display:inline-flex;position:relative}.resume-auth-divider{align-items:center;gap:14px;margin:26px 0 22px;display:flex;position:relative}.resume-auth-divider-line{background:linear-gradient(90deg, transparent, var(--cyan-mid), transparent);flex:1;height:1px}.resume-auth-divider-text{font-family:var(--font-display);letter-spacing:.2em;color:var(--text-muted);padding:0 4px;font-size:.7rem;font-weight:700}.resume-auth-contact{text-align:center;position:relative}.resume-auth-contact-title{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:1rem;font-weight:700}.resume-auth-contact-desc{color:var(--text-dim);margin-bottom:18px;font-size:.82rem;line-height:1.6}.resume-auth-contact-actions{flex-direction:column;gap:10px;display:flex}.resume-auth-contact-row{gap:8px;display:flex}.resume-auth-contact-btn{font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;transition:border-color var(--transition), background var(--transition), color var(--transition);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.resume-auth-contact-btn.primary{background:linear-gradient(135deg, var(--cyan) 0%, var(--violet) 100%);color:#fff;border:1px solid #0000;width:100%}.resume-auth-contact-btn.primary:hover{box-shadow:0 8px 24px #00d4ff4d, 0 0 0 1px var(--cyan-mid), var(--glow-cyan)}.resume-auth-contact-btn.ghost{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1}.resume-auth-contact-btn.ghost:hover{color:var(--cyan);border-color:var(--cyan-mid);background:var(--cyan-dim)}.resume-auth-contact-btn.icon-only{flex:0 0 48px;width:48px;height:48px;padding:0}@media (max-width:480px){.resume-auth-modal{padding:32px 22px 24px}.resume-auth-title{font-size:1.2rem}.resume-auth-desc{font-size:.82rem}.resume-auth-divider{margin:20px 0 18px}.resume-auth-contact-title{font-size:.92rem}.resume-auth-contact-desc{font-size:.78rem}.resume-auth-contact-btn{padding:11px 14px;font-size:.78rem}.resume-auth-contact-btn.icon-only{flex:1;width:auto}}.projects-page{position:relative}.projects-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.projects-bg-grid{background-image:linear-gradient(#00d4ff09 1px,#0000 1px),linear-gradient(90deg,#00d4ff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 20%,#000 0%,#0000 75%);mask-image:radial-gradient(at 50% 20%,#000 0%,#0000 75%)}.projects-orb{filter:blur(90px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.projects-orb-a{background:radial-gradient(circle,#00d4ff2e,#0000 70%);width:460px;height:460px;animation:14s ease-in-out infinite floatOrb1;top:2%;left:-8%}.projects-orb-b{background:radial-gradient(circle,#7c3aed29,#0000 70%);width:420px;height:420px;animation:16s ease-in-out infinite floatOrb2;bottom:6%;right:-10%}.projects-orb-c{background:radial-gradient(circle,#f472b61a,#0000 70%);width:300px;height:300px;animation:18s ease-in-out infinite floatOrb3;top:45%;left:35%}.projects-particles{opacity:.6;background-image:radial-gradient(2px 2px at 12% 22%,#00d4ff8c,#0000 60%),radial-gradient(1.5px 1.5px at 78% 18%,#7c3aed80,#0000 60%),radial-gradient(1.5px 1.5px at 32% 68%,#00d4ff66,#0000 60%),radial-gradient(2px 2px at 88% 72%,#f472b666,#0000 60%),radial-gradient(1px 1px at 56% 88%,#00d4ff80,#0000 60%),radial-gradient(1.5px 1.5px at 8% 82%,#7c3aed66,#0000 60%);animation:9s ease-in-out infinite floatY;position:absolute;inset:0}.projects-spotlight{background:radial-gradient(600px circle at var(--mx,50%) var(--my,30%), #00d4ff14, transparent 70%);transition:background .25s;position:absolute;inset:0}.projects-content{z-index:1;position:relative}.proj-hero{text-align:center;padding:80px 0 48px;position:relative}.proj-hero-badge{font-family:var(--font-display);color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#00d4ff14,#7c3aed0f);border:1px solid #00d4ff33;border-radius:100px;align-items:center;gap:10px;margin-bottom:26px;padding:8px 20px;font-size:.72rem;display:inline-flex}.proj-hero-title{font-family:var(--font-display);color:var(--text);letter-spacing:.01em;font-size:clamp(2.2rem,6vw,4rem);font-weight:800;line-height:1.08}.proj-hero-title em{background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.proj-hero-sub{max-width:660px;color:var(--text-dim);margin:24px auto 0;font-size:clamp(.95rem,1.7vw,1.1rem);line-height:1.8}.proj-scroll{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;margin-top:44px;font-size:.62rem;display:inline-flex}.proj-scroll-mouse{border:1.5px solid var(--cyan-mid);border-radius:14px;width:24px;height:38px;position:relative}.proj-scroll-mouse:after{content:"";background:var(--cyan);border-radius:100px;width:3px;height:7px;animation:1.8s ease-in-out infinite scrollWheel;position:absolute;top:7px;left:50%;transform:translate(-50%)}.proj-block{z-index:1;padding:64px 0;position:relative}.proj-block.alt{background:linear-gradient(#0000,#080d1a80,#0000)}.proj-block-head{align-items:center;gap:16px;margin-bottom:44px;display:flex}.proj-block-num{font-family:var(--font-display);color:var(--cyan);letter-spacing:.22em;opacity:.7;font-size:.72rem;font-weight:700}.proj-block-title{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:700}.proj-block-title em{color:var(--cyan);font-style:normal}.proj-block-line{background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.proj-filter-wrap{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#050810eb,#05081099 80%,#0000);margin-bottom:8px;padding:14px 0;position:sticky;top:70px}.proj-filter{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.proj-filter-btn{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border-2);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color var(--transition), border-color var(--transition), transform var(--transition);border-radius:100px;padding:9px 18px;font-size:.76rem;font-weight:600;position:relative}.proj-filter-btn:hover{color:var(--text);border-color:var(--cyan-mid);transform:translateY(-2px)}.proj-filter-btn.active{color:var(--text);border-color:#0000}.proj-filter-pill{border:1px solid var(--cyan-mid);z-index:-1;background:linear-gradient(135deg,#00d4ff2e,#7c3aed24);border-radius:100px;position:absolute;inset:0;box-shadow:0 0 18px #00d4ff40}.proj-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.proj-card-tilt{flex-direction:column;height:100%;display:flex}.proj-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transform-style:preserve-3d;transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.proj-card:hover{border-color:var(--cyan-mid);box-shadow:0 12px 40px #00000073,0 0 22px #00d4ff2e}.proj-card-media{aspect-ratio:16/9;background:linear-gradient(135deg,#00d4ff14,#7c3aed14);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.proj-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.proj-card:hover .proj-card-img{transform:scale(1.08)}.proj-card-emoji{filter:drop-shadow(0 0 18px #00d4ff59);font-size:3.4rem;transition:transform .5s cubic-bezier(.4,0,.2,1)}.proj-card:hover .proj-card-emoji{transform:scale(1.1)}.proj-card-overlay{opacity:.85;pointer-events:none;background:linear-gradient(#0000 40%,#050810d9);position:absolute;inset:0}.proj-card-featured{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#050810;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;z-index:2;border-radius:100px;align-items:center;gap:6px;padding:5px 10px;font-size:.6rem;font-weight:800;display:inline-flex;position:absolute;top:12px;left:12px}.proj-card-cat{border:1px solid var(--border);color:var(--cyan);font-family:var(--font-display);letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#050810b3;border-radius:100px;padding:5px 10px;font-size:.6rem;font-weight:600;position:absolute;top:12px;right:12px}.proj-card-body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px;display:flex}.proj-card-title{font-family:var(--font-display);color:var(--text);font-size:1.1rem;font-weight:700}.proj-card-desc{color:var(--text-muted);flex:1;font-size:.84rem;line-height:1.6}.proj-card-tech{flex-wrap:wrap;gap:6px;display:flex}.proj-tech-badge{color:var(--text-dim);background:var(--bg-glass);border:1px solid var(--border-2);border-radius:6px;padding:3px 8px;font-size:.66rem;font-weight:600}.proj-card-meta{font-family:var(--font-display);letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;flex-wrap:wrap;gap:8px 14px;margin-top:2px;font-size:.64rem;display:flex}.proj-card-meta span{align-items:center;gap:5px;display:inline-flex}.proj-card-meta .dot{color:var(--cyan-mid)}.proj-card-actions{align-items:center;gap:8px;margin-top:6px;display:flex}.proj-btn{font-family:var(--font-display);border:1px solid var(--border);color:var(--text);background:var(--bg-glass);cursor:pointer;transition:border-color var(--transition), color var(--transition), background var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.proj-btn:hover{border-color:var(--cyan);color:var(--cyan)}.proj-btn svg{width:14px;height:14px}.proj-btn.primary{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#050810;border-color:#0000}.proj-btn.primary:hover{color:#050810;opacity:.92}.proj-btn.ghost{background:0 0}.proj-card-private{font-family:var(--font-display);color:var(--text-muted);border:1px dashed var(--border);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.7rem;font-weight:600;display:inline-flex}.proj-card-private svg{width:14px;height:14px}.proj-featured{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:1.1fr 1fr;gap:0;display:grid;position:relative;overflow:hidden}.proj-featured:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#00d4ff14,#0000 50%);position:absolute;inset:0}.proj-featured-media{background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.proj-featured-emoji{filter:drop-shadow(0 0 30px #00d4ff66);font-size:6rem}.proj-featured-img{object-fit:cover;width:100%;height:100%}.proj-featured-body{flex-direction:column;gap:16px;padding:40px;display:flex}.proj-featured-tag{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-size:.68rem;font-weight:700}.proj-featured-title{font-family:var(--font-display);color:var(--text);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.15}.proj-featured-desc{color:var(--text-dim);font-size:.92rem;line-height:1.75}.proj-featured-highlights{flex-direction:column;gap:8px;margin-top:4px;display:flex}.proj-featured-highlights li{color:var(--text);padding-left:20px;font-size:.86rem;list-style:none;position:relative}.proj-featured-highlights li:before{content:"";background:var(--cyan);width:8px;height:8px;box-shadow:0 0 8px var(--cyan);border-radius:50%;position:absolute;top:9px;left:0}.proj-featured-tech{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.proj-featured-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.proj-stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.proj-stat-card{text-align:center;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);padding:30px 22px}.proj-stat-card:hover{border-color:var(--cyan-mid);transform:translateY(-5px);box-shadow:0 0 22px #00d4ff2e}.proj-stat-value{font-family:var(--font-display);background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1}.proj-stat-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:10px;font-size:.7rem;font-weight:600}.proj-process-wrap{scrollbar-width:thin;scrollbar-color:var(--cyan-mid) transparent;padding-bottom:12px;overflow-x:auto}.proj-process-wrap::-webkit-scrollbar{height:6px}.proj-process-wrap::-webkit-scrollbar-thumb{background:var(--cyan-mid);border-radius:100px}.proj-process-track{align-items:stretch;gap:0;min-width:max-content;padding:8px 4px;display:flex}.proj-process-step{text-align:center;flex-direction:column;flex:none;align-items:center;gap:12px;width:170px;display:flex;position:relative}.proj-process-node{z-index:2;background:var(--bg-card);border:1px solid var(--border);width:60px;height:60px;color:var(--cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow var(--transition), border-color var(--transition);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.proj-process-step:hover .proj-process-node{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.proj-process-node svg{width:22px;height:22px}.proj-process-connector{background:linear-gradient(90deg, var(--cyan-mid), var(--violet-glow));opacity:.5;z-index:1;width:100%;height:2px;position:absolute;top:30px;left:50%}.proj-process-step:last-child .proj-process-connector{display:none}.proj-process-label{font-family:var(--font-display);color:var(--text);font-size:.8rem;font-weight:600}.proj-process-index{font-family:var(--font-display);letter-spacing:.16em;color:var(--text-muted);font-size:.6rem}.proj-os-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.proj-os-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);padding:28px 24px}.proj-os-card:hover{border-color:var(--cyan-mid);transform:translateY(-5px);box-shadow:0 0 22px #00d4ff2e}.proj-os-icon{background:var(--bg-glass);border:1px solid var(--border);width:48px;height:48px;color:var(--cyan);border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.proj-os-icon svg{width:22px;height:22px}.proj-os-title{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:1rem;font-weight:700}.proj-os-desc{color:var(--text-muted);font-size:.84rem;line-height:1.65}.proj-cta{text-align:center;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:56px 40px;position:relative;overflow:hidden}.proj-cta:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#00d4ff1f,#0000 60%);position:absolute;inset:0}.proj-cta-title{font-family:var(--font-display);color:var(--text);margin-bottom:12px;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;position:relative}.proj-cta-sub{color:var(--text-dim);max-width:540px;margin:0 auto 28px;font-size:.95rem;line-height:1.7;position:relative}.proj-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02040ac7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-2);border:1px solid var(--cyan-mid);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:var(--cyan-mid) transparent;width:100%;max-width:720px;max-height:88vh;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0009,0 0 40px #00d4ff1f}.modal-panel::-webkit-scrollbar{width:8px}.modal-panel::-webkit-scrollbar-thumb{background:var(--cyan-mid);border-radius:100px}.modal-close{z-index:5;background:var(--bg-glass);border:1px solid var(--border);width:34px;height:34px;color:var(--text-dim);cursor:pointer;transition:color var(--transition), border-color var(--transition);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.modal-close:hover{color:var(--cyan);border-color:var(--cyan)}.pm-body{padding:32px}.pm-media{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#00d4ff1f,#7c3aed1f);justify-content:center;align-items:center;height:200px;margin:-32px -32px 24px;display:flex;position:relative;overflow:hidden}.pm-emoji{filter:drop-shadow(0 0 24px #00d4ff66);font-size:4.5rem}.pm-img{object-fit:cover;width:100%;height:100%}.pm-tag{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-size:.66rem;font-weight:700}.pm-title{font-family:var(--font-display);color:var(--text);margin:8px 0 12px;font-size:1.6rem;font-weight:800}.pm-overview{color:var(--text-dim);margin-bottom:22px;font-size:.92rem;line-height:1.75}.pm-section-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:.68rem;font-weight:700}.pm-highlights{flex-direction:column;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.pm-highlights li{color:var(--text);padding-left:22px;font-size:.86rem;line-height:1.6;position:relative}.pm-highlights li:before{content:"";background:var(--cyan);width:8px;height:8px;box-shadow:0 0 8px var(--cyan);border-radius:50%;position:absolute;top:8px;left:0}.pm-tech{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.pm-tech .chip{color:var(--text);background:var(--bg-glass);border:1px solid var(--border-2);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.76rem;display:inline-flex}.pm-actions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:1024px){.proj-grid{grid-template-columns:repeat(2,1fr)}.proj-featured{grid-template-columns:1fr}.proj-featured-media{min-height:240px}.proj-stats-grid,.proj-os-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.proj-hero{padding:52px 0 36px}.proj-block{padding:48px 0}.proj-block-head{flex-wrap:wrap;margin-bottom:32px}.proj-filter-wrap{top:56px}.proj-filter{scrollbar-width:thin;scrollbar-color:var(--cyan-mid) transparent;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:6px;overflow-x:auto}.proj-filter-btn{flex-shrink:0}.proj-featured-body{padding:28px}.proj-os-grid{grid-template-columns:1fr}.proj-cta{padding:40px 24px}}@media (max-width:480px){.proj-grid,.proj-stats-grid{grid-template-columns:1fr}.pm-body{padding:24px}.pm-media{height:160px;margin:-24px -24px 20px}}@media (pointer:coarse){.proj-card:hover,.proj-stat-card:hover,.proj-os-card:hover{box-shadow:none;border-color:var(--border-2);transform:none}.proj-card:hover .proj-card-img,.proj-card:hover .proj-card-emoji,.proj-filter-btn:hover{transform:none}}@media (prefers-reduced-motion:reduce){.projects-orb-a,.projects-orb-b,.projects-orb-c,.projects-particles,.proj-scroll-mouse:after{animation:none}.proj-card-img,.proj-card-emoji{transition:none}}