.login-container{display:flex;min-height:100vh;position:relative;overflow:hidden}.login-brand-side{flex:1;background:var(--bg-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;position:relative;overflow:hidden}.brand-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:floatOrb 10s ease-in-out infinite}.brand-orb-1{width:500px;height:500px;background:var(--accent);top:-100px;left:-150px;animation-delay:0s}.brand-orb-2{width:400px;height:400px;background:var(--accent-2);bottom:-100px;right:-100px;animation-delay:3s}.kiosk-mode-btn{position:fixed;bottom:24px;right:24px;z-index:100;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:0;color:#fff;padding:14px 24px;border-radius:50px;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px rgba(79,128,255,.4),0 0 40px rgba(79,128,255,.2),inset 0 1px 0 rgba(255,255,255,.2);transition:all var(--transition);animation:kioskPulse 3s ease-in-out infinite}.kiosk-mode-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50px;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition)}.kiosk-mode-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px rgba(79,128,255,.5),0 0 60px rgba(79,128,255,.3),inset 0 1px 0 rgba(255,255,255,.3)}.kiosk-mode-btn:hover::before{opacity:1}.kiosk-mode-btn:active{transform:translateY(-1px) scale(1.02)}.kiosk-icon{font-size:18px;animation:kioskIconSpin 4s linear infinite}@keyframes kioskPulse{0%,100%{box-shadow:0 4px 20px rgba(79,128,255,.4),0 0 40px rgba(79,128,255,.2),inset 0 1px 0 rgba(255,255,255,.2)}50%{box-shadow:0 6px 25px rgba(79,128,255,.5),0 0 50px rgba(79,128,255,.3),inset 0 1px 0 rgba(255,255,255,.25)}}@keyframes kioskIconSpin{0%,90%{transform:rotate(0deg)}95%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.kiosk-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--warning);border-radius:50%;border:2px solid var(--bg-base);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;animation:kioskBadgePulse 2s ease-in-out infinite}@keyframes kioskBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes floatOrb{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-40px) scale(1.15)}66%{transform:translate(-30px,30px) scale(.9)}}.brand-content{position:relative;z-index:1;text-align:center;max-width:480px;animation:fadeInLeft .8s ease both}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.brand-logo{width:80px;height:80px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;color:#fff;font-family:var(--font-display);margin:0 auto 24px;box-shadow:0 8px 32px rgba(79,128,255,.4);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 8px 32px rgba(79,128,255,.4)}50%{transform:scale(1.05);box-shadow:0 12px 48px rgba(79,128,255,.6)}}.brand-title{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.01em}.brand-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.7;margin:0 0 40px}.brand-features{display:flex;flex-direction:column;gap:20px;text-align:left}.feature-item{display:flex;align-items:flex-start;gap:14px}.feature-icon{width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);flex-shrink:0}.feature-text h4{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.feature-text p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6}.login-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px;background:var(--bg-base);position:relative}.form-grid-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:.2;z-index:0}.login-form-wrapper{width:100%;max-width:420px;position:relative;z-index:1;animation:fadeInRight .8s ease both}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.form-header{margin-bottom:32px}.form-header h1{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.form-header p{font-size:14px;color:var(--text-secondary);margin:0}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px 32px;box-shadow:0 4px 24px rgba(0,0,0,.2)}.input-group-custom{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:16px;pointer-events:none}.input-group-custom .form-control-custom{padding-left:42px}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0;transition:color var(--transition)}.password-toggle:hover{color:var(--text-primary)}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-size:13px}.checkbox-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-wrapper input[type="checkbox"]{width:16px;height:16px;border:1px solid var(--border);border-radius:4px;cursor:pointer;accent-color:var(--accent)}.checkbox-wrapper label{color:var(--text-secondary);cursor:pointer;user-select:none}.forgot-link{color:var(--accent);text-decoration:none;transition:color var(--transition)}.forgot-link:hover{color:#6190ff}.divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--border)}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-social{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.btn-social:hover{background:var(--bg-hover);border-color:var(--border-active);color:var(--text-primary);transform:translateY(-1px)}.btn-social i{font-size:16px}.signup-prompt{text-align:center;margin-top:24px;font-size:13px;color:var(--text-secondary)}.signup-prompt a{color:var(--accent);text-decoration:none;font-weight:500;transition:color var(--transition)}.signup-prompt a:hover{color:#6190ff}.login-footer{margin-top:32px;text-align:center;font-size:12px;color:var(--text-muted)}.login-footer a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.login-footer a:hover{color:var(--text-primary)}@media(max-width:992px){.login-brand-side{display:none}.login-form-side{flex:1;max-width:100%}}@media(max-width:576px){.login-form-side{padding:40px 20px}.login-card{padding:28px 24px}.form-header h1{font-size:24px}.brand-title{font-size:28px}.social-login{grid-template-columns:1fr}.kiosk-mode-btn{bottom:16px;right:16px;padding:12px 20px;font-size:12px}.kiosk-icon{font-size:16px}}