@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=DM+Serif+Display:ital@0;1&family=JetBrains+Mono:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#050508;color:#f0f0f5;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#050508}::-webkit-scrollbar-thumb{background:#7c3aed80;border-radius:99px}:root{--purple: #7C3AED;--purple-lt: #A78BFA;--purple-glow: rgba(124,58,237,.3);--cyan: #06B6D4;--cyan-glow: rgba(6,182,212,.25);--amber: #F59E0B;--green: #10B981;--bg-0: #050508;--bg-1: #0C0C12;--bg-2: #111118;--bg-3: #1A1A24;--border-0: rgba(255,255,255,.04);--border-1: rgba(255,255,255,.08);--border-2: rgba(255,255,255,.14);--text-0: #FFFFFF;--text-1: #F0F0F5;--text-2: #9090B0;--text-3: #5A5A7A;--font-sans: "Inter", system-ui, sans-serif;--font-serif: "DM Serif Display", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--ease: cubic-bezier(.16,1,.3,1)}.container{max-width:1140px;margin:0 auto;padding:0 28px;width:100%}section{padding:96px 0}.serif{font-family:var(--font-serif)}.mono{font-family:var(--font-mono)}.section-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:20px;display:flex;align-items:center;gap:10px}.section-label:before{content:"";display:inline-block;width:24px;height:1px;background:var(--purple);flex-shrink:0}.display-heading{font-family:var(--font-serif);font-size:clamp(42px,6vw,72px);font-weight:400;line-height:1;letter-spacing:-.02em;color:var(--text-0)}.section-heading{font-size:clamp(32px,4.5vw,52px);font-weight:700;letter-spacing:-.025em;color:var(--text-0);line-height:1.1}.glass-card{background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid var(--border-1);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #ffffff0d inset,0 4px 32px #0006;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .15s var(--ease)}.glass-card:hover{border-color:var(--border-2);box-shadow:0 1px #ffffff12 inset,0 8px 48px #0000008c;transform:translateY(-2px)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--purple);color:#fff;border:1px solid rgba(167,139,250,.4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;text-decoration:none;box-shadow:0 2px 16px #7c3aed66,0 1px #ffffff1f inset;transition:all .15s var(--ease)}.btn-primary:hover{background:#6d28d9;box-shadow:0 4px 28px #7c3aed99,0 1px #ffffff1f inset;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff0a;color:var(--text-2);border:1px solid var(--border-1);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s var(--ease)}.btn-ghost:hover{background:#ffffff12;border-color:var(--border-2);color:var(--text-1);transform:translateY(-1px)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0a;border:1px solid var(--border-1);border-radius:var(--radius-md);color:var(--text-3);cursor:pointer;text-decoration:none;transition:all .15s var(--ease)}.btn-icon:hover{background:#ffffff14;border-color:var(--border-2);color:var(--text-1)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-family:var(--font-mono);font-size:11px;font-weight:500;background:#ffffff0a;border:1px solid var(--border-1);color:var(--text-2);white-space:nowrap}.pill-purple{background:#7c3aed1a;border-color:#7c3aed4d;color:var(--purple-lt)}.pill-cyan{background:#06b6d41a;border-color:#06b6d44d;color:var(--cyan)}.pill-amber{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--amber)}.pill-green{background:#10b9811a;border-color:#10b9814d;color:var(--green)}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px 128px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.stat-number{font-family:var(--font-mono);font-size:clamp(36px,5vw,58px);font-weight:700;letter-spacing:-.03em;line-height:1;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skill-bar-track{width:100%;height:3px;background:#ffffff0f;border-radius:99px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:99px;width:0%;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.nav-link{font-size:13.5px;font-weight:500;color:var(--text-3);text-decoration:none;letter-spacing:-.005em;transition:color .15s;cursor:pointer;background:none;border:none;padding:0}.nav-link:hover,.nav-link.active{color:var(--text-1)}.gradient-purple{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-lt) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-dual{background:linear-gradient(135deg,var(--purple-lt) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider{width:100%;height:1px;background:var(--border-0)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.project-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(145deg,#ffffff09,#ffffff03);border:1px solid var(--border-1);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);cursor:default;animation:cardFadeIn .35s cubic-bezier(.16,1,.3,1) both}.project-card:hover{border-color:var(--border-2);transform:translateY(-3px);box-shadow:0 12px 48px #00000080}.project-card .accent-bar{height:2px;width:100%;flex-shrink:0}.filter-btn{padding:7px 16px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11.5px;font-weight:500;cursor:pointer;border:1px solid var(--border-1);background:#ffffff05;color:var(--text-3);transition:all .15s var(--ease)}.filter-btn:hover{color:var(--text-2);background:#ffffff0a}.filter-btn.active{background:#7c3aed1f;border-color:#7c3aed59;color:var(--purple-lt)}.award-card{position:relative;padding:36px 32px;background:linear-gradient(145deg,rgba(255,255,255,.04) 0%,transparent 100%);border:1px solid var(--border-1);border-radius:var(--radius-xl);overflow:hidden;transition:all .2s var(--ease)}.award-card:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:0 12px 48px #0006}.award-card .award-glow{position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;pointer-events:none;opacity:.5}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse-dot 2.4s ease-in-out infinite;display:inline-block;flex-shrink:0}.timeline-item{position:relative;padding-left:28px}.timeline-item:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--purple);box-shadow:0 0 12px var(--purple-glow)}.timeline-item:after{content:"";position:absolute;left:3.5px;top:20px;width:1px;bottom:-24px;background:linear-gradient(to bottom,rgba(124,58,237,.4),transparent)}.timeline-item:last-child:after{display:none}.contact-link{display:flex;align-items:center;gap:14px;padding:20px 24px;background:#ffffff05;border:1px solid var(--border-1);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-2);transition:all .2s var(--ease);font-size:14px}.contact-link:hover{background:#7c3aed0f;border-color:#7c3aed4d;color:var(--text-1);transform:translate(4px)}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 5px var(--green),0 0 10px #10b9814d}50%{opacity:.6;box-shadow:0 0 3px var(--green)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes counter-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-in{0%{width:0%}}.animate-float{animation:float-gentle 6s ease-in-out infinite}.animate-float-slow{animation:float-gentle 9s ease-in-out infinite}.identity-toggle{display:inline-flex;align-items:center;background:#ffffff0a;border:1px solid var(--border-1);border-radius:999px;padding:4px;gap:2px}.identity-toggle button{padding:7px 18px;border-radius:999px;font-size:12px;font-weight:600;font-family:var(--font-mono);cursor:pointer;border:none;transition:all .2s var(--ease);color:var(--text-3);background:transparent;letter-spacing:.02em}.identity-toggle button.active{background:var(--purple);color:#fff;box-shadow:0 2px 12px #7c3aed66}.identity-toggle button.active-cyan{background:var(--cyan);color:#050508;box-shadow:0 2px 12px #06b6d466}.metric-card{position:absolute;background:#0c0c12d9;border:1px solid var(--border-1);border-radius:var(--radius-md);padding:14px 18px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000080;min-width:150px}.chart-bar-h{display:flex;align-items:center;gap:12px;margin-bottom:10px}.chart-bar-h .label{font-family:var(--font-mono);font-size:11px;color:var(--text-3);width:100px;flex-shrink:0;text-align:right}.chart-bar-h .bar-bg{flex:1;height:4px;background:#ffffff0d;border-radius:99px;overflow:hidden}.chart-bar-h .bar-fill{height:100%;border-radius:99px;transition:width 1.4s cubic-bezier(.16,1,.3,1) .3s;width:0%}.chart-bar-h .val{font-family:var(--font-mono);font-size:10px;color:var(--text-3);width:32px;flex-shrink:0}.grid-texture{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px}@media (max-width: 768px){section{padding:72px 0}.container{padding:0 20px}.glass-card{border-radius:var(--radius-md)}}@media (max-width: 480px){section{padding:56px 0}}