:root{--bg-0: #0e0f12;--bg-1: #15171a;--card: #1c1f24;--card-border: #2a2e35;--text: #f2f3f5;--text-dim: #9aa0a8;--red: #e01f1f;--red-hover: #f23434;--red-press: #c41818;--radius: 16px;--shadow: 0 24px 60px -20px rgba(0, 0, 0, .7)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 50% -10%,rgba(224,31,31,.14),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:20px}.card{width:100%;max-width:440px;background:linear-gradient(180deg,var(--card),#181b20);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px 32px;animation:rise .45s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.form,.confirmation{display:flex;flex-direction:column;align-items:center;text-align:center}.logo{width:108px;height:auto;margin-bottom:20px;filter:drop-shadow(0 4px 10px rgba(224,31,31,.18))}.title{font-size:26px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.subtitle{font-size:15px;line-height:1.5;color:var(--text-dim);margin:0 0 28px;max-width:34ch}.field-label{align-self:flex-start;font-size:13px;font-weight:600;color:var(--text-dim);margin-bottom:8px}.input{width:100%;padding:14px 16px;font-size:16px;color:var(--text);background:#0f1115;border:1px solid var(--card-border);border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:#5b626b}.input:focus{border-color:var(--red);box-shadow:0 0 0 3px #e01f1f40}.button{width:100%;margin-top:20px;padding:14px 18px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--red-hover),var(--red));border:none;border-radius:12px;cursor:pointer;transition:transform .08s,box-shadow .15s,background .15s;box-shadow:0 10px 24px -10px #e01f1fcc}.button:hover{background:linear-gradient(180deg,#ff4646,var(--red-hover))}.button:active{transform:translateY(1px);background:var(--red-press)}.button--ghost{margin-top:28px;background:transparent;color:var(--text);border:1px solid var(--card-border);box-shadow:none}.button--ghost:hover{background:#ffffff0a;border-color:#3a3f47}.note{font-size:12px;color:#6a7079;margin:16px 0 0;line-height:1.45;max-width:34ch}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.footer{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;color:#565c64}.tg-link{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;color:#e8eaed;text-decoration:none;background:#ffffff0a;border:1px solid var(--card-border);border-radius:999px;transition:color .15s,border-color .15s,background .15s}.tg-link:hover{color:#fff;border-color:#3a3f47;background:#ffffff12}.tg-icon{color:#29a9eb}.footer-copy{color:#565c64}.check{margin-bottom:8px}.check-circle{fill:none;stroke:var(--red);stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151;animation:draw .5s ease forwards}.check-mark{fill:none;stroke:var(--red);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .35s .4s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}@media (max-width: 480px){.card{padding:32px 22px}.title{font-size:23px}}
