:root{--ink:#02040a;--cy:#2de2e6;--vi:#b66dff;--ln:rgba(103,232,249,.16)}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,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:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:700}
.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;cursor:pointer}
.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;cursor:pointer}
.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;cursor:pointer}
.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;top:1.25rem;right:1.25rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;max-width:calc(100vw - 2rem)}
.toast{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem 1rem;border-radius:.875rem;font-size:.8125rem;font-weight:500;line-height:1.4;pointer-events:all;position:relative;overflow:hidden;min-width:240px;max-width:340px;box-shadow:0 8px 32px rgba(0,0,0,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:toast-in .28s cubic-bezier(.22,1,.36,1) both}
.toast.success{background:rgba(6,20,30,.92);border:1px solid rgba(45,226,230,.35);color:#e2f8fa}
.toast.err{background:rgba(20,6,6,.92);border:1px solid rgba(248,113,113,.35);color:#fee2e2}
.toast.warn{background:rgba(20,16,4,.92);border:1px solid rgba(251,191,36,.35);color:#fef3c7}
.toast-icon{flex-shrink:0;margin-top:.05rem}
.toast-msg{flex:1}
.toast-close{flex-shrink:0;opacity:.5;cursor:pointer;font-size:1rem;line-height:1;margin-left:.25rem;transition:opacity .15s}.toast-close:hover{opacity:1}
.toast-bar{position:absolute;bottom:0;left:0;height:2px;border-radius:99px;animation:toast-bar 3s linear forwards}
.toast.success .toast-bar{background:var(--cy)}
.toast.err .toast-bar{background:#f87171}
.toast.warn .toast-bar{background:#fbbf24}
@keyframes toast-in{from{opacity:0;transform:translateX(1.5rem) scale(.96)}to{opacity:1;transform:none}}
@keyframes toast-out{to{opacity:0;transform:translateX(2rem) scale(.94);max-height:0;padding:0;margin:0}}
@keyframes toast-bar{from{width:100%}to{width:0%}}
::-webkit-scrollbar{height:6px;width:8px}::-webkit-scrollbar-thumb{background:#12303c;border-radius:99px}
.rte-wrap{border-radius:.75rem;overflow:hidden;border:1px solid rgba(45,226,230,0.2);background:rgba(8,13,24,0.8)}
.rte-toolbar{display:flex;align-items:center;gap:2px;padding:6px 8px;background:rgba(255,255,255,0.03);border-bottom:1px solid rgba(255,255,255,0.06);flex-wrap:wrap}
.rte-toolbar button{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}
.rte-toolbar button:hover{background:rgba(45,226,230,0.1);color:#2de2e6}
.rte-sep{width:1px;height:18px;background:rgba(255,255,255,0.08);margin:0 4px}
.rte-body{min-height:100px;padding:12px 14px;color:#e2e8f0;font-size:.875rem;line-height:1.7;outline:none;cursor:text}
.rte-body:empty:before{content:attr(data-placeholder);color:#475569;pointer-events:none}
.rte-body b,.rte-body strong{color:#fff;font-weight:700}
.rte-body i,.rte-body em{color:#cbd5e1;font-style:italic}
.rte-body h3{font-size:1rem;font-weight:700;color:#fff;margin:.4em 0}
.rte-body ul{list-style:disc;padding-left:1.25rem;margin:.25em 0}
.rte-body ol{list-style:decimal;padding-left:1.25rem;margin:.25em 0}
.rte-body a{color:#2de2e6;text-decoration:underline}
.pay-opt-card{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.03);cursor:pointer;transition:all .18s;color:#94a3b8}
.pay-opt-card:hover{border-color:rgba(45,226,230,0.3);background:rgba(45,226,230,0.05);color:#cbd5e1}
.pay-opt-card.selected{border-color:rgba(45,226,230,0.55);background:rgba(45,226,230,0.08);color:#2de2e6;box-shadow:0 0 0 1px rgba(45,226,230,0.18)}
.pay-opt-card.selected .font-bold{color:#fff}