*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(#071b20bb,#071013ee),url('https://images.unsplash.com/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=2000&q=80') center/cover fixed;color:#f5f6fa;font:16px system-ui,Segoe UI,sans-serif;display:grid;place-items:center}.card{width:min(820px,calc(100% - 32px));min-height:560px;background:#202126f5;border:1px solid #46505d;border-radius:18px;padding:70px 100px 30px;box-shadow:0 24px 80px #0009}.step{color:#aab4c4;font-size:13px;letter-spacing:.12em}h1{font-size:32px;margin:14px 0 6px}p{color:#abb2c0;margin:0 0 38px}.choice{display:inline-flex;align-items:center;justify-content:center;min-height:70px;padding:18px 26px;margin:0 10px 18px 0;border:1px solid #4b515e;border-radius:12px;background:#292a31;color:#fff;font-size:18px;cursor:pointer}.choice:hover,.choice.selected{border-color:#7289ff;background:#303451}.hidden{display:none}label{display:block;color:#cfd3dd;font-weight:600;margin-top:20px}input{display:block;width:100%;margin-top:10px;padding:15px;border-radius:9px;border:1px solid #555b68;background:#17181c;color:#fff;font-size:17px}button,#login{float:right;margin-top:55px;border:0;border-radius:9px;background:#5865f2;color:#fff;padding:14px 24px;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}#login{float:none;display:inline-block;margin-top:20px;background:#3c4048}#result{clear:both;padding-top:35px;color:#8df0ac}@media(max-width:600px){.card{padding:42px 25px 25px;min-height:520px}h1{font-size:26px}}