@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{color-scheme:dark;--bg: #07091a;--panel: rgba(255, 255, 255, .03);--panel-border: rgba(255, 255, 255, .1);--purple: #8b2fc9;--purple-dark: #6a1fa0;--blue: #1565c0;--blue-dark: #0d47a1;--grad: linear-gradient(135deg, var(--purple) 0%, var(--blue) 100%);--grad-text: linear-gradient(90deg, #c77dff, #60b8ff);--text: #f1f5f9;--muted: #94a3b8;--muted-2: #64748b;--danger: #f87171;--danger-bg: rgba(239, 68, 68, .08);--danger-border: rgba(239, 68, 68, .35);--success: #4ade80}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Outfit,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:32px 16px 64px}.page--hero{background-color:var(--bg);background-size:cover;background-position:center bottom;background-repeat:no-repeat}.header{width:100%;max-width:640px;text-align:center;margin-bottom:32px}.header__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff0d;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.header__dot{width:6px;height:6px;border-radius:999px;background:#4ade80;box-shadow:0 0 6px #4ade80}.header__title{font-size:1.35rem;font-weight:800;line-height:1.35;letter-spacing:.01em;color:var(--text);margin:0 0 14px}.header__desc{font-size:.9rem;line-height:1.6;color:var(--muted);margin:0}.card{width:100%;max-width:480px;border-radius:28px;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:32px 28px;display:flex;flex-direction:column;gap:22px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:10px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--muted-2)}.field input,.field select{width:100%;padding:14px 16px;border-radius:16px;background:#ffffff0a;border:1px solid var(--panel-border);color:var(--text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s ease,background .15s ease}.field input::placeholder{color:#475569}.field input:focus,.field select:focus{border-color:#8b2fc9a6;background:#ffffff12}.field select option{background:#0f1120;color:var(--text)}.btn-primary{width:100%;padding:16px;border:none;border-radius:16px;font-weight:700;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:#fff;background:var(--grad);cursor:pointer;transition:opacity .15s ease,transform .05s ease}.btn-primary:hover:not(:disabled){opacity:.92}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{width:100%;padding:13px;border-radius:16px;border:1px solid var(--panel-border);background:transparent;color:var(--muted);font-size:.8rem;cursor:pointer;transition:color .15s ease,border-color .15s ease}.btn-secondary:hover{color:var(--text);border-color:#ffffff40}.alert{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:18px;font-size:.85rem;line-height:1.55}.alert--error{background:var(--danger-bg);border:1px solid var(--danger-border);color:#fecaca}.alert--info{background:#1565c014;border:1px solid rgba(96,184,255,.2);color:#bfdbfe}.alert--success{background:#22c55e14;border:1px solid rgba(74,222,128,.3);color:#bbf7d0}.alert__icon{font-size:1.1rem;line-height:1;flex-shrink:0}.summary{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:20px;background:linear-gradient(140deg,#8b2fc91f,#1565c01f);border:1px solid var(--panel-border)}.summary__row{display:flex;justify-content:space-between;gap:16px}.summary__label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);margin:0 0 3px}.summary__value{font-size:.9rem;font-weight:600;color:var(--text);margin:0;text-align:right}.divider{height:1px;background:#ffffff14;border:none}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;display:inline-block;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}
