*{box-sizing:border-box}
:root{--brand:#6d35e8;--brand-dark:#4c1d95;--ink:#1f1638;--muted:#746d84;--line:#e8e2f3;--soft:#f7f4fc}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 50% 20%,#f1e9ff 0,#faf9fc 44%,#fff 100%)}
.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px}
.login-card{width:100%;max-width:420px;border:1px solid var(--line);border-radius:20px;padding:32px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(57,31,107,.14)}
.login-card h1{margin:0 0 8px;text-align:center;font-size:28px}.subtitle{margin:0 0 24px;text-align:center;color:var(--muted);font-size:14px;line-height:1.6}
.alert-error{margin-bottom:18px;padding:12px 14px;border-radius:10px;background:#fff1f2;border:1px solid #fecdd3;color:#b42318;font-size:14px}
.login-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;color:#514963;font-weight:650}.form-group input{width:100%;padding:12px 14px;border:1px solid #d8d0e5;border-radius:10px;background:#fff;color:#17111f;font-size:14px;outline:none;transition:.2s}.form-group input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(109,53,232,.13)}
button{width:100%;padding:12px 14px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:.2s}button:hover{background:var(--brand-dark)}button:active{transform:scale(.99)}
.login-help{text-align:center;margin:18px 0 0}.login-help a,.login-return{color:var(--brand);font-weight:700;text-decoration:none}.login-return{display:block;text-align:center;margin-top:20px}.login-help a:hover,.login-return:hover{text-decoration:underline}