/* Embedy Auth - Amation PageHub Style */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --primary:#E65100;--primary-hover:#D84A00;--bg-body:#f0eff5;--bg-white:#fff;--bg-input:#f5f4f8;
    --border:#e8e6ee;--text:#2c2c2c;--text-sec:#666;--text-muted:#999;--success:#2e7d32;--success-bg:#e8f5e9;
    --danger:#c62828;--danger-bg:#ffebee;--radius:0;--transition:.2s ease;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg-body);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}

.auth-container{width:100%;max-width:440px;text-align:center}

.auth-logo{margin-bottom:24px}
.auth-logo-icon{width:52px;height:52px;background:var(--primary);border-radius:0;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}
.auth-logo h1{font-size:22px;font-weight:700;color:var(--primary)}
.auth-logo p{font-size:14px;color:var(--text-muted);margin-top:4px}

.auth-card{background:var(--bg-white);border-radius:0;padding:32px;box-shadow:0 2px 12px rgba(0,0,0,.06);text-align:left}

.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:11px;font-weight:600;color:var(--text-sec);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.form-control{width:100%;padding:11px 14px;background:var(--bg-input);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:0;font-size:14px;font-family:inherit;color:var(--text);outline:none;transition:all var(--transition)}
.form-control::placeholder{color:var(--text-muted)}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(230,81,0,.08)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;border:none;border-radius:0;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition);text-decoration:none}
.btn-primary{background:var(--primary);color:#fff;width:100%}
.btn-primary:hover{background:var(--primary-hover)}

.auth-links{margin-top:20px;text-align:center}
.auth-links a{color:var(--primary);font-size:13px;font-weight:500}
.auth-links a:hover{text-decoration:underline}
.auth-links p{font-size:13px;color:var(--text-muted);margin-top:8px}

.auth-footer{margin-top:24px;text-align:center}
.auth-footer a{font-size:13px;color:var(--text-muted)}
.auth-footer a:hover{color:var(--primary)}

.alert{padding:12px 14px;border-radius:0;font-size:13px;font-weight:500;margin-bottom:16px;display:flex;align-items:center;gap:8px;border-left:3px solid}
.alert-success{background:var(--success-bg);color:var(--success);border-left-color:var(--success)}
.alert-danger{background:var(--danger-bg);color:var(--danger);border-left-color:var(--danger)}

.form-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.form-row label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-sec);cursor:pointer}
.form-row label input[type="checkbox"]{accent-color:var(--primary)}
.form-row a{font-size:13px;color:var(--primary);font-weight:500}

@media(max-width:480px){body{padding:20px}.auth-card{padding:24px}}