.login-layout{background-color:var(--background);width:100%;min-height:100vh;display:flex}.login-brand-panel{background:var(--surface);border-right:1px solid var(--border-light);flex-direction:column;flex:1;justify-content:center;padding:4rem;display:none;position:relative;overflow:hidden}@media (min-width:900px){.login-brand-panel{display:flex}}.brand-content{z-index:10;max-width:480px;position:relative}.logo-container{align-items:center;gap:12px;margin-bottom:2rem;display:flex}.brand-logo{width:32px;height:32px;color:var(--primary);filter:drop-shadow(0 0 10px #0070f366)}.logo-container h2{letter-spacing:-.02em;white-space:nowrap;font-size:1.5rem;font-weight:700}.brand-logo-image{object-fit:contain;flex-shrink:0}.brand-content h1{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.1}.brand-content p{color:var(--text-muted);font-size:1.1rem;line-height:1.6}.mesh-gradient{z-index:1;background-image:radial-gradient(circle at 15%,#0070f326 0%,#0000 40%),radial-gradient(circle at 85% 30%,#7928ca1a 0%,#0000 40%);width:200%;height:200%;animation:60s linear infinite rotate;position:absolute;top:-50%;left:-50%}.grid-overlay{z-index:2;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-auth-panel{background:radial-gradient(circle at 50% -20%,#0070f314,transparent 50%),var(--background);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.login-form-container{-webkit-backdrop-filter:blur(16px);background:#0f0f1499;border-radius:20px;width:100%;max-width:400px;padding:3rem 2.5rem;box-shadow:0 25px 50px -12px #00000040,inset 0 0 0 1px #ffffff0d}.form-header{text-align:center;margin-bottom:2.5rem}.login-title{color:var(--foreground);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-subtitle{color:var(--text-muted);font-size:.95rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--foreground);margin-left:2px;font-size:.85rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;transition:color .2s;position:absolute;left:14px}.input-base{border:1px solid var(--border-light);width:100%;color:var(--foreground);background:#ffffff08;border-radius:12px;padding:12px 14px 12px 42px;font-size:.95rem;transition:all .2s}.input-base:focus{border-color:var(--primary);background:#ffffff0f;outline:none;box-shadow:0 0 0 3px #0070f326}.input-base:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--primary)}.login-btn{letter-spacing:.01em;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:1rem;padding:14px;font-weight:600;display:flex;position:relative;overflow:hidden}.btn-arrow{width:18px;height:18px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.login-btn:hover .btn-arrow{transform:translate(4px)}.error-message{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;display:flex}.error-icon{flex-shrink:0;width:16px;height:16px}.auth-divider{text-align:center;margin:2rem 0;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-light);width:40%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{background:var(--surface);color:var(--text-muted);border-radius:4px;padding:0 10px;font-size:.85rem}.social-auth{flex-direction:column;gap:12px;display:flex}.social-btn{border:1px solid var(--border-light);width:100%;color:var(--foreground);background:#ffffff05;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.social-btn:hover{background:#ffffff0f;border-color:#ffffff26}.social-btn svg{width:20px;height:20px}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.animate-slide-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}