:root{
	--bg:#0b132b; --bg2:#0f172a; --card:#101826; --accent:#5bc0be; --muted:#94a3b8; --text:#e5e7eb; --white:#ffffff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg2)}
.cover{background:linear-gradient(135deg,#0b132b 0%,#1a237e 50%,#0b132b 100%)}

.split{display:grid;grid-template-columns:1.2fr 1fr;min-height:100vh}
@media (max-width: 980px){.split{grid-template-columns:1fr}}

.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:rgba(0,0,0,.35);position:relative}
.brand-inner{max-width:620px;padding:24px 28px;border-radius:16px;background:linear-gradient(180deg,rgba(16,24,38,.65),rgba(16,24,38,.45));backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08)}
.logo{width:120px;height:auto;margin:0 auto 24px;display:block;filter:brightness(1.1)}
.logo-top{width:280px;height:auto;margin-bottom:50px;display:block;filter:brightness(1.1)}
@media (max-width: 980px){.logo-top{width:200px;margin-bottom:35px}}
.brand h1{margin:0 0 10px;font-size:40px;line-height:1.1;font-weight:800;letter-spacing:.3px}
.brand h1 span{color:var(--accent)}
.tagline{margin:0;color:var(--muted);font-size:16px}

.auth{display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(180deg,rgba(11,19,43,.9),rgba(11,19,43,.9))}
.auth-card{width:100%;max-width:380px;padding:28px;border-radius:16px;background:var(--card);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.auth-card h2{margin:0 0 16px;font-size:22px}

.form{display:grid;gap:12px}
label{display:grid;gap:6px;font-size:13px;color:var(--muted)}
input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #243044;background:#0b1220;color:var(--text);outline:none}
input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,192,190,.18)}

.btn{margin-top:6px;width:100%;padding:12px 14px;border:0;border-radius:10px;background:var(--accent);color:#062925;font-weight:800;cursor:pointer;transition:transform .04s ease,filter .15s ease}
.btn:hover{filter:brightness(1.05)}
.btn:active{transform:translateY(1px)}

.subtle{margin:12px 0 0;color:var(--muted);font-size:14px}
.subtle a{color:#a7f3d0;text-decoration:none}
.subtle a:hover{text-decoration:underline}

.msg{margin-top:10px;color:#fca5a5;font-size:14px;min-height:18px}