*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'DM Sans',sans-serif;background:#061221;color:#dde8f5;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;}
.logo-bar{width:6px;height:26px;background:linear-gradient(180deg,#2563eb,#0891b2);border-radius:3px;}
.logo-txt{font-family:'Syne',sans-serif;font-size:16px;font-weight:800;color:#dde8f5;letter-spacing:-0.02em;}
.card{background:#0a111c;border:1px solid #1e3048;border-radius:16px;padding:36px;width:100%;max-width:420px;}
.card h1{font-size:22px;font-weight:700;margin-bottom:6px;}
.card p{color:#4d7196;font-size:14px;margin-bottom:28px;line-height:1.6;}
.field{margin-bottom:16px;}
.field label{display:block;font-size:12px;font-weight:600;color:#4d7196;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px;}
.field input{width:100%;background:#061221;border:1px solid #1e3048;border-radius:8px;color:#dde8f5;padding:11px 14px;font-size:14px;font-family:'DM Sans',sans-serif;transition:border-color .15s;outline:none;}
.field input:focus{border-color:#2563eb;}
.btn-primary{width:100%;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:8px;color:#fff;padding:12px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s;}
.btn-primary:hover{opacity:.9;}
.btn-primary:disabled{opacity:.5;cursor:not-allowed;}
.links{margin-top:20px;text-align:center;font-size:13px;color:#4d7196;}
.links a{color:#2563eb;text-decoration:none;font-weight:600;}
.error{background:#2d0a0a;border:1px solid #f87171;border-radius:8px;color:#f87171;padding:10px 14px;font-size:13px;margin-bottom:16px;display:none;}
.error.show{display:block;}
.success-msg{background:#0d2818;border:1px solid #4ade80;border-radius:8px;color:#4ade80;padding:10px 14px;font-size:13px;margin-bottom:16px;display:none;}
.success-msg.show{display:block;}