:root{--bg-dark-panel:#0b1a31;--border-gray:#e5e7eb}.left-hero-section{background-color:var(--bg-dark-panel);background-image:radial-gradient(hsla(0,0%,100%,.1) 1px,transparent 0);background-size:30px 30px;min-height:100vh}.brand-icon{background:#2563eb;border-radius:6px;color:#fff;font-size:.9rem;margin-right:8px;padding:8px}.display-text{font-size:2.8rem;line-height:1.2}.description-text{line-height:1.6;opacity:.8}.avatar-group img{border:2px solid var(--bg-dark-panel);border-radius:50%;height:32px;margin-left:-10px;width:32px}.avatar-group img:first-child{margin-left:0}.white-bg{background-color:#fff;min-height:100vh;position:relative}.social-auth-row{display:flex;gap:12px}.btn-social{background:#fff;border:1px solid var(--border-gray);border-radius:8px;cursor:pointer;flex:1;font-weight:600;padding:10px;transition:background .2s}.btn-social:hover{background:#f9fafb}.separator{border-bottom:1px solid var(--border-gray);line-height:.1em;text-align:center}.separator span{background:#fff;color:#9ca3af;font-size:.65rem;letter-spacing:.5px;padding:0 10px}.input-field{border:1px solid var(--border-gray);font-family:sans-serif;margin-top:6px;outline-color:#2563eb;padding:12px}.btn-full,.input-field{border-radius:8px;width:100%}.btn-full{border:none;cursor:pointer}.small-text{font-size:.85rem}.form-footer{bottom:20px;position:absolute;width:100%}@media (max-width:768px){.left-hero-section{display:none}.login-form-container{padding-left:20px!important;padding-right:20px!important}}.language-popup-container{align-items:flex-end;bottom:25px;display:flex;flex-direction:column;left:30px;position:absolute}.btn-lang-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.05);color:#363636;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:8px;padding:8px 15px;transition:all .2s}.btn-lang-trigger:hover{border-color:#0074ff}.lang-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:45px;box-shadow:0 10px 25px rgba(0,0,0,.1);display:none;left:0;margin-bottom:10px;overflow:hidden;position:absolute;width:160px;z-index:100}.lang-menu.show{animation:slideUp .3s ease;display:block}.lang-item{color:#5e5e5e;display:block;font-size:.85rem;padding:12px 15px;text-decoration:none!important;transition:background .2s}.lang-item:hover{background:#f3f7ff;color:#0074ff}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.alert{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;display:none;font-size:small;margin:10px 0;padding:10px}