.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-container{background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;width:100%;max-width:1200px;min-height:600px;display:grid;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1)}.login-left{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:center;padding:3rem;display:flex}.login-hero{max-width:400px}.hero-badge{margin-bottom:2rem}.hero-badge span{background:rgba(255,255,255,.2);border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.login-hero h1{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.login-hero p{opacity:.9;margin-bottom:2rem;font-size:1.2rem}.login-features{flex-direction:column;gap:1rem;display:flex}.feature{align-items:center;gap:.75rem;font-size:1.1rem;display:flex}.check{color:#10b981;font-weight:700}.login-right{justify-content:center;align-items:center;padding:3rem;display:flex}.login-card{width:100%;max-width:400px}.card-header{text-align:center;margin-bottom:2rem}.card-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem}.card-header p{color:var(--text-secondary)}.login-form{margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--text-primary);margin-bottom:.5rem;font-weight:600;display:block}.input-group input{border:2px solid var(--border-light);border-radius:8px;width:100%;padding:1rem;font-size:1rem;transition:border-color .3s}.input-group input:focus{border-color:var(--primary-blue);outline:none}.otp-input{text-align:center;letter-spacing:.5rem;font-size:1.5rem;font-weight:600}.login-links{text-align:center;margin-bottom:2rem}.login-links a{color:var(--primary-blue);text-decoration:none}.login-links a:hover{text-decoration:underline}.otp-help{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1rem;padding:1rem;font-size:.9rem}.message{text-align:center;border-radius:8px;margin-bottom:1rem;padding:1rem}.message.success{color:#065f46;background:#f0fdf4;border:1px solid #bbf7d0}.message.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.security-info{text-align:center;border-top:1px solid var(--border-light);padding-top:2rem}.security-badge{background:var(--background-secondary);border-radius:20px;margin-bottom:.5rem;padding:.5rem 1rem;font-size:.9rem;display:inline-block}.loading-spinner{border:2px solid transparent;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin-right:.5rem;animation:1s linear infinite spin}.input-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.text-link{color:var(--primary-blue);cursor:pointer;font-size:inherit;background:0 0;border:none;text-decoration:underline}.text-link:hover{text-decoration:none}.text-link:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:968px){.login-container{grid-template-columns:1fr}.login-left{display:none}.login-right{padding:2rem}}@media (max-width:480px){.login-page{padding:1rem}.login-right{padding:1.5rem}.input-row{grid-template-columns:1fr}}