*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--background);font-family:Arial,sans-serif;color:var(--text);display:flex;align-items:center;justify-content:center;padding:24px}.box{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:0 18px 55px rgba(15,23,42,.12)}.logo{text-align:center;margin-bottom:24px}.logo img{max-width:210px;max-height:85px;object-fit:contain}.logo strong{font-size:24px}h1{font-size:25px;text-align:center;margin:0 0 12px}.info{text-align:center;color:var(--muted);line-height:1.55;margin:0 0 24px}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:16px;outline:none}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.btn{display:block;width:100%;padding:13px 16px;border:0;border-radius:10px;background:var(--primary);color:var(--button-text);font-size:16px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none}.secondary{background:transparent;border:1px solid var(--border);color:var(--text);margin-top:10px}.msg{padding:12px 14px;border-radius:10px;background:rgba(var(--primary-rgb),.12);margin-bottom:18px;line-height:1.5}.err{background:#fff0f0;color:#9b1c1c}.back{display:block;text-align:center;margin-top:20px;color:var(--muted);text-decoration:none}.choice{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px}.choice small{display:block;margin-top:4px;color:var(--muted)}@media(max-width:520px){body{padding:16px}.box{padding:26px 22px}}