:root{--accent:#674cbf;--bg:#f6f6fb}
*{box-sizing:border-box}
body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);margin:0;color:#222}
.login-main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.card{width:100%;max-width:420px;background:#fff;border-radius:12px;padding:28px 28px 20px;box-shadow:0 10px 30px rgba(0,0,0,0.08)}
.card h1{font-size:20px;margin-bottom:18px;color:var(--accent)}
label{display:block;font-size:13px;margin-top:12px;color:#444}
input[type=text],input[type=email],input[type=password]{width:100%;padding:12px 14px;margin-top:6px;border:1px solid #e6e6ee;border-radius:8px;font-size:14px}
.form-actions{display:flex;gap:12px;align-items:center;margin-top:18px}
.btn{background:var(--accent);color:#fff;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:700}
.back{color:#666;text-decoration:none;font-size:14px}
.hint{margin-top:14px;font-size:13px;color:#777}