/* Nadzz Joki — tema dari logo: hitam pekat, cyan neon → ungu neon */
:root{--ink:#02040a;--cy:#2de2e6;--vi:#b66dff;--ln:rgba(103,232,249,.16)}
html{scroll-behavior:smooth}
body{font-family:Manrope,system-ui,sans-serif;color:#e6f7fb;background:radial-gradient(800px 500px at 8% -10%,rgba(45,226,230,.13),transparent 60%),radial-gradient(700px 500px at 100% 25%,rgba(182,109,255,.15),transparent 60%),#02040a;background-attachment:fixed}
h1,h2,h3,.font-display{font-family:Sora,sans-serif}
.grad-text{background:linear-gradient(135deg,var(--cy),var(--vi));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-grad{background:linear-gradient(135deg,var(--cy),var(--vi));color:#02040a;font-weight:700;display:inline-block;text-align:center;transition:.2s}
.btn-grad:hover{filter:brightness(1.12);box-shadow:0 0 28px rgba(45,226,230,.35)}
.btn-line{border:1px solid rgba(255,255,255,.15);display:inline-block;text-align:center;transition:.2s}.btn-line:hover{border-color:var(--cy);color:var(--cy)}
.glass{background:linear-gradient(160deg,rgba(14,28,40,.72),rgba(6,11,20,.88));border:1px solid var(--ln);backdrop-filter:blur(8px)}
.glass.hov:hover{border-color:rgba(45,226,230,.5);transform:translateY(-3px);transition:.25s}
.glow{box-shadow:0 0 70px rgba(45,226,230,.2),0 0 120px rgba(182,109,255,.12)}
.field{width:100%;background:#050c14;border:1px solid var(--ln);border-radius:.75rem;padding:.7rem .9rem;color:#e6f7fb;font:inherit}
.field:focus{outline:0;border-color:var(--cy);box-shadow:0 0 0 3px rgba(45,226,230,.12)}
.lbl{display:grid;gap:.4rem;font-size:.8rem;color:#7f93a3}
.chip{font-size:.72rem;padding:.2rem .65rem;border-radius:99px;border:1px solid var(--ln);color:#9ccfd8}
.tab{padding:.5rem 1.1rem;border-radius:99px;border:1px solid var(--ln);color:#7f93a3;font-weight:600;font-size:.85rem;white-space:nowrap;transition:.2s}
.tab.on{background:linear-gradient(135deg,var(--cy),var(--vi));color:#02040a;border-color:transparent}
.step-dot{width:2rem;height:2rem;border-radius:99px;display:grid;place-items:center;border:1px solid var(--ln);font-weight:700;font-size:.85rem;color:#7f93a3}
.step-dot.on{background:linear-gradient(135deg,var(--cy),var(--vi));color:#02040a;border-color:transparent}
details>summary{cursor:pointer;list-style:none}details>summary::-webkit-details-marker{display:none}
details[open] .chev{transform:rotate(180deg)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-float{animation:float 6s ease-in-out infinite}
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fade-in{animation:up .6s ease both}
#toast-box{position:fixed;bottom:5.5rem;left:50%;transform:translateX(-50%);z-index:80;display:grid;gap:.5rem}
.toast{padding:.7rem 1.2rem;border-radius:.8rem;background:#0a1826;border:1px solid var(--cy);font-size:.9rem}.toast.err{border-color:#f87171}
::-webkit-scrollbar{height:6px;width:8px}::-webkit-scrollbar-thumb{background:#12303c;border-radius:9px}