*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#eef5ff,#ffffff);color:#07142f}
.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 430px;gap:50px;align-items:center;padding:50px 10%}
.logo{font-size:38px;font-weight:900;text-decoration:none;color:#ff8a00}.logo span{color:#145cff}
.login-brand h1{font-size:56px;margin:35px 0 12px}.login-brand p{font-size:20px;color:#64748b;max-width:520px}
.login-card{background:white;border:1px solid #e2eaf5;border-radius:26px;padding:38px;box-shadow:0 25px 80px rgba(20,92,255,.15)}
.login-card h2{text-align:center;margin-top:0;font-size:28px}
label{display:block;margin:18px 0 8px;font-weight:800}
input{width:100%;height:54px;border:1px solid #d8e2f0;border-radius:14px;padding:0 15px;font-size:16px}
button{width:100%;height:56px;margin-top:24px;border:0;border-radius:14px;background:#145cff;color:white;font-size:17px;font-weight:900;cursor:pointer}
#msg{font-weight:800;text-align:center}.ok{color:#079455}.err{color:#d92d20}
@media(max-width:850px){.login-page{grid-template-columns:1fr;padding:28px}.login-brand{text-align:center}.login-brand h1{font-size:38px}}