:root{--bg-0: #07090c;--bg-1: #0b0f14;--bg-2: #0f141b;--surface: rgba(18, 24, 33, .55);--surface-2: rgba(22, 29, 40, .7);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #e6edf3;--text-dim: #9aa7b4;--text-muted: #6b7785;--accent: #38e1d5;--accent-2: #7af0e5;--accent-ink: #001815;--glow: 56 225 213;--radius: 14px;--radius-lg: 22px;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--sans: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--serif: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-0);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1200px 600px at 85% -10%,rgba(var(--glow)/.18),transparent 60%),radial-gradient(900px 500px at 10% 20%,rgba(var(--glow)/.08),transparent 55%),radial-gradient(700px 500px at 50% 110%,rgba(var(--glow)/.12),transparent 60%),linear-gradient(180deg,#05070a,#070a0f 40%,#05070a)}.ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--tex-image, none);background-size:var(--tex-size, auto);opacity:var(--tex-opacity, 0);mix-blend-mode:screen}body[data-tex=grid]{--tex-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);--tex-size: 44px 44px;--tex-opacity: 1}body[data-tex=dots]{--tex-image: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1.5px);--tex-size: 22px 22px;--tex-opacity: 1}body[data-tex=noise]{--tex-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--tex-size: 160px 160px;--tex-opacity: .55}.noise-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.035 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:overlay;opacity:.6}#root{position:relative;z-index:2}::selection{background:rgba(var(--glow)/.35);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.container{max-width:1240px;margin:0 auto;padding:0 28px}@media (max-width: 640px){.container{padding:0 18px}}.glass{background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);border-radius:var(--radius-lg)}body[data-accent=teal]{--accent: #38e1d5;--accent-2: #7af0e5;--glow: 56 225 213;--accent-ink: #001815}body[data-accent=lime]{--accent: #c6f24a;--accent-2: #e3ff8c;--glow: 198 242 74;--accent-ink: #0f1800}body[data-accent=violet]{--accent: #b78cff;--accent-2: #d7beff;--glow: 183 140 255;--accent-ink: #0e0624}body[data-accent=amber]{--accent: #ffb66b;--accent-2: #ffd09c;--glow: 255 182 107;--accent-ink: #1a0d00}body[data-accent=emerald]{--accent: #4ee6a0;--accent-2: #89f2bf;--glow: 78 230 160;--accent-ink: #001a10}body[data-accent=rose]{--accent: #ff7aa2;--accent-2: #ffadc3;--glow: 255 122 162;--accent-ink: #1c0210}.nav{position:sticky;top:0;z-index:50;padding:14px 0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#07090cd9,#07090c66);border-bottom:1px solid rgba(255,255,255,.05)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em}.brand .mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent),transparent 60%),radial-gradient(circle at 30% 30%,var(--accent-2),transparent 55%);border:1px solid rgba(var(--glow)/.5);box-shadow:0 0 0 1px rgba(var(--glow)/.15),0 0 22px rgba(var(--glow)/.35);position:relative}.brand .mark:after{content:attr(data-letter);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--accent-ink);font-weight:800;font-size:14px}.brand .handle{color:var(--text-dim);font-family:var(--mono);font-size:13px;font-weight:500}.nav-links{display:flex;gap:6px;align-items:center}.nav-links a{padding:8px 12px;border-radius:999px;font-size:14px;color:var(--text-dim);font-weight:500;transition:color .2s ease,background .2s ease}.nav-links a:hover{color:var(--text);background:#ffffff0a}.nav-links a .dot{color:var(--accent);margin-right:6px;font-family:var(--mono);font-size:10px}.nav-ctas{display:flex;align-items:center;gap:10px}.icon-links{display:flex;gap:6px}.icon-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);background:#ffffff05;color:var(--text-dim);transition:all .2s ease}.icon-btn:hover{color:var(--accent);border-color:rgba(var(--glow)/.4);background:rgba(var(--glow)/.06)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid var(--line-strong);transition:all .2s ease;white-space:nowrap}.btn:hover{background:#ffffff0a}.btn.primary{color:var(--accent-ink);background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:rgba(var(--glow)/.6);box-shadow:0 8px 24px rgba(var(--glow)/.25),inset 0 0 0 1px #ffffff4d}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(var(--glow)/.35),inset 0 0 0 1px #fff6}.btn.ghost{color:var(--text)}.btn.small{padding:7px 12px;font-size:13px}.btn[disabled]{opacity:.6;cursor:not-allowed}@media (max-width: 860px){.nav-links,.nav-ctas .icon-links,.nav-ctas .btn.ghost{display:none}}.hero{position:relative;padding:64px 0 80px}.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff05;color:var(--text-dim)}.hero .eyebrow .pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 rgba(var(--glow)/.6);animation:pulse 2.2s infinite}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--glow)/.6)}70%{box-shadow:0 0 0 10px rgba(var(--glow)/0)}to{box-shadow:0 0 rgba(var(--glow)/0)}}.hero-grid{margin-top:28px;display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center}@media (max-width: 960px){.hero-grid{grid-template-columns:1fr;gap:36px}}.hero h1{font-family:var(--sans);font-weight:700;font-size:clamp(42px,6.6vw,84px);line-height:.98;letter-spacing:-.035em;margin:20px 0 18px}.hero h1 .serif{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.01em}.hero h1 .stroke{-webkit-text-stroke:1px rgba(255,255,255,.3);color:transparent}.hero p.lead{color:var(--text-dim);font-size:17px;max-width:560px;margin:0 0 28px}.hero .cta-row{display:flex;gap:12px;flex-wrap:wrap}.hero-stats{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.hero-stats .stat{padding:18px 0;border-right:1px solid var(--line)}.hero-stats .stat:last-child{border-right:0}.hero-stats .n{font-size:28px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:baseline;gap:4px}.hero-stats .n em{font-style:normal;color:var(--accent);font-family:var(--mono);font-size:18px;font-weight:500}.hero-stats .l{font-size:12px;color:var(--text-muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;margin-top:4px}.hero-visual{position:relative;aspect-ratio:4/5;max-width:420px;width:100%;justify-self:end}@media (max-width: 960px){.hero-visual{justify-self:start;max-width:340px}}.portrait{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;overflow:hidden;border:1px solid var(--line-strong);background:radial-gradient(120% 80% at 50% 0%,rgba(var(--glow)/.35),transparent 55%),linear-gradient(180deg,#0c1218,#080b10);box-shadow:0 30px 80px #0009,0 0 0 1px rgba(var(--glow)/.1),inset 0 0 120px rgba(var(--glow)/.08)}.portrait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 12px);opacity:.6}.portrait .portrait-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.portrait .label{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.portrait .silhouette{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:rgba(var(--glow)/.7)}.portrait .silhouette svg{width:62%;height:auto;filter:drop-shadow(0 20px 40px rgba(var(--glow)/.3))}.portrait .scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(var(--glow)/.08) 50%,transparent 100%);mix-blend-mode:screen;animation:scan 6s linear infinite}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.chip{position:absolute;padding:10px 14px;display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;background:#0c1016d9;border:1px solid var(--line-strong);border-radius:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #00000059;animation:float 6s ease-in-out infinite}.chip .tag{color:var(--accent);font-weight:500}.chip .v{color:var(--text-muted)}.chip.top-l{top:8%;left:-14%;animation-delay:.2s}.chip.bot-r{bottom:10%;right:-12%;animation-delay:1.4s}.chip.mid-l{top:56%;left:-18%;animation-delay:.8s}@media (max-width: 960px){.chip.top-l{left:-4%}.chip.mid-l{left:-6%}.chip.bot-r{right:-4%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero.variant-terminal .hero-grid{grid-template-columns:1fr}.hero.variant-terminal .hero-visual{display:none}.hero.variant-terminal h1{font-size:clamp(40px,5.8vw,72px);max-width:950px}.hero.variant-centered .hero-grid{grid-template-columns:1fr;text-align:center}.hero.variant-centered .hero-visual{display:none}.hero.variant-centered .hero-stats{max-width:720px;margin-left:auto;margin-right:auto;margin-top:48px}.hero.variant-centered .cta-row{justify-content:center}.hero.variant-centered .eyebrow-wrap{display:flex;justify-content:center}.term{margin-top:28px;border-radius:14px;border:1px solid var(--line);background:#0a0e13bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;font-family:var(--mono);font-size:14px;max-width:780px}.term .head{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff08;border-bottom:1px solid var(--line);color:var(--text-muted);font-size:12px}.term .head .dots{display:flex;gap:6px}.term .head .dots span{width:10px;height:10px;border-radius:50%;background:#2a323d}.term .head .dots span:first-child{background:#ff6058}.term .head .dots span:nth-child(2){background:#ffbd2e}.term .head .dots span:nth-child(3){background:#28c941}.term .body{padding:16px 18px;line-height:1.7;color:#b8c4d1}.term .body .p{color:var(--accent)}.term .body .c{color:#ff7aa2}.term .body .s{color:#ffd89a}.term .body .g{color:#6b7785}section{position:relative;padding:80px 0;scroll-margin-top:80px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:40px;flex-wrap:wrap}.section-head .tag{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-head .tag:before{content:"";width:20px;height:1px;background:var(--accent)}.section-head h2{font-size:clamp(32px,4.2vw,52px);font-weight:700;letter-spacing:-.03em;margin:0;line-height:1.05;max-width:720px}.section-head h2 .serif{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.section-head .sub{color:var(--text-dim);max-width:440px;font-size:15px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 960px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.skills-grid{grid-template-columns:1fr}}.skill-card{position:relative;padding:22px;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);transition:all .3s ease;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 200px at var(--mx, 50%) var(--my, 0%),rgba(var(--glow)/.15),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.skill-card:hover{border-color:rgba(var(--glow)/.4);transform:translateY(-2px)}.skill-card:hover:before{opacity:1}.skill-card .cat{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}.skill-card .cat .num{color:var(--accent)}.skill-card .cat-title{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:14px}.skill-card .tags{display:flex;flex-wrap:wrap;gap:6px}.skill-card .tags span{font-family:var(--mono);font-size:12px;padding:4px 8px;border-radius:6px;background:#ffffff0a;border:1px solid var(--line);color:var(--text-dim)}.skill-card .tags span.primary{color:var(--accent);background:rgba(var(--glow)/.08);border-color:rgba(var(--glow)/.25)}.timeline-wrap{position:relative}.timeline-scroll{overflow-x:auto;overflow-y:visible;padding:40px 4px 60px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(var(--glow)/.4) transparent}.timeline-scroll::-webkit-scrollbar{height:6px}.timeline-scroll::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.timeline-scroll::-webkit-scrollbar-thumb{background:rgba(var(--glow)/.4);border-radius:3px}.timeline-track{display:flex;gap:20px;min-width:min-content;padding:0 4px;position:relative}.timeline-track:before{content:"";position:absolute;top:50%;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong) 8%,var(--line-strong) 92%,transparent);z-index:0}.tl-item{flex:0 0 340px;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;gap:16px}.tl-item .rail{height:60px;position:relative}.tl-item .rail .node{position:absolute;top:50%;left:24px;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--glow)/.15),0 0 20px rgba(var(--glow)/.5);z-index:2}.tl-item .rail .node.past{background:var(--bg-2);border:2px solid var(--accent)}.tl-item .rail .date{position:absolute;top:50%;left:50px;transform:translateY(-50%);font-family:var(--mono);font-size:12px;color:var(--text-muted);letter-spacing:.04em}.tl-item .rail .date strong{color:var(--accent);font-weight:500}.tl-card{padding:22px;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.tl-card:hover{border-color:rgba(var(--glow)/.4);transform:translateY(-2px);box-shadow:0 20px 40px #0006}.tl-card .company-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.tl-card .company-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:13px;color:var(--accent-ink);background:linear-gradient(135deg,var(--accent-2),var(--accent))}.tl-card .company{font-size:14px;color:var(--text-dim);font-weight:500}.tl-card h3{font-size:19px;font-weight:600;margin:4px 0 10px;letter-spacing:-.01em}.tl-card .summary{color:var(--text-dim);font-size:14px;line-height:1.55}.tl-card .meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;color:var(--text-muted);font-family:var(--mono)}.tl-card .meta .more{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-weight:500}body[data-timeline=rail-cards] .timeline-track:before{display:none}body[data-timeline=rail-cards] .tl-item .rail{display:none}body[data-timeline=rail-cards] .tl-item{flex:0 0 360px}body[data-timeline=rail-cards] .tl-card{padding-top:28px}body[data-timeline=rail-cards] .tl-card .badge-top{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--accent);margin-bottom:12px;letter-spacing:.06em}body[data-timeline=rail-cards] .tl-card .badge-top:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--glow)/.6)}body[data-timeline=stepper] .timeline-track:before{top:30px;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) 60%,var(--line-strong) 60%);border-radius:2px}body[data-timeline=stepper] .tl-item .rail{height:40px}body[data-timeline=stepper] .tl-item .rail .node{left:24px;top:30px;width:18px;height:18px}body[data-timeline=stepper] .tl-item .rail .date{top:30px;left:58px}body[data-timeline=stepper] .tl-item:nth-child(n+4) .rail .node{background:var(--bg-2);border:2px solid var(--line-strong);box-shadow:none}.timeline-hint{margin-top:10px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;color:var(--text-muted)}.timeline-hint .arrows{display:flex;gap:6px}.timeline-hint .arrows button{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);color:var(--text-dim);display:grid;place-items:center;transition:all .2s ease}.timeline-hint .arrows button:hover{color:var(--accent);border-color:rgba(var(--glow)/.4)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#030508cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;animation:fade .25s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{max-width:720px;width:100%;max-height:85vh;overflow-y:auto;background:linear-gradient(180deg,#121821f2,#0c1016f2);border:1px solid var(--line-strong);border-radius:24px;box-shadow:0 40px 100px #0009,0 0 0 1px rgba(var(--glow)/.1);animation:rise .3s cubic-bezier(.2,.8,.2,1)}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:26px 28px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.modal .close-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);color:var(--text-dim);display:grid;place-items:center;flex-shrink:0}.modal .close-btn:hover{color:var(--accent);border-color:rgba(var(--glow)/.4)}.modal h3{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.modal .company-meta{color:var(--text-dim);font-size:14px}.modal .company-meta .accent{color:var(--accent);font-family:var(--mono);font-size:12px}.modal-body{padding:24px 28px 28px}.modal-body h4{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:20px 0 12px}.modal-body h4:first-child{margin-top:0}.modal-body ul{list-style:none;padding:0;margin:0}.modal-body ul li{position:relative;padding-left:22px;margin-bottom:10px;color:var(--text-dim);font-size:14px;line-height:1.6}.modal-body ul li:before{content:"";position:absolute;left:4px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.modal-body .tech{display:flex;flex-wrap:wrap;gap:6px}.modal-body .tech span{font-family:var(--mono);font-size:12px;padding:5px 10px;border-radius:6px;background:rgba(var(--glow)/.08);border:1px solid rgba(var(--glow)/.22);color:var(--accent)}.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 800px){.edu-grid{grid-template-columns:1fr}}.edu-card{padding:26px;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);display:flex;gap:20px;transition:all .3s ease}.edu-card:hover{border-color:rgba(var(--glow)/.3)}.edu-icon{flex-shrink:0;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:rgba(var(--glow)/.1);border:1px solid rgba(var(--glow)/.25);color:var(--accent)}.edu-card .year{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.06em;margin-bottom:6px}.edu-card h3{font-size:19px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.edu-card .school{color:var(--text-dim);font-size:14px;margin-bottom:8px}.edu-card .detail{color:var(--text-muted);font-size:13px;line-height:1.5}.edu-card .grade{margin-top:10px;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;padding:4px 10px;border-radius:999px;background:rgba(var(--glow)/.08);border:1px solid rgba(var(--glow)/.22);color:var(--accent)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media (max-width: 860px){.projects-grid{grid-template-columns:1fr}}.project-card{position:relative;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:rgba(var(--glow)/.4);transform:translateY(-3px)}.project-card:hover .project-visual:after{opacity:1}.project-visual{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#0c1218,#080b10);border-bottom:1px solid var(--line);overflow:hidden}.project-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--px, 30%) var(--py, 30%),rgba(var(--glow)/.25),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 14px)}.project-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(var(--glow)/.15) 100%);opacity:0;transition:opacity .3s ease}.project-visual .shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}.project-card:hover .shot{transform:scale(1.02)}.project-visual .shot{transition:transform .5s ease}.project-visual .pseudo-ui{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:10px;background:#0a0e13a6;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:14px 18px;display:flex;flex-direction:column;gap:10px}.project-visual .pseudo-ui .row{display:flex;gap:6px;align-items:center}.project-visual .pseudo-ui .bar{height:8px;border-radius:4px;background:#ffffff14}.project-visual .pseudo-ui .bar.accent{background:rgba(var(--glow)/.5)}.project-visual .pseudo-ui .grid-m{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px}.project-visual .pseudo-ui .grid-m span{height:18px;border-radius:4px;background:#ffffff0d}.project-visual .pseudo-ui .grid-m span.on{background:rgba(var(--glow)/.4)}.project-body{padding:22px}.project-body .meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.project-body .meta .year{color:var(--accent)}.project-body h3{font-size:20px;font-weight:600;margin:0 0 8px;letter-spacing:-.01em}.project-body p{color:var(--text-dim);font-size:14px;margin:0 0 14px}.project-body .stack{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.project-body .stack span{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:5px;background:#ffffff0a;border:1px solid var(--line);color:var(--text-dim)}.project-body .cta-row{display:flex;gap:12px;font-size:13px}.project-body .cta-row a{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);transition:color .2s}.project-body .cta-row a:hover{color:var(--accent)}.gh-bar{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}@media (max-width: 820px){.gh-bar{grid-template-columns:1fr 1fr}}.gh-cell{padding:22px;border-right:1px solid var(--line)}.gh-cell:last-child{border-right:0}@media (max-width: 820px){.gh-cell{border-right:0;border-bottom:1px solid var(--line)}.gh-cell:nth-child(2),.gh-cell:nth-child(4){border-left:1px solid var(--line)}}.gh-cell .lbl{font-family:var(--mono);font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px}.gh-cell .val{font-size:32px;font-weight:700;letter-spacing:-.02em}.gh-cell .val em{font-style:normal;color:var(--accent);font-family:var(--mono);font-size:16px;margin-left:4px;font-weight:500}.gh-cell .sub{color:var(--text-muted);font-size:12px;margin-top:4px}.contrib-graph{margin-top:18px;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.contrib-title{display:flex;justify-content:space-between;margin-bottom:14px;font-family:var(--mono);font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.contrib-grid{display:grid;grid-template-columns:repeat(52,1fr);grid-template-rows:repeat(7,10px);grid-auto-flow:column;gap:3px;max-width:100%;overflow-x:auto}.contrib-grid span{width:100%;height:10px;border-radius:2px}.c0{background:#ffffff0a}.c1{background:rgba(var(--glow)/.18)}.c2{background:rgba(var(--glow)/.38)}.c3{background:rgba(var(--glow)/.65)}.c4{background:rgba(var(--glow)/.95);box-shadow:0 0 8px rgba(var(--glow)/.6)}.contrib-legend{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:14px;font-family:var(--mono);font-size:11px;color:var(--text-muted)}.contrib-legend .swatches{display:flex;gap:3px}.contrib-legend .swatches span{width:10px;height:10px;border-radius:2px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 860px){.blog-grid{grid-template-columns:1fr}}.blog-card{padding:22px;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:14px;transition:all .3s ease;text-decoration:none;color:inherit}.blog-card:hover{border-color:rgba(var(--glow)/.3);transform:translateY(-2px)}.blog-card .meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.blog-card .meta .cat{color:var(--accent)}.blog-card h3{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0;line-height:1.3}.blog-card p{color:var(--text-dim);font-size:14px;margin:0}.blog-card .read{margin-top:auto;font-family:var(--mono);font-size:12px;color:var(--accent);display:inline-flex;align-items:center;gap:6px}.contact-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}@media (max-width: 900px){.contact-wrap{grid-template-columns:1fr;gap:30px}}.contact-info h2{font-size:clamp(32px,4.6vw,56px);font-weight:700;letter-spacing:-.03em;margin:0 0 18px;line-height:1.05}.contact-info h2 .serif{font-family:var(--serif);font-style:italic;color:var(--accent);font-weight:400}.contact-info p{color:var(--text-dim);font-size:16px;max-width:420px;margin:0 0 30px}.contact-info .links{display:flex;flex-direction:column;gap:10px}.contact-info .links a{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#ffffff05;transition:all .2s ease}.contact-info .links a:hover{border-color:rgba(var(--glow)/.3);background:rgba(var(--glow)/.04)}.contact-info .links a .lbl{font-family:var(--mono);font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.contact-info .links a .val{font-size:15px;color:var(--text);font-weight:500}.contact-info .links a .icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(var(--glow)/.08);color:var(--accent);flex-shrink:0}.contact-form{padding:28px;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:16px}.contact-form .honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--mono);font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.field .input,.field .textarea{background:#06090d80;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit;color:var(--text);font-size:15px;transition:all .2s}.field .input:focus,.field .textarea:focus{outline:none;border-color:rgba(var(--glow)/.5);box-shadow:0 0 0 3px rgba(var(--glow)/.12)}.field .textarea{min-height:120px;resize:vertical;font-family:inherit}.field .err{font-family:var(--mono);font-size:11px;color:#ff7aa2;margin-top:2px}.field.invalid .input,.field.invalid .textarea{border-color:#ff7aa280}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 520px){.row2{grid-template-columns:1fr}}.turnstile{display:flex;justify-content:flex-start;min-height:65px}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:6px}.form-footer .consent{font-size:12px;color:var(--text-muted)}.form-success{padding:40px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.form-success .check{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--glow)/.12);border:1px solid rgba(var(--glow)/.3);color:var(--accent)}.form-success h3{font-size:22px;margin:0;letter-spacing:-.01em}.form-success p{color:var(--text-dim);font-size:14px;margin:0;max-width:320px}footer{padding:60px 0 40px;border-top:1px solid var(--line);margin-top:60px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-inner .legal{font-family:var(--mono);font-size:12px;color:var(--text-muted)}.i{width:16px;height:16px;stroke-width:1.5;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.i.lg{width:20px;height:20px}.i.xl{width:28px;height:28px}.toast-host{position:fixed;z-index:300;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:360px}.toast-host.pos-bottom-right{right:20px;bottom:20px;align-items:flex-end}.toast-host.pos-top-right{right:20px;top:20px;align-items:flex-end}.toast-host.pos-top-center{left:50%;top:20px;transform:translate(-50%);align-items:center}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;min-width:260px;border-radius:14px;background:#0c1016f2;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px #00000080;animation:toast-in .25s cubic-bezier(.2,.8,.2,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast .bubble{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;background:rgba(var(--glow)/.12);border:1px solid rgba(var(--glow)/.3);color:var(--accent)}.toast.type-error .bubble{background:#ff7aa21f;border-color:#ff7aa259;color:#ff7aa2}.toast.type-warning .bubble{background:#ffbd2e1f;border-color:#ffbd2e59;color:#ffbd2e}.toast.type-info .bubble{background:#7ab0ff1f;border-color:#7ab0ff59;color:#7ab0ff}.toast .body{flex:1}.toast .ttl{font-size:14px;font-weight:600;letter-spacing:-.01em;margin:0 0 2px}.toast .msg{font-size:13px;color:var(--text-dim);margin:0}.toast .close-x{color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.toast .close-x:hover{color:var(--text)}.ed-page{--ed-bg: #0a0d11;--ed-panel: #121720;--ed-panel-2: #171d28;--ed-border: rgba(255, 255, 255, .08);--ed-border-strong: rgba(255, 255, 255, .14);--ed-text: #e8edf3;--ed-text-dim: #8a94a2;min-height:100vh;background:var(--ed-bg);color:var(--ed-text);font-family:var(--sans, system-ui, sans-serif)}.ed-header{position:sticky;top:0;z-index:60;background:linear-gradient(180deg,#0a0d11f2,#0a0d11d1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ed-border)}.ed-header-inner{max-width:1280px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ed-brand{display:flex;align-items:center;gap:12px}.ed-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent, #38e1d5),transparent 60%),radial-gradient(circle at 30% 30%,var(--accent-2, #7af0e5),transparent 55%);color:var(--accent-ink, #001815);font-weight:800}.ed-title{font-weight:700;letter-spacing:-.01em}.ed-sub{font-size:12px;color:var(--ed-text-dim)}.ed-sub code{background:#ffffff0f;padding:1px 6px;border-radius:4px;font-size:11px}.ed-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ed-btn{padding:8px 14px;border-radius:10px;border:1px solid var(--ed-border-strong);background:#ffffff05;color:var(--ed-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.ed-btn:hover{background:#ffffff0f;border-color:#ffffff38}.ed-btn-primary{background:linear-gradient(180deg,var(--accent-2, #7af0e5),var(--accent, #38e1d5));color:var(--accent-ink, #001815);border-color:rgba(var(--glow, 56 225 213) / .55);box-shadow:0 6px 18px rgba(var(--glow, 56 225 213) / .25)}.ed-btn-primary:hover{transform:translateY(-1px)}.ed-btn-ghost{background:transparent;color:var(--ed-text-dim)}.ed-btn-ghost:hover{color:var(--ed-text)}.ed-btn-icon{padding:0;width:28px;height:28px;display:grid;place-items:center;font-size:18px;line-height:1}.ed-btn-danger{padding:4px 10px;font-size:12px;color:#ff9b9b;border-color:#ff50504d;background:#ff50500f}.ed-btn-danger:hover{background:#ff505026;border-color:#ff505080}.ed-btn-add{margin-top:8px;width:100%;padding:8px;font-size:12px;color:var(--ed-text-dim);border-style:dashed;border-color:var(--ed-border);background:transparent}.ed-btn-add:hover{color:var(--accent, #38e1d5);border-color:rgba(var(--glow, 56 225 213) / .45);background:rgba(var(--glow, 56 225 213) / .04)}.ed-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ed-text-dim);cursor:pointer;padding:8px 10px;border:1px solid var(--ed-border);border-radius:10px}.ed-toggle input{accent-color:var(--accent, #38e1d5)}.ed-error{max-width:1280px;margin:0 auto;padding:8px 24px 12px;font-size:13px;color:#ff9b9b}.ed-form{max-width:1280px;margin:0 auto;padding:28px 24px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.ed-group{border:1px solid var(--ed-border);border-radius:14px;background:var(--ed-panel);overflow:hidden}.ed-group .ed-group{background:var(--ed-panel-2)}.ed-group .ed-group .ed-group{background:#ffffff05}.ed-group-head{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:none;border-bottom:1px solid transparent;color:var(--ed-text);font-size:14px;font-weight:600;text-align:left;cursor:pointer}.ed-group-head:hover{background:#ffffff08}.ed-caret{color:var(--ed-text-dim);font-size:11px;width:12px;display:inline-block}.ed-group-label{flex:1;text-transform:capitalize;letter-spacing:-.01em}.ed-group-meta{font-size:11px;color:var(--ed-text-dim);font-family:var(--mono, ui-monospace, monospace)}.ed-group-body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--ed-border)}.ed-field{display:flex;flex-direction:column;gap:4px}.ed-label{font-size:11px;color:var(--ed-text-dim);text-transform:uppercase;letter-spacing:.05em;font-family:var(--mono, ui-monospace, monospace)}.ed-input{width:100%;padding:8px 10px;background:#ffffff08;border:1px solid var(--ed-border);border-radius:8px;color:var(--ed-text);font-size:13px;font-family:inherit;transition:border-color .15s ease,background .15s ease}.ed-input:focus{outline:none;border-color:rgba(var(--glow, 56 225 213) / .45);background:#ffffff0d}.ed-textarea{font-family:var(--mono, ui-monospace, monospace);line-height:1.5;resize:vertical;min-height:64px}.ed-bool{flex-direction:row;align-items:center;gap:8px;padding:6px 0;font-size:13px;cursor:pointer}.ed-bool input{accent-color:var(--accent, #38e1d5);width:16px;height:16px}.ed-row{display:flex;align-items:flex-end;gap:6px}.ed-row .ed-field{flex:1}.ed-item{border:1px solid var(--ed-border);border-radius:10px;background:#ffffff04;overflow:hidden}.ed-item-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff08;border-bottom:1px solid var(--ed-border);font-size:12px;font-weight:600}.ed-item-title{text-transform:capitalize}.ed-item-body{padding:10px 12px;display:flex;flex-direction:column;gap:10px}.ed-preview-wrap{border-top:1px solid var(--ed-border);background:#07090c;padding:28px 0 0}.ed-preview-label{max-width:1280px;margin:0 auto 14px;padding:0 24px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;color:var(--ed-text-dim);text-transform:uppercase;letter-spacing:.1em;font-family:var(--mono, ui-monospace, monospace)}.ed-preview-note{text-transform:none;letter-spacing:0;opacity:.8}.ed-preview-frame{pointer-events:none;position:relative;isolation:isolate}.ed-preview-frame>*{pointer-events:none}@media (max-width: 640px){.ed-header-inner{padding:12px 16px}.ed-form{padding:20px 16px;grid-template-columns:1fr}.ed-preview-label{padding:0 16px}}