html,body{margin:0;min-height:100%;background:#060a12;font-family:'Segoe UI',system-ui,sans-serif;color:#dfe8f5}
body{display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.card{width:min(400px,100%);background:rgba(10,16,28,.92);border:1px solid #233450;border-radius:12px;padding:28px 30px}
h1{margin:0 0 18px;font-size:20px;letter-spacing:3px;color:#e8f1ff;text-align:center}
.tabs{display:flex;gap:8px;margin-bottom:18px}
.tabs a{flex:1;text-align:center;padding:8px 0;border:1px solid #233450;border-radius:8px;color:#8fa4c2;text-decoration:none;font-size:14px}
.tabs a.on{color:#7fd0ff;border-color:#2c4a70;background:rgba(127,208,255,.06)}
label{display:block;font-size:12px;color:#8fa4c2;margin:12px 0 4px}
input{width:100%;box-sizing:border-box;background:#0a1220;border:1px solid #2c3f60;border-radius:8px;color:#dfe8f5;padding:9px 12px;font-size:14px}
input:focus{outline:none;border-color:#3d6ea8}
button{width:100%;margin-top:18px;padding:11px;border:0;border-radius:8px;background:#2c6ea8;color:#eaf4ff;font-size:15px;letter-spacing:1px;cursor:pointer}
button:hover{background:#3780c4}
button.ghost{background:#16233a}
.err{background:rgba(255,77,94,.12);border:1px solid rgba(255,77,94,.4);color:#ff9aa5;font-size:13px;border-radius:8px;padding:8px 12px;margin-bottom:10px}
.foot{margin-top:16px;text-align:center;font-size:13px}
.foot a{color:#7fd0ff;text-decoration:none}
.row{font-size:14px;margin:8px 0;color:#c6d4e8}
.row b{color:#8fa4c2;font-weight:600;margin-right:8px}