:root{--bg:#05060b;--bg2:#0a0c16;--ink:#eaecf5;--muted:#9aa3b8;--dim:#5c6579;--violet:#8b5cf6;--violet2:#a78bfa;--cyan:#22d3ee;--cyan2:#67e8f9;--grad:linear-gradient(100deg,#a78bfa 0%,#8b5cf6 38%,#22d3ee 100%);--panel:#ffffff09;--brd:#ffffff17;--mono:"JetBrains Mono",ui-monospace,monospace;--disp:"Orbitron",sans-serif;--body:"Rajdhani",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55;overflow-x:hidden}::selection{color:#fff;background:#8b5cf673}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.scroll-progress{z-index:60;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress i{background:var(--grad);transform-origin:0;opacity:.85;height:100%;display:block;transform:scaleX(0)}.cursor-dot,.cursor-ring{z-index:99;pointer-events:none;mix-blend-mode:screen;border-radius:50%;transition:opacity .3s;position:fixed;top:0;left:0}.cursor-dot{background:var(--cyan2);width:7px;height:7px;margin:-3.5px 0 0 -3.5px;box-shadow:0 0 12px #67e8f9e6}.cursor-ring{border:1px solid #a78bfabf;width:34px;height:34px;margin:-17px 0 0 -17px;transition:opacity .3s,transform .18s ease-out,border-color .3s}body.cursor-hot .cursor-ring{border-color:#67e8f9e6}body.cursor-hidden .cursor-dot,body.cursor-hidden .cursor-ring{opacity:0}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.stars{z-index:0;pointer-events:none;background-image:radial-gradient(1.4px 1.4px at 12px 22px,#ffffffe6,#0000 60%),radial-gradient(1px 1px at 122px 84px,#ffffff8c,#0000 60%),radial-gradient(1.8px 1.8px at 244px 44px,#a78bfae6,#0000 60%),radial-gradient(1.2px 1.2px at 324px 144px,#67e8f9cc,#0000 60%),radial-gradient(1px 1px at 64px 184px,#fff6,#0000 60%),radial-gradient(1.6px 1.6px at 424px 214px,#ffffffbf,#0000 60%),radial-gradient(1px 1px at 204px 264px,#ffffff80,#0000 60%),radial-gradient(1.3px 1.3px at 484px 94px,#a78bfab3,#0000 60%);background-repeat:repeat;background-size:520px 320px;animation:7s ease-in-out infinite alternate twinkle;position:fixed;inset:0}@keyframes twinkle{0%{opacity:.5}to{opacity:.95}}.glow{filter:blur(110px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.glow-a{opacity:.34;background:radial-gradient(circle,#6d28d9 0%,#0000 65%);width:720px;height:720px;top:-200px;left:-180px}.glow-b{opacity:.28;background:radial-gradient(circle,#0e7490 0%,#0000 65%);width:620px;height:620px;top:80px;right:-160px}.glow-c{opacity:.2;background:radial-gradient(circle,#7c3aed 0%,#0000 65%);width:700px;height:700px;bottom:-380px;left:30%}.nav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05060b8c;border-bottom:1px solid #ffffff0f;height:72px;position:sticky;top:0}.nav-in{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;height:100%;margin:0 auto;padding:0 28px;display:flex}.brand{font-family:var(--disp);letter-spacing:.06em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.brand-dot{background:var(--grad);border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px #8b5cf6e6}.links{letter-spacing:.22em;color:var(--muted);gap:34px;font-size:12px;display:flex}.links a{transition:color .25s}.links a:hover{color:var(--cyan2)}.nav-right{letter-spacing:.14em;color:var(--dim);align-items:center;gap:18px;font-size:11px;display:flex}.lang b{color:var(--ink)}.lang i{color:var(--dim);font-style:normal}.ver{border:1px solid var(--brd);color:var(--muted);border-radius:999px;padding:4px 10px}.hero{text-align:center;justify-content:center;align-items:center;height:920px;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-in{z-index:3;padding:0 24px;position:relative;transform:translateY(-14px)}.kicker{letter-spacing:.28em;color:var(--muted);margin-bottom:26px;font-size:12px}.kicker .sl{color:var(--violet2)}.ok{color:var(--cyan2)}.okdot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 12px var(--cyan);vertical-align:1px;border-radius:50%;margin-left:8px;animation:1.8s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.title{font-family:var(--disp);letter-spacing:.05em;background:var(--grad);color:#0000;filter:drop-shadow(0 0 34px #8b5cf673)drop-shadow(0 0 80px #22d3ee33);-webkit-background-clip:text;background-clip:text;font-size:132px;font-weight:900;line-height:1}.sub{color:var(--muted);letter-spacing:.04em;text-wrap:balance;margin-top:18px;font-size:24px;font-weight:500}.tagline{color:var(--ink);text-wrap:balance;margin-top:10px;font-size:20px}.tagline .hl{color:var(--violet2)}.tagline .hl2{color:var(--cyan2)}.chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.chips span{letter-spacing:.22em;color:var(--muted);border:1px solid var(--brd);background:#ffffff05;border-radius:999px;padding:7px 14px;font-size:10.5px}.cta{justify-content:center;gap:16px;margin-top:38px;display:flex}.btn{letter-spacing:.03em;border-radius:14px;align-items:center;gap:10px;padding:14px 26px;font-size:17px;font-weight:600;transition:transform .25s,box-shadow .25s,border-color .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(100deg,#8b5cf63d,#22d3ee29);border:1px solid #a78bfa8c;box-shadow:0 0 26px #8b5cf64d,inset 0 0 20px #8b5cf61f}.btn.primary:hover{box-shadow:0 6px 34px #8b5cf673,inset 0 0 20px #8b5cf633}.btn.ghost{border:1px solid var(--brd);color:var(--muted);background:#ffffff08}.btn.ghost:hover{color:var(--ink);border-color:#ffffff38}.magnetic{will-change:transform}.orbit-ring{z-index:1;pointer-events:none;border:1px solid #a78bfa38;border-radius:50%;width:940px;height:340px;animation:26s linear infinite orbit-drift;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.orbit-ring:after{content:"";background:var(--cyan);width:10px;height:10px;box-shadow:0 0 18px var(--cyan);border-radius:50%;position:absolute;top:38px;right:56px}@keyframes orbit-drift{0%{transform:translate(-50%,-50%)rotate(-8deg)}to{transform:translate(-50%,-50%)rotate(352deg)}}.horizon{z-index:1;pointer-events:none;transform-origin:top;opacity:.5;background-image:linear-gradient(#8b5cf633 1px,#0000 1px),linear-gradient(90deg,#8b5cf633 1px,#0000 1px);background-size:64px 64px;height:360px;position:absolute;bottom:-80px;left:-10%;right:-10%;transform:perspective(520px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 40% 78%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 40% 78%,#0000 100%)}.hud{z-index:4;letter-spacing:.24em;color:var(--dim);font-size:10.5px;line-height:1.9;position:absolute}.hud-tl{top:34px;left:34px}.hud-tr{top:34px;right:34px}.hud-bl{letter-spacing:.34em;color:var(--muted);line-height:1;bottom:84px;left:50%;transform:translate(-50%)}.hud-br{line-height:1;bottom:34px;right:34px}.tele{color:var(--muted)}.tele i{color:var(--cyan2);font-style:normal}.ticker{z-index:1;background:#ffffff05;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;padding:15px 0;position:relative;overflow:hidden}.ticker-track{width:max-content;font-family:var(--mono);letter-spacing:.3em;color:var(--dim);white-space:nowrap;gap:56px;font-size:11px;animation:30s linear infinite marquee;display:flex}.ticker-track b{color:var(--violet2);font-weight:400}@keyframes marquee{to{transform:translate(-50%)}}section{z-index:1;position:relative}.wrap{max-width:1120px;margin:0 auto;padding:0 28px}.sh-kick{font-family:var(--mono);letter-spacing:.3em;color:var(--dim);margin-bottom:14px;font-size:12px}.sh-kick .sl{color:var(--violet2)}.h2{font-family:var(--disp);letter-spacing:.07em;font-size:40px;font-weight:700;line-height:1.15}.h2 .grad-text{font-weight:900}.lead{color:var(--muted);max-width:640px;margin-top:14px;font-size:19px}.about{padding:120px 0 100px}.bento{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;display:grid}.tile{background:var(--panel);border:1px solid var(--brd);border-radius:20px;padding:26px;transition:border-color .3s,transform .3s,box-shadow .3s}.tile:hover{border-color:#a78bfa59;transform:translateY(-3px);box-shadow:0 14px 44px #0006}.t-big{flex-direction:column;grid-area:span 2/span 2;justify-content:space-between;gap:22px;padding:32px;display:flex}.t-big p{color:var(--ink);font-size:20px;line-height:1.6}.t-big .grad-text{font-weight:700}.tile-note{letter-spacing:.16em;color:var(--dim);font-size:11px}.tile .em{margin-bottom:14px;font-size:26px;display:block}.tile-lab{letter-spacing:.26em;color:var(--dim);margin-bottom:6px;font-size:10px;display:block}.tile-val{color:var(--ink);font-size:19px;font-weight:600;display:block}.projects{padding:90px 0}.cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;display:grid}.card{background:var(--panel);border:1px solid var(--brd);border-radius:22px;transition:border-color .3s,transform .3s,box-shadow .3s;overflow:hidden}.card:hover{border-color:#a78bfa66;transform:translateY(-4px);box-shadow:0 18px 50px #00000073}.card-visual{background:radial-gradient(240px 130px at 30% 20%, #8b5cf638, transparent 70%), radial-gradient(220px 140px at 75% 80%, #22d3ee29, transparent 70%), var(--bg2);border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;height:150px;display:flex;position:relative}.cv-orb{background:radial-gradient(circle at 32% 30%,#c4b5fd 0%,#8b5cf6 45%,#312e81 100%);border-radius:50%;width:74px;height:74px;animation:5s ease-in-out infinite float;box-shadow:0 0 44px #8b5cf6a6,inset -12px -14px 30px #0000008c}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.cv-mono{letter-spacing:.24em;color:var(--dim);font-size:10px;position:absolute;bottom:10px;left:14px}.cv-ghost{color:#ffffff24;font-family:var(--disp);font-size:64px;font-weight:900}.cv-ghost2{color:#ffffff2e;font-family:var(--mono);font-size:54px}.card-body{padding:22px 24px 26px}.card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.card h3{letter-spacing:.02em;font-size:22px;font-weight:700}.card p{color:var(--muted);font-size:16px}.chip{font-family:var(--mono);letter-spacing:.2em;border:1px solid var(--brd);color:var(--muted);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:9.5px}.chip-cyan{color:var(--cyan2);background:#22d3ee12;border-color:#22d3ee66}.card.ghost{opacity:.72}.card.dashed{border-style:dashed}button.chip{letter-spacing:.2em;color:var(--muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;padding:5px 12px;font-size:10px;transition:color .2s,border-color .2s,transform .2s}button.chip:hover{color:var(--ink);border-color:#ffffff4d;transform:translateY(-1px)}.playground{padding:90px 0 110px}.toy{border:1px solid var(--brd);background:var(--panel);border-radius:22px;margin-top:44px;overflow:hidden}.toy-bar{letter-spacing:.22em;color:var(--muted);border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:11px;display:flex}.toy-live{color:var(--cyan2)}.toy-live:before{content:"";background:var(--cyan);width:7px;height:7px;box-shadow:0 0 10px var(--cyan);vertical-align:1px;border-radius:50%;margin-right:8px;animation:1.8s infinite pulse;display:inline-block}.toy-stage{touch-action:pan-y;background:radial-gradient(460px 280px at 28% 40%,#8b5cf626,#0000 70%),radial-gradient(380px 250px at 74% 62%,#22d3ee1c,#0000 70%);height:380px;position:relative;overflow:hidden}.toy-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.toy-hint{letter-spacing:.26em;color:var(--muted);pointer-events:none;white-space:nowrap;font-size:10.5px;transition:opacity .6s;position:absolute;top:22px;left:50%;transform:translate(-50%)}.toy-hint.off{opacity:0}.pg-row{gap:18px;margin-top:18px;display:flex}.pg-ghost{color:var(--muted);letter-spacing:.2em;border:1px dashed #ffffff21;border-radius:18px;flex:1;padding:24px;font-size:11px;line-height:2.1}.pg-ghost span{color:var(--dim)}.pg-note{border:1px solid var(--brd);background:var(--panel);letter-spacing:.13em;color:var(--muted);border-radius:18px;flex:1.5;padding:24px;font-size:11px;line-height:2.1}.pg-note b{color:var(--violet2);font-weight:400}.contact{text-align:center;padding:60px 0 90px}.contact .wrap{flex-direction:column;align-items:center;display:flex}.contact-big{font-family:var(--disp);letter-spacing:.06em;background:var(--grad);color:#0000;filter:drop-shadow(0 0 30px #8b5cf666);-webkit-background-clip:text;background-clip:text;margin-top:8px;font-size:84px;font-weight:900}.contact .lead{margin-left:auto;margin-right:auto}.btn.big{margin-top:34px;padding:17px 34px;font-size:18px}.obf{letter-spacing:.18em;color:var(--dim);margin-top:20px;font-size:11.5px}footer{z-index:1;background:#ffffff04;border-top:1px solid #ffffff0f;position:relative}.foot-row{letter-spacing:.22em;color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:20px;max-width:1200px;margin:0 auto;padding:34px 28px;font-size:10.5px;display:flex}.js .hero-el{opacity:0;transform:translateY(26px)}.js .reveal{opacity:0;transform:translateY(28px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.js .hero-el,.js .reveal{opacity:1!important;transform:none!important}}@media (max-width:760px){body{font-size:16px}.nav{height:62px}.links,.nav-right .lang{display:none}.hero{height:auto;padding:120px 0 110px}.title{font-size:clamp(44px,15vw,58px)}.sub{font-size:19px}.tagline{font-size:17px}.kicker{letter-spacing:.16em}.cta{flex-direction:column;align-items:center;width:100%;max-width:340px;margin:38px auto 0}.cta .btn{justify-content:center;width:100%}.orbit-ring{width:600px;height:230px}.hud-tl{top:20px;left:16px}.hud-tr{display:none}.hud-br{bottom:18px;right:16px}.hud-bl{bottom:60px}.tele{display:none}.h2{font-size:27px}.lead{font-size:17px}.about{padding:80px 0 60px}.bento{grid-template-columns:1fr;gap:14px}.t-big{grid-area:span 1/span 1}.cards{grid-template-columns:1fr}.projects,.playground{padding:60px 0}.toy-bar{letter-spacing:.14em;gap:10px;padding:12px 14px;font-size:9.5px}.toy-stage{height:300px}.toy-hint{letter-spacing:.16em;font-size:9.5px}.pg-row{flex-direction:column}.contact-big{font-size:46px}.foot-row{text-align:center;justify-content:center}.tb-long{display:none}}.pg-ghost{border-color:#fff3}
