*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#10141d;color:#eef3ff;font:16px system-ui,sans-serif}.card{width:min(100%,520px);background:#1b2230;padding:30px;border:1px solid #303b50;border-radius:16px;box-shadow:0 18px 50px #0006}h1{margin-top:0;color:#ff5a5f}p{line-height:1.5}label{display:block;margin:15px 0 5px;color:#bdc8de}input{width:100%;margin-top:6px;padding:12px;border:1px solid #46526a;border-radius:8px;background:#111722;color:#fff;font-size:16px}button,.button{display:inline-block;margin-top:18px;padding:12px 16px;border:0;border-radius:8px;background:#e6373b;color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.notice{padding:12px;border-radius:8px}.ok{background:#1c5038}.error{background:#58282c}