*{box-sizing:border-box;margin:0;padding:0}
body.auth-body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;color:#1a202c}
.auth-wrap{width:100%;max-width:440px}
.auth-brand{display:block;text-align:center;color:#fff;text-decoration:none;font-weight:800;font-size:22px;margin-bottom:24px}
.auth-brand i{margin-right:6px}
.auth-card{background:#fff;border-radius:20px;padding:36px 32px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.auth-logo{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 18px}
.auth-card h1{font-size:24px;font-weight:700;text-align:center;margin-bottom:6px}
.auth-card .muted{text-align:center;color:#64748b;font-size:14px;margin-bottom:24px}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#334155}
.form-group input{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;transition:.2s;outline:none}
.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.form-group small{display:block;margin-top:4px;font-size:12px;color:#94a3b8}
.input-prefix{display:flex;border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden}
.input-prefix span{padding:12px 12px;background:#f8fafc;color:#64748b;font-size:13px;border-right:1.5px solid #e2e8f0}
.input-prefix input{border:none;flex:1;padding:12px 14px;font-size:14px;outline:none}
.btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(99,102,241,.3)}
.auth-links{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:13px}
.auth-links a{color:#6366f1;text-decoration:none;font-weight:500}
.auth-links a:hover{text-decoration:underline}
.bg-dark{background:linear-gradient(135deg,#1e293b,#0f172a)!important}
@media (max-width:480px){.auth-card{padding:28px 22px}}