:root{color-scheme:dark;--bg:#070914;--card:rgba(13,18,38,.78);--line:rgba(255,255,255,.12);--muted:#9aa7c7;--text:#edf2ff;--a:#7c3aed;--b:#06b6d4;--good:#22c55e;--bad:#fb7185;--warn:#f59e0b}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text);min-height:100vh}.bg{position:fixed;inset:0;background:radial-gradient(circle at 10% 10%,rgba(124,58,237,.38),transparent 32%),radial-gradient(circle at 85% 20%,rgba(6,182,212,.24),transparent 28%),radial-gradient(circle at 60% 90%,rgba(34,197,94,.15),transparent 25%);filter:saturate(130%);pointer-events:none}.shell{position:relative;width:min(980px,92vw);margin:0 auto;padding:42px 0 60px}.hero{text-align:center;margin-bottom:26px}.badge{display:inline-block;border:1px solid var(--line);background:rgba(255,255,255,.06);padding:8px 14px;border-radius:999px;color:#b9c5ff;font-size:13px}h1{font-size:clamp(36px,7vw,76px);line-height:.95;margin:18px 0 12px;letter-spacing:-.07em;background:linear-gradient(90deg,#fff,#a5b4fc,#67e8f9);-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:18px;margin:0}.card{backdrop-filter:blur(20px);background:linear-gradient(180deg,rgba(20,28,58,.86),rgba(10,14,29,.78));border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.45);border-radius:28px;padding:24px}.steps{display:flex;gap:14px;align-items:center;margin-bottom:22px;color:var(--muted);font-size:14px}.steps>div{height:8px;border-radius:999px;background:rgba(255,255,255,.08);flex:1;overflow:hidden}.steps i{display:block;height:100%;width:16%;background:linear-gradient(90deg,var(--a),var(--b));border-radius:inherit;transition:.25s}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.option{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:18px;padding:16px;cursor:pointer;transition:.18s}.option:hover,.option.sel{border-color:rgba(103,232,249,.7);background:rgba(6,182,212,.13);transform:translateY(-1px)}.option h3{margin:0 0 6px;font-size:18px}.option p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.field{display:grid;gap:8px;margin:12px 0}.field label{color:#cbd5e1;font-size:14px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(2,6,23,.55);color:var(--text);padding:14px 15px;font-size:16px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--b)}.nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}button{border:0;border-radius:16px;padding:13px 18px;font-weight:700;color:white;cursor:pointer;font-size:15px}.primary{background:linear-gradient(90deg,var(--a),var(--b));box-shadow:0 12px 26px rgba(6,182,212,.2)}.ghost{background:rgba(255,255,255,.08);border:1px solid var(--line)}.mini{margin-top:14px;color:var(--muted);font-size:14px}.paybox{border:1px dashed rgba(255,255,255,.2);background:rgba(255,255,255,.05);padding:16px;border-radius:18px;margin-top:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.ok{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.result{white-space:pre-wrap;border:1px solid var(--line);padding:16px;border-radius:18px;background:rgba(2,6,23,.65)}@media (max-width:560px){.shell{padding-top:24px}.card{padding:18px;border-radius:22px}.nav{position:sticky;bottom:12px}.nav button{flex:1}}