:root{--gryf-red:#E70523;--gryf-gold:#FCBF35;--gryf-navy:#084F79;--bg:#061f30;--panel:#0a2b42;--panel2:#0d3550;--line:rgba(253,252,251,.10);--txt:#eaf2f8;--muted:#8fb0c6}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:radial-gradient(1000px 600px at 80% -10%,#0c3450,var(--bg) 55%) fixed;color:var(--txt)}
.card{width:min(400px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.5);padding:30px 28px}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.crest{width:46px;height:46px;border-radius:12px;flex:none;background:linear-gradient(155deg,var(--panel2),var(--bg));box-shadow:inset 0 0 0 2px var(--gryf-gold);display:grid;place-items:center}
.crest svg{width:62%;height:62%}
h1{font-size:17px;margin:0}.brand span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
h2{font-size:15px;margin:22px 0 4px}.sub{color:var(--muted);font-size:12.5px;margin-bottom:18px}
label{display:block;font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin:12px 0 6px}
input{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:var(--txt);font-size:14px;font-family:inherit}
input:focus{outline:2px solid var(--gryf-gold);outline-offset:1px}
.btn{width:100%;margin-top:18px;background:linear-gradient(90deg,var(--gryf-red),#ff3d55);color:#fff;border:0;border-radius:10px;padding:12px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 8px 20px rgba(231,5,35,.3)}
.btn:disabled{opacity:.6;cursor:default}
.msg{margin-top:14px;font-size:13px;padding:10px 12px;border-radius:10px;display:none}
.msg.err{display:block;background:rgba(231,5,35,.14);color:#ff9aab;border:1px solid rgba(231,5,35,.4)}
.msg.ok{display:block;background:rgba(46,204,113,.14);color:#7ee6b0;border:1px solid rgba(46,204,113,.35)}
.foot{margin-top:18px;font-size:11px;color:var(--muted);text-align:center}