:root{--bg: #06060a;--ink: #f5f2ec;--ink-soft: #9a96a8;--line: rgba(255, 255, 255, .08);--glass: rgba(255, 255, 255, .04);--grad: linear-gradient(120deg, #7cff5f 0%, #34e1f0 30%, #a040ff 65%, #ff4fb6 100%);--green: #7cff5f;--cyan: #34e1f0;--violet: #a040ff;--magenta: #ff4fb6}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:Satoshi,Inter,-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.portal{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;overflow:hidden}.portal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(38% 28% at 22% -2%,rgba(124,255,95,.1),transparent 70%),radial-gradient(46% 34% at 82% 4%,rgba(160,64,255,.16),transparent 70%),radial-gradient(42% 30% at 60% 104%,rgba(255,79,182,.1),transparent 70%)}.card{position:relative;z-index:1;width:100%;max-width:560px;background:var(--glass);border:1px solid var(--line);border-radius:28px;padding:40px 34px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 40px 80px -30px #000c,inset 0 1px #ffffff0f}.card--narrow{max-width:440px;text-align:center}.loader{color:var(--ink-soft);font-size:15px}.brand-hero{display:flex;flex-direction:column;align-items:center;text-align:center}.mascot{width:92px;height:auto;margin:0 auto;filter:drop-shadow(0 8px 26px rgba(160,64,255,.45));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600;margin-top:14px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.title{font-family:Cabinet Grotesk,Satoshi,Inter,sans-serif;font-weight:700;font-size:30px;line-height:1.15;letter-spacing:-.02em;margin-top:6px;color:var(--ink)}.lead{color:var(--ink-soft);font-size:15px;line-height:1.7;margin-top:12px}.progress{margin-top:24px;width:100%}.progress-track{height:10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--line);overflow:hidden}.progress-track span{display:block;height:100%;background:var(--grad);border-radius:999px;box-shadow:0 0 16px #34e1f080;transition:width .7s cubic-bezier(.4,0,.2,1)}.progress-meta{margin-top:10px;font-size:14px;color:var(--ink-soft)}.progress-meta strong{font-size:15px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.next{color:var(--ink);font-weight:600}.timeline{list-style:none;margin:28px 0 8px;padding-left:6px;text-align:left}.step{position:relative;display:flex;gap:14px;padding:0 0 22px 20px;border-left:1px solid var(--line)}.step:last-child{border-left-color:transparent;padding-bottom:4px}.dot{position:absolute;left:-8px;top:2px;width:15px;height:15px;border-radius:50%;background:#2a2a35;border:2px solid #0c0c12}.step--done .dot{background:var(--green);box-shadow:0 0 12px #7cff5fb3}.step--in_progress .dot{background:var(--magenta);box-shadow:0 0 0 4px #ff4fb62e,0 0 14px #ff4fb6cc;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ff4fb62e,0 0 14px #ff4fb6cc}50%{box-shadow:0 0 0 8px #ff4fb60d,0 0 18px #ff4fb680}}.step--pending .dot{opacity:.6}.step-body{display:flex;flex-direction:column;gap:3px}.step-label{font-weight:600;color:var(--ink);font-size:15px}.step--pending .step-label{color:var(--ink-soft);font-weight:500}.step-meta{font-size:12.5px;color:var(--ink-soft)}.site-block{margin-top:18px;padding-top:24px;border-top:1px solid var(--line);text-align:center}.site-msg{color:var(--ink-soft);font-size:14.5px;line-height:1.6;margin-bottom:14px}.btn{display:inline-block;text-decoration:none;cursor:pointer;border:none;background:var(--grad);color:#06060a;font-family:inherit;font-weight:700;font-size:15px;padding:13px 30px;border-radius:999px;box-shadow:0 10px 30px -8px #a040ff99,inset 0 0 0 1px #ffffff1a;transition:transform .15s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px -8px #34e1f0b3}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn--ghost{background:transparent;color:var(--ink);box-shadow:none;border:1px solid var(--line);margin-top:18px}.login-form{margin-top:22px;display:flex;flex-direction:column;gap:12px}.field{font-family:inherit;font-size:15px;padding:14px 16px;text-align:center;border:1px solid var(--line);border-radius:14px;background:#ffffff0a;color:var(--ink);outline:none}.field::placeholder{color:#6b6878}.field:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #34e1f026}.error{color:#ff7a9c;font-size:13.5px;margin-top:12px}.contact{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);text-align:center}.contact-title{font-size:13px;color:var(--ink-soft);margin-bottom:8px}.contact-links{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center}.contact-links a{color:var(--cyan);text-decoration:none;font-weight:600;font-size:14.5px}.contact-links a:hover{color:var(--green)}.brand-foot{margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:8px}.brand-foot img{height:17px;width:auto;opacity:.85}.brand-foot span{font-size:11px;letter-spacing:.08em;color:#6b6878;text-transform:uppercase}@media (max-width: 480px){.card{padding:32px 22px;border-radius:22px}.title{font-size:25px}.mascot{width:78px}}