:root,html[data-theme=dark]{--bg: #05060e;--bg-2: #0a0c1a;--surface: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--ink: #e4e4e7;--ink-soft: #a1a1aa;--ink-muted: #71717a;--cyan: #22d3ee;--violet: #a855f7;--magenta: #ec4899;--gradient: linear-gradient(135deg, var(--cyan), var(--violet), var(--magenta));--grid: rgba(255, 255, 255, .04);--glow-cyan: 0 0 40px -8px rgba(34, 211, 238, .5);--glow-violet: 0 0 50px -10px rgba(168, 85, 247, .6)}html[data-theme=light]{--bg: #fafbff;--bg-2: #f2f4fa;--surface: rgba(255, 255, 255, .6);--surface-2: rgba(255, 255, 255, .8);--border: rgba(10, 12, 26, .08);--border-strong: rgba(10, 12, 26, .18);--ink: #0f1020;--ink-soft: #4b4d63;--ink-muted: #7c7e95;--cyan: #0891b2;--violet: #7c3aed;--magenta: #db2777;--gradient: linear-gradient(135deg, var(--cyan), var(--violet), var(--magenta));--grid: rgba(10, 12, 26, .05);--glow-cyan: 0 0 40px -8px rgba(8, 145, 178, .3);--glow-violet: 0 0 50px -10px rgba(124, 58, 237, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:hidden;transition:background .4s ease,color .4s ease;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}img{max-width:100%;display:block}::selection{background:var(--violet);color:#fff}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-fx .grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 40%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,black 30%,transparent 80%)}.bg-fx .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:drift 20s ease-in-out infinite}.bg-fx .orb-1{width:500px;height:500px;top:-150px;left:-100px;background:radial-gradient(circle,rgba(34,211,238,.35),transparent 70%)}.bg-fx .orb-2{width:600px;height:600px;top:40%;right:-200px;background:radial-gradient(circle,rgba(168,85,247,.3),transparent 70%);animation-delay:-5s}.bg-fx .orb-3{width:400px;height:400px;bottom:0;left:30%;background:radial-gradient(circle,rgba(236,72,153,.22),transparent 70%);animation-delay:-10s}html[data-theme=light] .bg-fx .orb{opacity:.35}@keyframes drift{0%,to{transform:translate(0)}33%{transform:translate(50px,-30px)}66%{transform:translate(-30px,40px)}}.wrap{max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.pill .dot{width:6px;height:6px;background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.section-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem}.section-title .grad{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.section-subtitle{color:var(--ink-soft);font-size:1.05rem;max-width:600px}.section-head{text-align:center;margin-bottom:4rem}.section-head .pill{margin-bottom:1.25rem}.glass{background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.6rem;border-radius:999px;font-weight:500;font-size:.95rem;transition:all .3s cubic-bezier(.2,.7,.2,1);cursor:pointer;border:none}.btn-primary{background:var(--gradient);color:#fff;box-shadow:var(--glow-violet);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translate(-150%) skew(-10deg)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 50px -10px #a855f7b3}.btn-primary:hover:after{transform:translate(200%) skew(-10deg);transition:transform .65s ease}.btn-ghost{background:var(--surface);border:1px solid var(--border-strong);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover{background:var(--surface-2);transform:translateY(-2px)}.btn svg{width:16px;height:16px;transition:transform .3s}.btn:hover svg{transform:translate(2px,-2px)}nav.top{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:50;width:calc(100% - 2rem);max-width:1100px}nav.top .inner{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem .65rem 1.25rem;min-height:56px;background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:999px;position:relative}.brand{display:flex;align-items:center;gap:.6rem;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.brand .logo{width:32px;height:32px;border-radius:8px;background:var(--gradient);display:grid;place-items:center;color:#fff;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;box-shadow:var(--glow-violet)}nav.top ul{display:flex;gap:.4rem;list-style:none}nav.top ul a{padding:.5rem .95rem;border-radius:999px;font-size:.88rem;color:var(--ink-soft);transition:color .2s ease,background-color .2s ease}nav.top ul a:hover{color:var(--ink);background:var(--surface-2)}.nav-right{display:flex;align-items:center;gap:.5rem}.theme-toggle{width:38px;height:38px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;transition:all .3s ease}.theme-toggle:hover{border-color:var(--violet);box-shadow:var(--glow-violet)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .sun{display:none}html[data-theme=light] .theme-toggle .sun{display:block}html[data-theme=light] .theme-toggle .moon,.burger{display:none}@media (max-width: 860px){nav.top ul{display:none}nav.top ul.open{display:flex;flex-direction:column;position:absolute;top:calc(100% + .5rem);left:0;right:0;padding:1rem;background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:20px}nav.top ul.open li a{display:block;padding:.6rem .95rem}.burger{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);flex-shrink:0}}.hero{min-height:100vh;display:grid;align-items:center;padding:9rem 0 5rem;position:relative}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}.hero-content .pill{margin-bottom:1.75rem}.hero-content .hello{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--ink-muted);margin-bottom:.85rem;display:flex;align-items:center;gap:.45rem;opacity:0;animation:fadeUp .8s .2s cubic-bezier(.2,.7,.2,1) forwards}.hello-prompt{color:var(--cyan);font-size:.75rem;line-height:1}h1.headline{font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,8vw,4.5rem);font-weight:800;line-height:1;letter-spacing:-.04em;margin-bottom:1.5rem;opacity:0;animation:fadeUp .9s .35s cubic-bezier(.2,.7,.2,1) forwards}h1.headline .grad{background:linear-gradient(90deg,var(--cyan),var(--violet),var(--magenta),var(--cyan));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;animation:grad-flow 6s linear infinite}@keyframes grad-flow{0%{background-position:0% 50%}to{background-position:300% 50%}}.tagline{font-family:JetBrains Mono,monospace;font-size:clamp(1rem,1.8vw,1.3rem);color:var(--ink-soft);margin-bottom:1.75rem;min-height:1.5em;opacity:0;animation:fadeUp .9s .55s cubic-bezier(.2,.7,.2,1) forwards}.tagline .caret{display:inline-block;width:3px;height:1.1em;background:var(--cyan);vertical-align:text-bottom;margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.bio{color:var(--ink-soft);font-size:1.05rem;line-height:1.78;max-width:500px;margin-bottom:2rem;opacity:0;animation:fadeUp .9s .75s cubic-bezier(.2,.7,.2,1) forwards}.contact-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.25rem;opacity:0;animation:fadeUp .9s .9s cubic-bezier(.2,.7,.2,1) forwards}.c-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);font-size:.85rem;color:var(--ink-soft);transition:all .3s ease}.c-chip svg{width:14px;height:14px}.c-chip:hover{color:var(--ink);border-color:var(--violet);transform:translateY(-2px);box-shadow:var(--glow-violet)}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;opacity:0;animation:fadeUp .9s 1.05s cubic-bezier(.2,.7,.2,1) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-visual{position:relative;opacity:0;animation:fadeUp 1s .5s cubic-bezier(.2,.7,.2,1) forwards}.code-window{background:linear-gradient(135deg,#14162ae6,#0a0c1ae6);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px -20px #00000080,var(--glow-violet);font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.7;animation:floatY 6s ease-in-out infinite;position:relative;z-index:2}html[data-theme=light] .code-window{background:linear-gradient(135deg,#1a1c2e,#0f1020);color:#e4e4e7}.code-header{display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);background:#0003}.code-header .dots{display:flex;gap:.35rem}.code-header .d{width:11px;height:11px;border-radius:50%}.code-header .d.r{background:#ff5f56}.code-header .d.y{background:#ffbd2e}.code-header .d.g{background:#27c93f}.code-header .file{color:#a1a1aa;font-size:.78rem;margin-left:.75rem}.code-body{padding:1.25rem 1.5rem;color:#e4e4e7;min-height:280px}.code-body .ln{color:#4b5563;margin-right:1rem;-webkit-user-select:none;user-select:none}.kw{color:#c084fc}.fn{color:#22d3ee}.str{color:#86efac}.nm{color:#f9a8d4}.pn{color:#6b7280}.cm{color:#6b7280;font-style:italic}.code-body .line{opacity:0;animation:typeIn .5s forwards}.code-body .line:nth-child(1){animation-delay:1.2s}.code-body .line:nth-child(2){animation-delay:1.6s}.code-body .line:nth-child(3){animation-delay:2s}.code-body .line:nth-child(4){animation-delay:2.4s}.code-body .line:nth-child(5){animation-delay:2.8s}.code-body .line:nth-child(6){animation-delay:3.2s}.code-body .line:nth-child(7){animation-delay:3.6s}.code-body .line:nth-child(8){animation-delay:4s}@keyframes typeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes floatY{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(.3deg)}}.orb-icon{position:absolute;width:62px;height:62px;border-radius:16px;display:grid;place-items:center;background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-strong);font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700;z-index:3;box-shadow:0 8px 24px #00000040}.orb-icon.i1{top:-20px;left:-30px;color:var(--cyan);animation:floatY 5s ease-in-out infinite;animation-delay:-1s}.orb-icon.i2{top:50%;right:-30px;color:var(--violet);animation:floatX 7s ease-in-out infinite;animation-delay:-2s}.orb-icon.i3{bottom:-20px;left:30%;color:var(--magenta);animation:floatY 6.5s ease-in-out infinite;animation-delay:-3.5s}@keyframes floatX{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}.code-window:before{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:code-scan 6s ease-in-out infinite 3s;opacity:0;z-index:10;pointer-events:none}@keyframes code-scan{0%{top:0%;opacity:0}5%{opacity:.45}95%{opacity:.45}to{top:100%;opacity:0}}.code-status{display:flex;justify-content:space-between;align-items:center;padding:.38rem 1rem;background:#0000004d;border-top:1px solid rgba(255,255,255,.06);font-family:JetBrains Mono,monospace;font-size:.68rem;color:#6b7280;-webkit-user-select:none;user-select:none}.cs-item{display:flex;align-items:center;gap:.35rem}.cs-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.file-badge{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;color:#f0db4f;background:#f0db4f1f;border:1px solid rgba(240,219,79,.25);border-radius:4px;padding:.1rem .35rem;letter-spacing:.04em}.code-header .file{flex:1}.hero-scroll-hint{position:absolute;bottom:2.25rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem;opacity:0;animation:fadeUp 1s 2s cubic-bezier(.2,.7,.2,1) forwards;pointer-events:none}.scroll-mouse{width:22px;height:36px;border:2px solid var(--border-strong);border-radius:999px;display:flex;justify-content:center;padding-top:6px}.scroll-wheel{width:3px;height:7px;background:var(--violet);border-radius:999px;animation:scroll-spin 2s ease-in-out infinite}@keyframes scroll-spin{0%{transform:translateY(0);opacity:1}60%{transform:translateY(10px);opacity:.2}to{transform:translateY(0);opacity:1}}.scroll-label{font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--ink-muted);letter-spacing:.14em;text-transform:uppercase}section.block{padding:3rem 0;position:relative}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-visual{position:relative;aspect-ratio:1;max-width:440px;margin:0 auto}.profile-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-image{width:280px;height:350px;object-fit:cover;border-radius:20px;position:relative;z-index:2;animation:float 6s ease-in-out infinite;box-shadow:0 25px 50px -12px #00000080}.profile-glow{position:absolute;width:300px;height:370px;background:linear-gradient(135deg,var(--cyan) 0%,var(--violet) 50%,var(--magenta) 100%);border-radius:24px;filter:blur(60px);opacity:.4;z-index:1;animation:pulse-glow 4s ease-in-out infinite}.profile-ring{position:absolute;width:320px;height:390px;border:1px solid var(--border-strong);border-radius:24px;animation:rotate-ring 20s linear infinite;z-index:0}.profile-ring:before{content:"";position:absolute;top:20px;left:-6px;width:12px;height:12px;background:var(--cyan);border-radius:50%;box-shadow:var(--glow-cyan)}.profile-ring.ring-2{width:340px;height:410px;animation-duration:25s;animation-direction:reverse;right:0;bottom:0;top:-10px;left:-10px}.profile-ring.ring-2:before{background:var(--violet);box-shadow:var(--glow-violet);bottom:20px;left:auto;right:-6px;top:auto}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-text h3{font-family:Space Grotesk,sans-serif;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:1.25rem}.about-text p{color:var(--ink-soft);margin-bottom:1.25rem;font-size:1.02rem;line-height:1.7}.about-text strong{color:var(--ink);font-weight:600}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.stat-card{padding:1.25rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.stat-card .num{font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.stat-card .lbl{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.5rem}.timeline{position:relative;max-width:900px;margin:0 auto;padding:2rem 0}.timeline-line{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--border);border-radius:2px;z-index:0}.timeline-progress{width:100%;background:linear-gradient(to bottom,var(--cyan),var(--violet),var(--magenta));border-radius:2px;position:relative;filter:drop-shadow(0 0 5px rgba(168,85,247,.55))}.tl-tip{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 3px #a855f733,0 0 18px 4px #a855f7a6;animation:tl-pulse 1.5s ease-in-out infinite}@keyframes tl-pulse{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.6);opacity:.65}}.t-item{display:grid;grid-template-columns:1fr 20px 1fr;gap:0;align-items:start;margin-bottom:2rem;position:relative}.t-item:last-child{margin-bottom:0}.t-card{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .4s ease;display:flex;flex-direction:column;justify-content:center;min-height:140px}.t-card:hover{transform:translateY(-4px);border-color:var(--violet);box-shadow:var(--glow-violet)}.t-item:nth-child(odd) .t-card{grid-column:1;grid-row:1;text-align:right;margin-right:2rem}.t-item:nth-child(2n) .t-card{grid-column:3;grid-row:1;margin-left:2rem}.t-item:nth-child(odd) .t-tags{justify-content:flex-end}.t-item:nth-child(2n) .t-tags{justify-content:flex-start}.t-spacer{grid-column:3;grid-row:1}.t-item:nth-child(odd) .t-spacer{display:block}.t-item:nth-child(2n) .t-spacer{display:block}.t-node{grid-column:2;grid-row:1;width:20px;height:20px;border-radius:50%;background:var(--bg);border:3px solid var(--border-strong);z-index:2;display:flex;align-items:center;justify-content:center;transition:border-color .35s ease,box-shadow .35s ease;position:relative;margin-top:60px}.t-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);transition:background .35s ease,box-shadow .35s ease}.t-node.active{border-color:var(--violet);box-shadow:0 0 0 4px #a855f726,0 0 16px #a855f78c}.t-node.active .t-dot{background:var(--violet);box-shadow:0 0 8px #a855f7e6}.t-node:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1.5px solid var(--violet);opacity:0;pointer-events:none}.t-node.active:after{animation:node-ping 2s ease-out infinite}@keyframes node-ping{0%{transform:scale(.75);opacity:.7}to{transform:scale(2.4);opacity:0}}.t-card .role{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.t-card .co{color:var(--cyan);font-family:JetBrains Mono,monospace;font-size:.82rem;letter-spacing:.04em;margin-bottom:.5rem}.t-card .dur{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.85rem}.t-card p{color:var(--ink-soft);font-size:.92rem;margin-bottom:1rem}.t-tags{display:flex;flex-wrap:wrap;gap:.35rem}.t-tags span{font-family:JetBrains Mono,monospace;font-size:.68rem;padding:.25rem .6rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--ink-soft)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.skill{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .4s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.skill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient);opacity:0;transition:opacity .4s;z-index:0}.skill:hover{transform:translateY(-6px);border-color:transparent;box-shadow:var(--glow-violet)}.skill:hover:before{opacity:.1}.skill-icon{width:48px;height:48px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;margin-bottom:1rem;position:relative;z-index:1;transition:all .4s}.skill:hover .skill-icon{background:var(--gradient);border-color:transparent;transform:rotate(-6deg) scale(1.05)}.skill-icon svg{width:26px;height:26px}.skill-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.1rem;margin-bottom:.25rem;position:relative;z-index:1}.skill-level{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.85rem;position:relative;z-index:1}.skill-bar{height:4px;background:var(--surface-2);border-radius:999px;overflow:hidden;position:relative;z-index:1}.skill-bar .fill{height:100%;background:var(--gradient);border-radius:999px;width:0;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}.skill.visible .skill-bar .fill{width:var(--pct)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.project-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .4s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);border-color:var(--violet);box-shadow:0 20px 60px -20px #a855f766}.project-thumb{aspect-ratio:16 / 9;position:relative;overflow:hidden;background:var(--bg-2);border-bottom:1px solid var(--border)}.project-thumb .viz{width:100%;height:100%;display:grid;place-items:center}.thumb-1{background:radial-gradient(ellipse at 30% 40%,rgba(34,211,238,.2),transparent 60%),linear-gradient(135deg,#0a0c1a,#1a1c2e)}.thumb-2{background:radial-gradient(ellipse at 70% 60%,rgba(168,85,247,.2),transparent 60%),linear-gradient(135deg,#1a1c2e,#0a0c1a)}.thumb-3{background:radial-gradient(ellipse at 50% 50%,rgba(236,72,153,.2),transparent 60%),linear-gradient(135deg,#0a0c1a,#1a1c2e)}.thumb-4{background:radial-gradient(ellipse at 20% 80%,rgba(34,211,238,.15),transparent 60%),linear-gradient(135deg,#1a1c2e,#0a0c1a)}.project-thumb svg{width:70%;height:70%;opacity:.85;transition:transform .6s ease}.project-card:hover .project-thumb svg{transform:scale(1.08) rotate(-2deg)}.project-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.project-body h3{font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem}.project-body .desc{color:var(--ink-soft);font-size:.92rem;margin-bottom:1rem;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem}.project-tags span{font-family:JetBrains Mono,monospace;font-size:.68rem;padding:.25rem .6rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--ink-soft)}.project-links{display:flex;gap:.5rem}.p-link{flex:1;padding:.65rem .75rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.85rem;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:all .3s ease}.p-link:hover{background:var(--gradient);color:#fff;border-color:transparent}.p-link svg{width:14px;height:14px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.contact-anim{position:relative;min-height:580px}.contact-anim .ca-panel{background:transparent;border:none;border-radius:0;overflow:visible;position:absolute;top:0;right:0;bottom:0;left:0;min-height:100%}.contact-heading{margin-bottom:2.5rem}.contact-heading .pill{margin-bottom:1.25rem}.contact-heading .section-title{margin-bottom:1rem}.contact-heading .section-subtitle{margin:0}.contact-form-col form.contact-form{background:none;border:none;border-radius:0;padding:0}form.contact-form{padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.field{margin-bottom:1.25rem}.field label{display:block;font-family:JetBrains Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:.5rem}.field input,.field textarea{width:100%;padding:.85rem 1rem;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;color:var(--ink);font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s ease;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px #a855f726}.field textarea{min-height:140px}.field .err{color:#f87171;font-size:.8rem;margin-top:.4rem;font-family:JetBrains Mono,monospace;display:none}.field.invalid input,.field.invalid textarea{border-color:#f87171}.field.invalid .err{display:block}.submit-btn{width:100%;padding:1rem;border-radius:12px;background:var(--gradient);color:#fff;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:var(--glow-violet)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px -10px #a855f799}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn .spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:none}.submit-btn.loading .spin{display:inline-block}.submit-btn.loading .label{opacity:.7}.ca-panel{position:relative;min-height:600px;border-radius:24px;overflow:hidden;background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center}.ca-orb{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none;will-change:transform}.ca-orb-violet{width:300px;height:300px;top:-70px;right:-70px;background:radial-gradient(circle,rgba(168,85,247,.5),transparent 70%)}.ca-orb-cyan{width:260px;height:260px;bottom:-50px;left:-50px;background:radial-gradient(circle,rgba(34,211,238,.45),transparent 70%)}.ca-orb-magenta{width:220px;height:220px;bottom:22%;right:4%;background:radial-gradient(circle,rgba(236,72,153,.35),transparent 70%)}html[data-theme=light] .ca-orb-violet{opacity:.5}html[data-theme=light] .ca-orb-cyan{opacity:.45}html[data-theme=light] .ca-orb-magenta{opacity:.35}.ca-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse at 50% 50%,black 35%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 35%,transparent 78%);pointer-events:none}.ca-ring{position:absolute;border-radius:50%;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}.ca-ring-1{width:310px;height:310px;border:1px solid rgba(168,85,247,.2);animation:caRingRotate 22s linear infinite}.ca-ring-1:before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;background:var(--violet);border-radius:50%;box-shadow:0 0 14px var(--violet),0 0 6px var(--violet);transform:translate(-50%)}.ca-ring-2{width:440px;height:440px;border:1px solid rgba(34,211,238,.14);animation:caRingRotate 32s linear infinite reverse}.ca-ring-2:before{content:"";position:absolute;bottom:-4px;left:28%;width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan),0 0 5px var(--cyan);transform:translate(-50%)}@keyframes caRingRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.ca-particle{position:absolute;border-radius:50%;background:var(--violet);pointer-events:none;will-change:transform,opacity}.ca-card{position:relative;z-index:10;width:min(290px,78%);padding:2rem 1.75rem;background:#ffffff0b;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:0 24px 64px -20px #0000008c,inset 0 1px #ffffff12,0 0 0 1px #a855f714;overflow:hidden;text-align:center}html[data-theme=light] .ca-card{background:#ffffffb8;border-color:#0a0c1a1a;box-shadow:0 24px 64px -20px #0000001f,inset 0 1px #ffffffe6,0 0 0 1px #7c3aed14}.ca-card-inner{display:flex;flex-direction:column;align-items:center}.ca-avatar{width:74px;height:74px;border-radius:50%;background:var(--gradient);display:grid;place-items:center;font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:1rem;box-shadow:0 0 32px -8px #a855f7b3;flex-shrink:0}.ca-status{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .85rem;border-radius:999px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);font-family:JetBrains Mono,monospace;font-size:.68rem;color:#22c55e;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem}.ca-status-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;animation:pulse 2s ease-in-out infinite;flex-shrink:0}.ca-heading{font-family:Space Grotesk,sans-serif;font-size:1.55rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:.65rem}.ca-grad{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.ca-bio{font-size:.84rem;color:var(--ink-soft);line-height:1.65;margin-bottom:1.25rem}.ca-sep{width:100%;height:1px;background:var(--border);margin-bottom:1.25rem}.ca-socials{display:flex;gap:.65rem;justify-content:center}.ca-social{width:40px;height:40px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;color:var(--ink-soft);transition:all .3s cubic-bezier(.2,.7,.2,1)}.ca-social:hover{background:var(--gradient);color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:var(--glow-violet)}.ca-social svg{width:16px;height:16px}.ca-scanline{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:caScan 6s ease-in-out infinite 1.5s;opacity:0;pointer-events:none}@keyframes caScan{0%{top:0%;opacity:0}5%{opacity:.5}92%{opacity:.5}to{top:100%;opacity:0}}.ca-chip{position:absolute;z-index:8;display:flex;align-items:center;gap:.55rem;padding:.55rem .85rem;background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 8px 28px #00000038;cursor:default;will-change:transform}html[data-theme=light] .ca-chip{background:#ffffffd1}.ca-chip-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;color:var(--ca-accent);background:color-mix(in srgb,var(--ca-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--ca-accent) 28%,transparent)}.ca-chip-icon svg{width:14px;height:14px}.ca-chip-dot{width:9px;height:9px;border-radius:50%;background:var(--ca-accent);box-shadow:0 0 8px var(--ca-accent);animation:pulse 2s ease-in-out infinite}.ca-chip-title{font-size:.8rem;font-weight:600;color:var(--ink);white-space:nowrap;line-height:1.25}.ca-chip-sub{font-family:JetBrains Mono,monospace;font-size:.64rem;color:var(--ink-muted);white-space:nowrap}.toast-wrap{position:fixed;top:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:12px;padding:.85rem 1.1rem;display:flex;align-items:center;gap:.75rem;min-width:280px;max-width:360px;color:var(--ink);font-size:.88rem;box-shadow:0 10px 40px #0000004d;animation:slideIn .3s cubic-bezier(.2,.7,.2,1);pointer-events:auto}.toast.success{border-left:3px solid #22c55e}.toast.error{border-left:3px solid #f87171}.toast .ticon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.toast.success .ticon{background:#22c55e26;color:#22c55e}.toast.error .ticon{background:#f8717126;color:#f87171}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}footer.foot{padding:3rem 0 2rem;border-top:1px solid var(--border);position:relative;z-index:1;margin-top:4rem}.foot-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.foot .brand{opacity:.9}.foot-socials{display:flex;gap:.5rem}.f-soc{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;transition:all .3s ease;color:var(--ink-soft)}.f-soc:hover{background:var(--gradient);color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:var(--glow-violet)}.f-soc svg{width:16px;height:16px}.copy{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--ink-muted);letter-spacing:.04em}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 960px){.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-visual{max-width:520px;margin:0 auto}.hero-scroll-hint{display:none}.hero{padding:8rem 0 5rem}.about-grid{grid-template-columns:1fr;gap:3rem}.about-visual{max-width:400px}.contact-layout{grid-template-columns:1fr;gap:0}.contact-anim{height:440px;min-height:unset;order:2}.contact-anim .ca-panel{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;min-height:unset}.contact-form-col{order:1}.contact-heading{margin-bottom:2rem}.ca-ring-2{width:360px;height:360px}.timeline-line{left:20px}.t-item{grid-template-columns:40px 1fr;gap:1rem;grid-template-rows:auto}.t-item:nth-child(2n) .t-card,.t-item:nth-child(odd) .t-card{grid-column:2;grid-row:1;text-align:left;margin:0}.t-item:nth-child(odd) .t-tags,.t-item:nth-child(2n) .t-tags{justify-content:flex-start}.t-node{grid-column:1;grid-row:1;justify-self:center;align-self:start;margin-top:60px}.t-spacer{display:none}section.block{padding:5rem 0}}@media (max-width: 640px){h1.headline{font-size:clamp(2.5rem,10vw,3.5rem);letter-spacing:-.03em}.tagline,.bio{font-size:1rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.section-head{margin-bottom:2.5rem}}@media (max-width: 560px){.wrap{padding:0 1rem}h1.headline{font-size:clamp(2.25rem,9vw,3rem);letter-spacing:-.03em}.contact-strip{gap:.45rem}.c-chip{font-size:.8rem;padding:.5rem .85rem}.hero-actions{gap:.5rem}.about-visual{max-width:310px}.profile-image{width:210px;height:262px}.profile-glow{width:226px;height:278px}.profile-ring{width:242px;height:302px}.profile-ring.ring-2{width:258px;height:322px;right:0;bottom:0;top:-8px;left:-8px}.about-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-card{padding:.85rem .5rem}.stat-card .num{font-size:1.25rem}.t-card{padding:1.1rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.skill{padding:1.1rem}.project-links{flex-direction:column}.contact-anim{height:360px}.contact-heading{margin-bottom:1.5rem}.ca-ring-1{width:230px;height:230px}.ca-ring-2{width:300px;height:300px}.ca-chip{padding:.45rem .7rem;gap:.45rem}.ca-chip-icon{width:26px;height:26px}.foot-bar{flex-direction:column;text-align:center;gap:1rem}.orb-icon.i1,.orb-icon.i3{display:none}.code-body{padding:1rem 1.25rem;font-size:.78rem}.toast-wrap{top:.75rem;right:.75rem;left:.75rem}.toast{min-width:0;max-width:100%}section.block{padding:4rem 0}}@media (max-width: 420px){h1.headline{font-size:2.1rem;letter-spacing:-.025em}.hero{padding:6.5rem 0 4rem}.about-visual{max-width:270px}.profile-image{width:178px;height:222px}.profile-glow{width:192px;height:236px}.profile-ring{width:206px;height:258px}.profile-ring.ring-2{width:220px;height:274px;right:0;bottom:0;top:-7px;left:-7px}.stat-card .num{font-size:1.1rem}.stat-card .lbl{font-size:.6rem}.pill{font-size:.68rem;padding:.4rem .8rem}nav.top{width:calc(100% - 1rem)}nav.top .inner{padding:.6rem .75rem .6rem 1rem}.code-body{font-size:.72rem;line-height:1.6}.code-status{font-size:.6rem}}