:root{color-scheme:light}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#cfe3ff}
.tech-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 20% 20%,#0b1c3a,#0a1018 60%),#0a1018}
.brand{letter-spacing:.3em;font-weight:300;color:#d7edff;margin:0 0 4px;text-align:center}
.sub{color:#7f9cc0;text-align:center;margin:0 0 26px;font-size:13px}
.login-card{min-width:320px;background:#0e1b30cc;border:1px solid #2a4a75;border-radius:14px;padding:26px;box-shadow:0 8px 40px #0007}
.login-card h2{margin:0 0 16px;font-weight:500;color:#e8f4ff}
label{display:block;margin-bottom:14px;color:#a9c6e6;font-size:13px}
input{width:100%;padding:10px;margin-top:6px;border-radius:8px;border:1px solid #2e5580;background:#0a1526;color:#eef6ff}
input:focus{outline:none;border-color:#3f8dff}
button{width:100%;margin-top:6px;padding:11px;border:0;border-radius:8px;background:linear-gradient(90deg,#2878ff,#5f9bff);color:#fff;cursor:pointer;font-size:15px}
button:hover{filter:brightness(1.08)}
.err{color:#ff8f8f;margin:8px 0;font-size:13px}
.brand-sm{letter-spacing:.2em;color:#dfefff;font-weight:400}