*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:radial-gradient(ellipse at 50% 40%,#0c2340 0%,#06111f 70%);color:#e8eef6;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:flex;flex-direction:column;min-height:100vh}
header{display:flex;justify-content:flex-end;padding:24px 32px}
.login-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid rgba(201,165,76,.6);border-radius:999px;color:#e3c77a;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.02em;transition:background .2s}
.login-btn:hover{background:rgba(201,165,76,.12)}
.login-btn svg{width:14px;height:14px}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}
.logo{width:min(560px,82vw);height:auto}
.card{width:min(400px,100%);background:#0d2140;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:36px 30px;text-align:center}
.card .small-logo{width:150px;margin-bottom:22px}
.card h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:26px;margin-bottom:20px}
.card p{color:#a9b6c8;font-size:15px;line-height:1.55;margin-bottom:22px}
label{display:block;text-align:left;font-size:13px;color:#a9b6c8;margin:0 0 6px}
input{width:100%;padding:12px 14px;margin-bottom:16px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#07162b;color:#e8eef6;font-size:15px}
input:focus{outline:2px solid #3dbf84;border-color:transparent}
.btn{display:block;width:100%;padding:13px;border:0;border-radius:10px;background:#3dbf84;color:#06111f;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none}
.btn:hover{background:#4fd394}
.alert{width:48px;height:48px;margin:0 auto 18px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(229,83,83,.12);border:1px solid rgba(229,83,83,.35)}
@media (max-width:600px){header{padding:16px 18px}.login-btn{padding:8px 14px;font-size:13px}}