:root { --blue: #6366f1; --pink: #f43f5e; }
body { margin: 0; font-family: 'Montserrat', sans-serif; background: #fff; display: flex; flex-direction: column; min-height: 100vh; align-items: center; justify-content: center; }

.lang-switcher { position: absolute; top: 15px; right: 15px; gap: 8px; }
.lang-btn { padding: 6px 12px; border-radius: 10px; font-size: 11px; background: #f1f5f9; text-decoration: none; color: #000; font-weight: 900;}
.lang-btn.active { background: var(--blue); color: #fff; }

.login-card { width: 90%; padding: 20px; text-align: center; }
.logo-img { width: 80%; max-width: 250px; margin-bottom: 10px; }
.slogan { font-size: 13px; color: #64748b; margin-bottom: 30px; font-weight: 700; }

input { width: 100%; padding: 18px; margin-bottom: 15px; border: 2px solid #e2e8f0; border-radius: 18px; font-size: 16px; box-sizing: border-box; }
.btn-login { width: 100%; padding: 18px; border-radius: 18px; background: var(--blue); color: white; font-weight: 900; font-size: 17px; border:none; }

.footer-info { margin-top: 20px; padding-bottom: 20px; color: #94a3b8; font-size: 10px; text-align: center; }