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

.lang-switcher { position: absolute; top: 30px; right: 30px; display: flex; gap: 15px; }
.lang-btn { text-decoration: none; font-weight: 900; color: var(--dark); padding: 10px 20px; border-radius: 12px; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: 0.3s; }
.lang-btn.active { background: var(--blue); color: white; }

.login-card { background: white; padding: 50px; border-radius: 40px; box-shadow: 0 30px 70px rgba(0,0,0,0.1); width: 400px; text-align: center; }
.logo-img { width: 300px; margin-bottom: 15px; }
.slogan { font-size: 16px; color: #64748b; margin-bottom: 40px; font-weight: 700; }

input { width: 100%; padding: 20px; margin-bottom: 20px; border: 2px solid #e2e8f0; border-radius: 20px; box-sizing: border-box; font-family: inherit; font-weight: 700; outline: none; font-size: 16px; }
.btn-login { width: 100%; padding: 20px; border: none; border-radius: 20px; background: var(--blue); color: white; font-weight: 900; font-size: 18px; cursor: pointer; box-shadow: 0 12px 25px rgba(99, 102, 241, 0.3); }

.footer-info { position: absolute; bottom: 30px; color: #94a3b8; font-size: 12px; font-weight: 700; }