:root{--bg:#050608;--bg-2:#0b0e15;--card:#10141e;--line:#1f2733;--line-2:#2c3648;--text:#eef2fb;--dim:#93a1ba;--faint:#58637a;--ink:#fff;--accent:#4c8dff;--accent-hover:#7ab0ff;--accent-ink:#fff;--accent-soft:#101f38;--danger:#ff6b5c;--success:#4fd68a;--warning:#f0c14b;--radius:8px;--shadow:0 20px 50px #02081499;--sans:"Satoshi", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--disp:"Clash Display", "Satoshi", "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0;padding:0}#root{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.bg-scene{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-scene:before{content:"";filter:blur(40px);background:radial-gradient(circle,#4c8dff33 0%,#0000 70%);width:70vw;max-width:820px;height:70vw;max-height:820px;position:absolute;top:-12%;left:50%;transform:translate(-50%)}.bg-cube{position:absolute}.site-header,main,.site-footer{z-index:1;position:relative}main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:0 32px 64px}.site-header{align-items:center;gap:40px;max-width:1240px;margin:0 auto;padding:26px 32px;display:flex}.brand{font-family:var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--text);align-items:center;gap:10px;font-size:.92rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{justify-content:center;align-items:center;width:32px;height:32px;transition:transform .25s;display:inline-flex}.brand:hover .brand-mark{transform:rotate(-6deg)scale(1.08)}.brand-mark img{object-fit:contain;width:100%;height:100%}.site-nav{flex:1;gap:28px;display:flex}.site-nav a{color:var(--dim);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;text-decoration:none;transition:color .15s;position:relative}.site-nav a:after{content:"";background:var(--accent);height:1.5px;transition:right .25s;position:absolute;bottom:-4px;left:0;right:100%}.site-nav a.active,.site-nav a:hover{color:var(--accent)}.site-nav a.active:after,.site-nav a:hover:after{right:0}.social-link{color:var(--dim);justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.social-link:hover{color:var(--accent)}.skill-link{color:var(--dim);font-family:var(--mono);letter-spacing:.02em;align-items:center;gap:6px;font-size:.76rem;text-decoration:none;transition:color .15s;display:inline-flex}.skill-link:hover{color:var(--accent)}.social-link:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.site-footer{border-top:1px solid var(--line);max-width:1240px;color:var(--faint);width:100%;margin:0 auto;padding:24px 32px;font-size:.78rem;line-height:1.6}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal-in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.btn{--cut:12px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));border:1px solid var(--line);cursor:pointer;background:var(--card);color:var(--text);justify-content:center;align-items:center;padding:12px 20px;font-size:.8rem;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s,opacity .15s,transform .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--line-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 65%);color:var(--accent-ink);border-color:#0000;box-shadow:inset 0 1px #fff6}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, #9cc3ff 0%, var(--accent-hover) 65%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,0 10px 26px #4c8dff59}.btn-ghost{background:var(--bg-2);color:var(--text);border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hover);transform:translateY(-1px)}.btn-lg{--cut:16px;padding:16px 28px;font-size:.85rem}.landing{flex-direction:column;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;padding:110px 0 60px;display:flex;position:relative}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font-size:.72rem}.hero h1{font-family:var(--disp);letter-spacing:-.02em;max-width:700px;color:var(--ink);margin:0 0 22px;font-size:3rem;font-weight:600;line-height:1.1}.hero-sub{color:var(--dim);max-width:580px;margin:0 0 34px;font-size:1.05rem;line-height:1.65}.hero-actions{gap:12px;display:flex}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0 32px;display:grid}@media (width<=720px){.grid-3,.grid-2{grid-template-columns:1fr}.hero h1{font-size:2.1rem}}.card{background:var(--card);padding:30px 26px 26px;transition:background .2s;position:relative}.card:before,.card:after{content:"";pointer-events:none;width:18px;height:18px;transition:width .2s,height .2s;position:absolute}.card:before{border-top:2px solid var(--accent);border-left:2px solid var(--accent);top:10px;left:10px}.card:after{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:10px;right:10px}.card:hover{background:var(--bg-2)}.card:hover:before,.card:hover:after{width:26px;height:26px}.card h3{font-family:var(--disp);color:var(--ink);margin:0 0 10px;font-size:1.02rem;font-weight:600}.card p{color:var(--dim);margin:0;font-size:.9rem;line-height:1.6}.how-it-works{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:72px 0;padding:48px 0}.how-it-works h2,.cta h2{font-family:var(--disp);color:var(--ink);margin-top:0;font-size:1.6rem;font-weight:600}.steps{color:var(--dim);flex-direction:column;gap:16px;margin:24px 0;padding-left:22px;line-height:1.6;display:flex}.steps strong{color:var(--ink);font-weight:600}.note{color:var(--dim);background:var(--bg-2);border-left:2px solid var(--accent);padding:14px 20px;font-size:.86rem;line-height:1.65}.note.success{border-color:var(--success);color:var(--success)}.note.error{border-color:var(--danger);color:var(--danger)}.cta{text-align:center;padding:60px 0 24px}.cta p{color:var(--dim);margin:10px 0 26px}code{font-family:var(--mono);background:var(--bg-2);color:var(--accent-hover);border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:.85em}main a{color:var(--accent)}main a:hover{color:var(--accent-hover)}.docs h1{font-family:var(--disp);letter-spacing:-.01em;color:var(--ink);margin-top:52px;font-size:2.1rem;font-weight:600}.docs section{margin:44px 0}.docs h2{font-family:var(--disp);color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:12px;font-size:1.25rem;font-weight:600}.docs h3{font-family:var(--sans);color:var(--ink);font-size:.95rem;font-weight:700}.docs pre{background:var(--card);border-left:2px solid var(--accent);padding:18px 20px;overflow-x:auto}.docs pre code{color:var(--text);background:0 0;border:none;padding:0}.spec-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.spec-list li{color:var(--dim);line-height:1.55}.addr-table{border-collapse:collapse;background:var(--card);width:100%}.addr-table td{border:1px solid var(--line);padding:12px 16px;font-size:.88rem}.dashboard h1{font-family:var(--disp);color:var(--ink);margin-top:52px;font-size:2.1rem;font-weight:600}.stat{flex-direction:column;gap:8px;display:flex}.stat-label{color:var(--faint);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.stat-value{font-size:1.7rem;font-weight:600;font-family:var(--disp);color:var(--ink)}.loading{color:var(--faint);align-items:center;gap:9px;font-size:1.1rem;display:inline-flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.panel{margin:20px 0}.panel h2{font-family:var(--disp);color:var(--ink);margin-top:0;font-size:1.1rem;font-weight:600}