:root{--ink: #1c1b2e;--ink-soft: #57536e;--ink-faint: #8b8798;--card: #ffffff;--line: rgba(28, 27, 46, .08);--shadow: 0 18px 50px -20px rgba(40, 30, 90, .28);--shadow-sm: 0 6px 20px -10px rgba(40, 30, 90, .25);--brand: #6d5efc;--brand-2: #22b8ff;--g-violet: linear-gradient(135deg, #8b7bff, #b06bff);--g-sky: linear-gradient(135deg, #4fc3ff, #4f8dff);--g-emerald: linear-gradient(135deg, #34d99b, #12b981);--g-rose: linear-gradient(135deg, #ff7eb3, #ff5f8f);--g-amber: linear-gradient(135deg, #ffb347, #ff8a3d);--g-indigo: linear-gradient(135deg, #7c8bff, #5a63f0);--g-slate: linear-gradient(135deg, #94a3c4, #5b6b8f);--g-teal: linear-gradient(135deg, #2dd4d4, #16a3b8);--g-lime: linear-gradient(135deg, #a3e635, #65d43a);--g-cyan: linear-gradient(135deg, #4fd8e8, #38a9ff);--g-fuchsia: linear-gradient(135deg, #ff7be5, #c04bff);--g-rainbow: linear-gradient(135deg, #ff8a3d, #ff5f8f 30%, #b06bff 60%, #22b8ff)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;color:var(--ink);background:radial-gradient(1100px 600px at 12% -8%,#ffe3f0 0%,rgba(255,227,240,0) 55%),radial-gradient(1000px 620px at 92% 0%,#dfe7ff 0%,rgba(223,231,255,0) 55%),radial-gradient(900px 700px at 60% 108%,#d9fbef 0%,rgba(217,251,239,0) 55%),#fbf9ff;-webkit-font-smoothing:antialiased}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,5vw,56px)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px;letter-spacing:-.02em}.brand .logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:grid;place-items:center;color:#fff;font-size:18px;box-shadow:var(--shadow-sm)}.brand .accent{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.steps{display:flex;gap:8px;align-items:center}.dot{width:9px;height:9px;border-radius:50%;background:var(--line);transition:all .3s}.dot.active{background:linear-gradient(135deg,var(--brand),var(--brand-2));transform:scale(1.25)}.dot.done{background:var(--brand)}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}.screen{flex:1;display:flex;flex-direction:column;animation:rise .5s cubic-bezier(.2,.7,.2,1)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero{text-align:center;padding:clamp(24px,4vw,48px) 0 8px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);background:rgba(109,94,252,.1);padding:7px 14px;border-radius:999px;margin-bottom:20px}.eyebrow .pulse{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 #6d5efc80;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #6d5efc73}70%{box-shadow:0 0 0 10px #6d5efc00}to{box-shadow:0 0 #6d5efc00}}h1{font-size:clamp(34px,6vw,60px);line-height:1.02;letter-spacing:-.03em;font-weight:850}h1 .grad{background:linear-gradient(120deg,#ff5f8f,#b06bff 45%,#22b8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{margin:18px auto 0;max-width:640px;font-size:clamp(15px,2.2vw,19px);color:var(--ink-soft);line-height:1.5}.grid{display:grid;gap:16px;margin:clamp(28px,4vw,44px) 0 40px;grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}.card{position:relative;text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;overflow:hidden;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,border-color .22s;box-shadow:var(--shadow-sm)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}.card:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.card .glow{position:absolute;inset:auto -40% -60% auto;width:220px;height:220px;border-radius:50%;opacity:.16;filter:blur(8px);transition:opacity .22s}.card:hover .glow{opacity:.3}.card .icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:26px;color:#fff;box-shadow:var(--shadow-sm);margin-bottom:14px}.card h3{font-size:17px;font-weight:750;letter-spacing:-.01em}.card p{margin-top:6px;font-size:13.5px;color:var(--ink-soft);line-height:1.45}.card .badge{position:absolute;top:16px;right:16px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px}.badge.ready{background:rgba(18,185,129,.12);color:#0f9d6f}.badge.soon{background:rgba(109,94,252,.1);color:var(--brand)}.a-violet{background:var(--g-violet)}.a-sky{background:var(--g-sky)}.a-emerald{background:var(--g-emerald)}.a-rose{background:var(--g-rose)}.a-amber{background:var(--g-amber)}.a-indigo{background:var(--g-indigo)}.a-slate{background:var(--g-slate)}.a-teal{background:var(--g-teal)}.a-lime{background:var(--g-lime)}.a-cyan{background:var(--g-cyan)}.a-fuchsia{background:var(--g-fuchsia)}.a-rainbow{background:var(--g-rainbow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:700;border:none;cursor:pointer;border-radius:14px;padding:15px 26px;transition:transform .15s,box-shadow .2s,filter .2s}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 12px 30px -10px #6d5efcb3}.btn.primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.btn.ghost:hover{transform:translateY(-2px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.panel{max-width:720px;margin:clamp(24px,5vw,56px) auto;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(24px,4vw,40px);text-align:center}.panel .bigicon{width:74px;height:74px;border-radius:20px;display:grid;place-items:center;font-size:38px;color:#fff;margin:0 auto 18px;box-shadow:var(--shadow-sm)}.panel h2{font-size:clamp(24px,4vw,32px);letter-spacing:-.02em}.panel .lead{color:var(--ink-soft);margin-top:10px;font-size:16px;line-height:1.5}.chip{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:600;color:var(--ink-soft);background:#f4f2ff;border:1px solid var(--line);padding:8px 14px;border-radius:999px;margin-top:18px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.backlink{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--ink-faint);font-size:14px;font-weight:600;cursor:pointer;margin-top:20px}.backlink:hover{color:var(--ink)}.form{text-align:left;max-width:460px;margin:22px auto 6px;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-size:13px;font-weight:700;color:var(--ink-soft)}.field-label em{font-style:normal;font-weight:600;color:var(--ink-faint)}.input{width:100%;font-size:15px;font-weight:500;color:var(--ink);background:#fbfaff;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #6d5efc1f}.slug-wrap{display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:#fbfaff}.slug-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px #6d5efc1f}.slug-prefix{display:flex;align-items:center;padding:0 4px 0 14px;font-size:14px;color:var(--ink-faint);background:#f1eefe;white-space:nowrap}.slug-input{border:none;box-shadow:none;background:transparent;border-radius:0;padding-left:6px;font-weight:700}.slug-input:focus{box-shadow:none}.field-hint{font-size:12.5px;font-weight:600;color:var(--ink-faint);min-height:16px}.field-hint.ok{color:#0f9d6f}.field-hint.taken,.field-hint.reserved,.field-hint.invalid{color:#e0466e}.limit-note{margin:16px auto 0;max-width:440px;font-size:13.5px;line-height:1.5;color:#9a5b00;background:#fff4e0;border:1px solid #ffe0b0;border-radius:12px;padding:12px 16px}.ws-list{margin:22px auto 4px;max-width:420px;display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto;padding-right:4px}.ws-list::-webkit-scrollbar{width:8px}.ws-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.ws-row{display:flex;align-items:center;gap:12px;text-align:left;background:#f7f5ff;border:1px solid var(--line);border-radius:14px;padding:13px 16px}.ws-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));flex:none}.ws-name{font-weight:700;font-size:15px;color:var(--ink);flex:1}.ws-role{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand);background:rgba(109,94,252,.1);padding:3px 9px;border-radius:999px}.provision{max-width:560px;margin:clamp(30px,6vw,70px) auto;text-align:center}.orbit{width:120px;height:120px;margin:0 auto 28px;position:relative}.orbit .core{position:absolute;top:36px;right:36px;bottom:36px;left:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 0 40px -6px #6d5efc99;animation:breathe 2s ease-in-out infinite}.orbit .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--brand);border-right-color:var(--brand-2);animation:spin 1.1s linear infinite}.orbit .ring.two{top:14px;right:14px;bottom:14px;left:14px;border-top-color:var(--brand-2);border-right-color:transparent;border-left-color:var(--brand);animation-duration:1.7s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.steps-list{text-align:left;max-width:380px;margin:8px auto 0}.pstep{display:flex;align-items:center;gap:12px;padding:11px 0;color:var(--ink-faint);font-size:15px;font-weight:600;transition:color .3s}.pstep.active{color:var(--ink)}.pstep.done{color:var(--ink-soft)}.pstep .mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;border:2px solid var(--line);flex:none}.pstep.active .mark{border-color:var(--brand);color:var(--brand)}.pstep.done .mark{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;color:#fff}.foot{text-align:center;padding:26px;color:var(--ink-faint);font-size:13px}.foot a{color:var(--ink-soft);text-decoration:none;font-weight:600}@media (max-width: 560px){.steps{display:none}}