*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:#0009AA; min-height:100vh;display:flex;align-items:center;justify-content:center}
.login-box{background:#fff;border-radius:16px;padding:48px 40px;width:100%;max-width:400px;box-shadow:0 25px 60px rgba(0,0,0,.3)}
.login-box h1{text-align:center;color:#461E96;margin-bottom:8px;font-size:24px}
.login-box .subtitle{text-align:center;color:#888;margin-bottom:32px;font-size:14px}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:14px}
.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:border-color .2s}
.form-group input:focus{outline:none;border-color:#461E96}
.btn-login{width:100%;padding:14px;background:linear-gradient(135deg,#0009AA,#0009FA);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn-login:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(70,30,150,.4)}
.error{background:#ffe0e0;color:#c00;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}
.flash{background:#fff3cd;color:#856404;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}