:root{--bg-0: #060609;--bg-1: #0a0a10;--bg-2: #101019;--bg-3: #16161f;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .12);--fg: #ecedf3;--fg-dim: #a7a8b8;--fg-mut: #6b6c7e;--neon-purple: #a855f7;--neon-indigo: #6366f1;--neon-blue: #3b82f6;--neon-cyan: #22d3ee;--accent: #8b5cf6;--accent-2: #22d3ee;--accent-rgb: 139, 92, 246;--glow: 1;--font-head: "JetBrains Mono", ui-monospace, monospace;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 16px;--radius-sm: 10px;--maxw: 1180px;--grid-dot: rgba(255, 255, 255, .05);--code-faint: rgba(255, 255, 255, .05);--stripe: rgba(255, 255, 255, .022);--thumb-num: rgba(255, 255, 255, .06);--ctrl-bg: rgba(255, 255, 255, .03);--canvas-op: .5;--badge-bg: rgba(14, 14, 22, .78)}[data-theme=midnight]{--bg-0: #05060f;--bg-1: #080a18;--bg-2: #0c0f22;--bg-3: #11142e;--line: rgba(140, 150, 255, .09);--line-strong: rgba(140, 150, 255, .17);--fg: #eef0fb;--fg-dim: #a6a9c8;--fg-mut: #686c8e;--grid-dot: rgba(160, 170, 255, .06);--code-faint: rgba(160, 170, 255, .06);--badge-bg: rgba(10, 12, 28, .82)}[data-theme=light]{--bg-0: #eef0f6;--bg-1: #ffffff;--bg-2: #f6f7fb;--bg-3: #e9ecf3;--line: rgba(12, 14, 35, .09);--line-strong: rgba(12, 14, 35, .16);--fg: #14151d;--fg-dim: #4b4e60;--fg-mut: #8589a0;--grid-dot: rgba(20, 22, 45, .07);--code-faint: rgba(20, 22, 45, .05);--stripe: rgba(20, 22, 45, .04);--thumb-num: rgba(20, 22, 45, .08);--ctrl-bg: rgba(12, 14, 35, .04);--canvas-op: .16;--badge-bg: rgba(255, 255, 255, .92)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-0);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:rgba(var(--accent-rgb),.35);color:#fff}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:#23232f;border-radius:8px;border:3px solid var(--bg-0)}::-webkit-scrollbar-thumb:hover{background:#2e2e3d}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}.section{position:relative;padding:130px 0}.section--tight{padding:100px 0}.eyebrow{font-family:var(--font-mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}.eyebrow:before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.sec-title{font-family:var(--font-head);font-weight:800;font-size:clamp(30px,4.5vw,52px);letter-spacing:-.02em;line-height:1.05;margin-bottom:18px}.sec-sub{color:var(--fg-dim);max-width:560px;font-size:17px}.grad-text{background:linear-gradient(110deg,var(--neon-purple),var(--neon-blue) 45%,var(--neon-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.bg-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:var(--canvas-op)}.bg-grid{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:radial-gradient(circle at 1px 1px,var(--grid-dot) 1px,transparent 0);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,#000 30%,transparent 75%)}.bg-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:calc(.5 * var(--glow))}.bg-glow.g1{width:620px;height:620px;top:-180px;left:-120px;background:radial-gradient(circle,rgba(var(--accent-rgb),.55),transparent 65%)}.bg-glow.g2{width:520px;height:520px;top:35%;right:-160px;background:radial-gradient(circle,rgba(34,211,238,.3),transparent 65%)}.bg-glow.g3{width:560px;height:560px;bottom:-200px;left:30%;background:radial-gradient(circle,rgba(99,102,241,.3),transparent 65%)}.floating-snippet{position:absolute;font-family:var(--font-mono);font-size:13px;color:var(--code-faint);white-space:pre;filter:blur(.3px);-webkit-user-select:none;user-select:none;animation:floatY linear infinite}@keyframes floatY{0%{transform:translateY(20px);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(-60px);opacity:0}}.blur-code{position:absolute;font-family:var(--font-mono);font-size:15px;line-height:2;color:rgba(var(--accent-rgb),.14);white-space:pre;filter:blur(2.5px);-webkit-user-select:none;user-select:none}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}.nav.scrolled{background:#08080cb8;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}[data-theme=midnight] .nav.scrolled{background:#080a18c7}[data-theme=light] .nav.scrolled{background:#f6f7fbdb}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px}.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-mono);font-weight:700;font-size:16px}.brand-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--neon-cyan));color:#0a0a10;font-weight:800;font-size:15px;box-shadow:0 0 calc(18px * var(--glow)) rgba(var(--accent-rgb),.6)}.brand-mark span{mix-blend-mode:normal}.nav-links{display:flex;align-items:center;gap:6px}.nav-link{font-family:var(--font-mono);font-size:13.5px;color:var(--fg-dim);padding:9px 14px;border-radius:9px;transition:color .2s,background .2s}.nav-link:hover{color:var(--fg);background:#ffffff0a}.nav-link .hash{color:var(--accent);margin-right:2px}.nav-cta{font-family:var(--font-mono);font-size:13.5px;padding:9px 18px;border-radius:9px;border:1px solid var(--line-strong);color:var(--fg);background:#ffffff08;transition:all .2s;margin-left:8px}.nav-cta:hover{border-color:var(--accent);box-shadow:0 0 calc(16px * var(--glow)) rgba(var(--accent-rgb),.4)}.nav-burger{display:none}.nav-controls{display:flex;align-items:center;gap:10px}.seg{display:inline-flex;align-items:center;padding:3px;gap:2px;border-radius:10px;border:1px solid var(--line);background:var(--ctrl-bg)}.seg-btn{border:none;background:transparent;color:var(--fg-mut);font-family:var(--font-mono);font-size:12px;line-height:1;padding:7px 9px;border-radius:7px;transition:color .18s,background .18s,box-shadow .25s;min-width:30px;text-align:center}.seg-btn:hover{color:var(--fg)}.seg-btn.on{background:rgba(var(--accent-rgb),.16);color:var(--accent);box-shadow:0 0 calc(12px * var(--glow)) rgba(var(--accent-rgb),.28)}.seg-txt{font-weight:600;letter-spacing:.03em}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:14.5px;font-weight:600;padding:14px 24px;border-radius:12px;border:1px solid transparent;transition:transform .2s,box-shadow .25s,background .25s,border-color .2s}.btn svg{width:17px;height:17px}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--neon-cyan));color:#07070b;box-shadow:0 8px 30px rgba(var(--accent-rgb),calc(.35 * var(--glow))),0 0 0 1px #ffffff0f inset}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(var(--accent-rgb),calc(.55 * var(--glow)))}.btn-ghost{background:#ffffff08;color:var(--fg);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.08);transform:translateY(-2px)}.hero{position:relative;z-index:1;padding-top:150px;padding-bottom:110px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}.hero-status{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12.5px;color:var(--fg-dim);padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:#ffffff06;margin-bottom:26px}.status-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-name{font-family:var(--font-head);font-weight:800;font-size:clamp(44px,6.6vw,86px);line-height:.98;letter-spacing:-.035em;margin-bottom:16px}.hero-role{font-family:var(--font-mono);font-size:clamp(17px,2.2vw,23px);font-weight:600;color:var(--fg);margin-bottom:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.role-tag{color:var(--accent)}.caret{display:inline-block;width:11px;height:1.05em;background:var(--accent);transform:translateY(2px);animation:blink 1.05s steps(1) infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-desc{color:var(--fg-dim);font-size:18px;max-width:480px;margin-bottom:36px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px}.hero-stats{display:flex;gap:38px}.hstat-num{font-family:var(--font-head);font-weight:800;font-size:30px;line-height:1}.hstat-lbl{font-family:var(--font-mono);font-size:12px;color:var(--fg-mut);margin-top:7px;letter-spacing:.04em}.hero-photo-wrap{position:relative}.photo-card{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line-strong);background:var(--bg-2);box-shadow:0 30px 80px #0009,0 0 calc(60px * var(--glow)) rgba(var(--accent-rgb),.18)}.photo-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;pointer-events:none;background:linear-gradient(160deg,transparent 55%,rgba(var(--accent-rgb),.18))}.photo-frame-top{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:#ffffff05;font-family:var(--font-mono);font-size:12px;color:var(--fg-mut)}.dot{width:11px;height:11px;border-radius:50%}.dot.r{background:#ff5f57}.dot.y{background:#febc2e}.dot.g{background:#28c840}.photo-frame-name{margin-left:8px}.placeholder-img{aspect-ratio:4 / 5;position:relative;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--stripe) 0 12px,transparent 12px 24px),linear-gradient(160deg,var(--bg-3),var(--bg-1))}.placeholder-img .ph-label{font-family:var(--font-mono);font-size:12.5px;color:var(--fg-mut);border:1px dashed var(--line-strong);padding:9px 14px;border-radius:8px;background:#00000040;text-align:center}.placeholder-img .ph-icon{font-size:30px;opacity:.5;margin-bottom:12px;display:block;text-align:center}.photo-shot{position:relative;display:block}.photo-img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 28%}.float-badge{position:absolute;font-family:var(--font-mono);font-size:12.5px;padding:10px 14px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--badge-bg);color:var(--fg);border:1px solid var(--line-strong);display:flex;align-items:center;gap:9px;box-shadow:0 12px 30px #00000047}.float-badge .fb-ico{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:14px}.fb-react{top:-22px;right:-26px}.fb-react .fb-ico{background:#22d3ee24;color:var(--neon-cyan)}.fb-code{bottom:30px;left:-34px}.fb-code .fb-ico{background:rgba(var(--accent-rgb),.16);color:var(--accent)}.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}.reveal.d5{transition-delay:.4s}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}.about-text p{color:var(--fg-dim);font-size:17px;margin-bottom:18px}.about-text p strong{color:var(--fg);font-weight:700}.about-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.meta-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px;background:#ffffff05}.meta-card .mk{font-family:var(--font-mono);font-size:11.5px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.meta-card .mv{font-size:18px;font-weight:700;margin-top:5px}.ide{border-radius:14px;overflow:hidden;border:1px solid var(--line-strong);background:#0c0c14;box-shadow:0 30px 70px #0000008c,0 0 calc(50px * var(--glow)) rgba(var(--accent-rgb),.12)}.ide-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#111119;border-bottom:1px solid var(--line)}.ide-tabs{display:flex;gap:2px;margin-left:14px}.ide-tab{font-family:var(--font-mono);font-size:12px;color:var(--fg-mut);padding:5px 13px;border-radius:7px 7px 0 0}.ide-tab.active{color:var(--fg);background:#0c0c14;border-bottom:2px solid var(--accent)}.ide-body{display:flex;font-family:var(--font-mono);font-size:13.5px;line-height:1.85}.ide-gutter{padding:18px 0 18px 16px;text-align:right;color:#3a3a48;-webkit-user-select:none;user-select:none}.ide-gutter span{display:block;padding-right:14px}.ide-code{padding:18px 20px 18px 0;overflow-x:auto;white-space:pre;flex:1}.tok-key{color:#c084fc}.tok-fn{color:#60a5fa}.tok-str{color:#34d399}.tok-num{color:#fbbf24}.tok-com{color:#4b5563;font-style:italic}.tok-prop{color:#22d3ee}.tok-punc{color:#8b8ba0}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skill-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff06,#ffffff01);padding:26px 22px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.skill-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(var(--accent-rgb),.16),transparent 45%)}.skill-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 18px 44px #00000073,0 0 calc(40px * var(--glow)) rgba(var(--accent-rgb),.2)}.skill-card:hover:before{opacity:1}.skill-ico{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;font-family:var(--font-mono);font-weight:800;font-size:19px;margin-bottom:18px;background:rgba(var(--accent-rgb),.1);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.22)}.skill-name{font-family:var(--font-head);font-weight:700;font-size:17px;margin-bottom:7px}.skill-lvl-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:11.5px;color:var(--fg-mut);margin-bottom:9px}.skill-bar{height:5px;border-radius:99px;background:#ffffff12;overflow:hidden}.skill-bar i{display:block;height:100%;border-radius:99px;width:0;background:linear-gradient(90deg,var(--accent),var(--neon-cyan));transition:width 1s cubic-bezier(.2,.7,.2,1)}.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.proj-grid .proj-card.feat{grid-column:span 2}.proj-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg-1);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;display:flex;flex-direction:column}.proj-card.feat{flex-direction:row}.proj-card.feat-rev{flex-direction:row-reverse}.proj-card:hover{transform:translateY(-6px);border-color:rgba(var(--accent-rgb),.45);box-shadow:0 24px 60px #00000080,0 0 calc(50px * var(--glow)) rgba(var(--accent-rgb),.18)}.proj-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:repeating-linear-gradient(135deg,var(--stripe) 0 14px,transparent 14px 28px),linear-gradient(150deg,var(--bg-3),var(--bg-2));display:grid;place-items:center}.proj-card.feat .proj-thumb{aspect-ratio:auto;width:46%;min-height:320px}.proj-thumb .pt-label{font-family:var(--font-mono);font-size:12px;color:var(--fg-mut);border:1px dashed var(--line-strong);padding:8px 13px;border-radius:8px;background:#00000040}.proj-thumb .pt-num{position:absolute;top:14px;left:16px;font-family:var(--font-head);font-weight:800;font-size:40px;color:var(--thumb-num);letter-spacing:-.04em}.proj-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s;background:linear-gradient(160deg,rgba(var(--accent-rgb),.18),transparent 60%)}.proj-card:hover .proj-thumb:after{opacity:1}.proj-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.proj-card:hover .proj-img{transform:scale(1.04)}.proj-body{padding:24px 24px 26px;flex:1;display:flex;flex-direction:column}.proj-card.feat .proj-body{padding:38px 40px;justify-content:center}.proj-cat{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:11px}.proj-title{font-family:var(--font-head);font-weight:700;font-size:22px;margin-bottom:10px}.proj-card.feat .proj-title{font-size:30px}.proj-desc{color:var(--fg-dim);font-size:15px;margin-bottom:18px;flex:1}.proj-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.tag{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-dim);padding:5px 11px;border-radius:7px;background:#ffffff0a;border:1px solid var(--line)}.proj-links{display:flex;gap:12px}.proj-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:13px;font-weight:600;padding:9px 15px;border-radius:9px;transition:all .2s}.proj-link svg{width:15px;height:15px}.proj-link.demo{background:rgba(var(--accent-rgb),.12);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.3)}.proj-link.demo:hover{background:rgba(var(--accent-rgb),.2);box-shadow:0 0 calc(18px*var(--glow)) rgba(var(--accent-rgb),.4)}.proj-link.git{background:#ffffff0a;color:var(--fg-dim);border:1px solid var(--line)}.proj-link.git:hover{color:var(--fg);border-color:var(--line-strong)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:start}.contact-channels{display:flex;flex-direction:column;gap:12px;margin-top:28px}.channel{display:flex;align-items:center;gap:15px;padding:16px 18px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffff05;transition:all .25s}.channel:hover{border-color:rgba(var(--accent-rgb),.4);transform:translate(4px);box-shadow:0 0 calc(28px*var(--glow)) rgba(var(--accent-rgb),.12)}.channel-ico{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;background:rgba(var(--accent-rgb),.1);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.22)}.channel-ico svg{width:21px;height:21px}.channel-k{font-family:var(--font-mono);font-size:12px;color:var(--fg-mut)}.channel-v{font-weight:600;font-size:15px}.form-card{border:1px solid var(--line-strong);border-radius:var(--radius);padding:32px;background:linear-gradient(180deg,#ffffff08,#ffffff02);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.field{margin-bottom:18px}.field label{display:block;font-family:var(--font-mono);font-size:12.5px;color:var(--fg-dim);margin-bottom:8px}.field label .req{color:var(--accent)}.field input,.field textarea{width:100%;background:#0000004d;border:1px solid var(--line-strong);color:var(--fg);padding:13px 15px;border-radius:10px;font-size:15px;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:120px}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.field.invalid input,.field.invalid textarea{border-color:#f87171}.field .err{font-family:var(--font-mono);font-size:11.5px;color:#f87171;margin-top:6px;display:none}.field.invalid .err{display:block}.form-submit{width:100%;justify-content:center;margin-top:6px}.form-success{display:flex;align-items:center;gap:12px;padding:15px 18px;border-radius:11px;margin-top:18px;background:#34d3991a;border:1px solid rgba(52,211,153,.35);color:#6ee7b7;font-family:var(--font-mono);font-size:13.5px}.footer{position:relative;z-index:1;border-top:1px solid var(--line);padding:40px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-note{font-family:var(--font-mono);font-size:13px;color:var(--fg-mut)}.footer-socials{display:flex;gap:10px}.fsoc{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);background:#ffffff05;color:var(--fg-dim);transition:all .2s}.fsoc svg{width:18px;height:18px}.fsoc:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.4);transform:translateY(-3px);box-shadow:0 0 calc(20px*var(--glow)) rgba(var(--accent-rgb),.3)}.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:38px;padding:0 9px;border-radius:10px;border:1px solid var(--line-strong);background:var(--ctrl-bg);cursor:pointer}.nav-burger span{display:block;height:2px;width:100%;border-radius:2px;background:var(--fg);transition:transform .28s ease,opacity .2s ease}.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{display:none;flex-direction:column;gap:4px;overflow:hidden;max-height:0;opacity:0;padding:0 28px;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .25s,padding .3s;background:#08080ceb;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent}[data-theme=light] .nav-mobile{background:#f6f7fbf0}[data-theme=midnight] .nav-mobile{background:#080a18f0}.nav-mobile.open{max-height:380px;opacity:1;padding:14px 28px 22px;border-bottom:1px solid var(--line)}.nav-mobile-link{font-family:var(--font-mono);font-size:16px;color:var(--fg-dim);padding:13px 12px;border-radius:10px;transition:color .2s,background .2s}.nav-mobile-link:hover,.nav-mobile-link:active{color:var(--fg);background:rgba(var(--accent-rgb),.08)}.nav-mobile-link .hash{color:var(--accent);margin-right:4px}.nav-mobile-cta{justify-content:center;margin-top:8px}@media (max-width: 940px){.hero{padding-top:124px}.nav{background:#08080cdb;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}[data-theme=midnight] .nav{background:#080a18e0}[data-theme=light] .nav{background:#f6f7fbeb}.hero-grid{grid-template-columns:1fr;gap:44px}.hero-photo-wrap{max-width:360px;margin:0 auto}.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.skills-grid{grid-template-columns:repeat(3,1fr)}.proj-grid{grid-template-columns:1fr}.proj-grid .proj-card.feat{grid-column:span 1}.proj-card.feat{flex-direction:column}.proj-card.feat .proj-thumb{width:100%;min-height:220px;aspect-ratio:16/9}.proj-card.feat .proj-body{padding:26px 24px}.proj-card.feat .proj-title{font-size:24px}.nav-links,.nav-cta{display:none}.nav-burger,.nav-mobile{display:flex}.section{padding:88px 0}}@media (max-width: 680px){.skills-grid{grid-template-columns:1fr 1fr;gap:12px}.hero-stats{gap:22px}.hstat-num{font-size:26px}.about-meta{grid-template-columns:1fr 1fr}.ide-code,.ide-gutter{font-size:12px}}@media (max-width: 520px){.wrap{padding:0 16px}.nav-mobile,.nav-mobile.open{padding-left:16px;padding-right:16px}.float-badge{display:none}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center}.hero-stats{gap:18px}.hstat-lbl{font-size:10.5px}.section{padding:72px 0}.sec-title{font-size:clamp(26px,8vw,38px)}.form-card{padding:22px 18px}.nav-controls{gap:6px}.seg-btn{padding:6px 7px;min-width:26px;font-size:11px}.brand>span:last-child{display:none}}@media (max-width: 380px){.skills-grid,.about-meta{grid-template-columns:1fr}.hero-name{font-size:clamp(38px,13vw,52px)}}.tw-fab{position:fixed;right:22px;bottom:22px;z-index:200;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line-strong);color:#07070b;background:linear-gradient(120deg,var(--accent),var(--neon-cyan));box-shadow:0 10px 30px rgba(var(--accent-rgb),calc(.4 * var(--glow))),0 0 0 1px #ffffff0f inset;transition:transform .2s,box-shadow .25s}.tw-fab:hover{transform:translateY(-2px) rotate(35deg);box-shadow:0 14px 38px rgba(var(--accent-rgb),calc(.6 * var(--glow)))}.tw-panel{position:fixed;right:22px;bottom:84px;z-index:200;width:290px;max-width:calc(100vw - 44px);max-height:calc(100vh - 120px);overflow-y:auto;border-radius:16px;border:1px solid var(--line-strong);background:#0e0e16eb;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 26px 70px #0000008c;padding:6px 16px 18px;animation:twIn .25s cubic-bezier(.2,.7,.2,1)}[data-theme=light] .tw-panel{background:#f6f7fbf2}[data-theme=midnight] .tw-panel{background:#080a18f0}@keyframes twIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.tw-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--fg);padding:14px 2px 10px;position:sticky;top:0;background:inherit;border-bottom:1px solid var(--line);margin-bottom:6px}.tw-close{border:none;background:transparent;color:var(--fg-mut);font-size:14px;cursor:pointer;padding:4px;border-radius:6px}.tw-close:hover{color:var(--fg);background:#ffffff0f}.tw-section{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:16px 0 8px}.tw-row{margin-bottom:12px}.tw-label{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:12px;color:var(--fg-dim);margin-bottom:8px}.tw-val{color:var(--fg)}.tw-swatches{display:flex;gap:8px}.tw-swatch{width:30px;height:30px;border-radius:9px;cursor:pointer;border:2px solid transparent;transition:transform .15s,border-color .15s}.tw-swatch:hover{transform:scale(1.08)}.tw-swatch.on{border-color:var(--fg);box-shadow:0 0 0 2px var(--bg-1),0 0 14px rgba(var(--accent-rgb),.5)}.tw-slider{width:100%;accent-color:var(--accent);cursor:pointer}.tw-select{width:100%;padding:9px 11px;border-radius:9px;cursor:pointer;background:#00000047;color:var(--fg);border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:12.5px}[data-theme=light] .tw-select{background:#0000000a}.tw-select:focus{outline:none;border-color:var(--accent)}