:root { --primary: #6366f1; --bg: #f8fafc; }
body { background: var(--bg); height: 100vh; display: flex; align-items: center; justify-content: center; font-family: sans-serif; }
.auth-card { background: white; padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); width: 100%; max-width: 400px; }
.brand-logo { font-size: 2rem; font-weight: 800; text-align: center; margin-bottom: 20px; }
.brand-logo span { color: var(--primary); }
.form-control { border-radius: 10px; padding: 12px; }
.btn-stoklify { background: var(--primary); color: white; border: none; width: 100%; padding: 12px; border-radius: 10px; font-weight: 600; }
.hidden { display: none; }
.link { color: var(--primary); cursor: pointer; font-weight: bold; }