:root{--navy:#14213d;--teal:#1f8a8a;--gold:#d4a017;--ink:#1d2433;--line:#d9dee7}
*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",system-ui,-apple-system,sans-serif;background:linear-gradient(160deg,#14213d 0%,#1b3358 55%,#1f8a8a 140%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--ink)}
.card{background:#fff;border-radius:18px;max-width:380px;width:100%;padding:28px 24px;box-shadow:0 18px 48px rgba(0,0,0,.3)}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand .logo{width:46px;height:46px;border-radius:12px;background:var(--navy);display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:700;font-size:22px}
.brand h1{margin:0;font-size:1.5rem;color:var(--navy)}.brand small{display:block;color:#6b7385}
label{display:block;font-size:.85rem;font-weight:600;margin:12px 0 4px}input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:1rem}
.btn{display:block;width:100%;padding:13px;border:0;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:14px;text-align:center;text-decoration:none}
.btn-primary{background:var(--teal);color:#fff}.btn-gold{background:var(--gold);color:var(--navy)}.btn-light{background:#eef1f5;color:var(--navy)}
.msg{margin-top:12px;font-size:.9rem;min-height:1.2em}.msg.err{color:#b3261e}.msg.ok{color:#1f7a3a}
.or{text-align:center;color:#8a91a1;font-size:.8rem;margin:16px 0 0}.pk{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.pk small{color:#6b7385;display:block}
.pk button{background:none;border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}a{color:var(--teal)}