*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#fff;background:#020b20}
.login{min-height:100vh;background:linear-gradient(90deg,rgba(0,8,30,.92),rgba(2,15,45,.72)),url('assets/city.jpg') center/cover}
.login main{min-height:100vh;padding:25px 5vw;display:grid;grid-template-rows:auto 1fr auto}
header{text-align:center}header img{width:390px;max-width:70vw;height:110px;object-fit:contain}h1{font-size:clamp(2rem,4vw,3rem);margin:5px}
header p,.content>p{color:#9fb4df}.stage{display:grid;grid-template-columns:1fr 560px 1fr;align-items:center;gap:30px}
.owl{width:min(430px,40vw);justify-self:end;filter:drop-shadow(0 20px 30px #000)}
form{grid-column:2;background:rgba(4,20,55,.93);border:1px solid #2a83ff;border-radius:24px;padding:40px;box-shadow:0 0 35px #0b5ad655}
form h2{font-size:1.8rem;margin:0}form p{color:#9fb4df}label{display:block;margin:18px 0 8px}
input{width:100%;padding:16px;border-radius:12px;border:1px solid #496a9d;background:#0a214c;color:#fff}.pw{position:relative}.pw button{position:absolute;right:10px;top:10px;background:none;border:0}
.primary,.secondary{width:100%;padding:16px;border-radius:12px;margin-top:18px;color:#fff}.primary{border:0;background:#126cff;font-weight:bold}.secondary{background:transparent;border:1px solid #7798cd}
.or{text-align:center;margin:18px;color:#92a7cc}.link{display:block;margin:18px auto 0;border:0;background:none;color:#3f98ff}#msg{min-height:22px;color:#ff8392;margin-top:10px}
footer{text-align:center;color:#9fb4df}.dash{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:radial-gradient(circle at 60% 5%,#09245b,#020b20 55%)}
aside{padding:20px;background:#020d27;border-right:1px solid #174f9d;display:flex;flex-direction:column}aside img{width:190px;height:75px;object-fit:contain}
nav{display:grid;gap:6px;margin-top:15px}nav a{padding:11px;border-radius:9px;color:#dce8ff}.active{background:#126cff}#logout{margin-top:auto;padding:12px;background:transparent;color:#fff;border:1px solid #567;border-radius:9px}
.content{padding:40px}.hero{margin-top:30px;padding:35px;border:1px solid #2667bd;border-radius:22px;background:#06183a;display:flex;justify-content:space-between;align-items:center}.hero img{width:260px;max-height:230px;object-fit:contain}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.cards article{padding:20px;border:1px solid #2667bd;border-radius:15px;background:#06183a}
@media(max-width:850px){.stage{grid-template-columns:1fr}.owl{display:none}form{grid-column:1}.dash{grid-template-columns:1fr}aside{display:none}.cards{grid-template-columns:1fr 1fr}}