.login-page{background-color:#000;background-image:url(/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";z-index:0;pointer-events:none;background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.login-container{background-color:var(--bg-card);z-index:1;border:1px solid #ffffff80;border-radius:24px;width:900px;height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #ffffff0d}.login-visual{background:linear-gradient(135deg,#1f1f23 0%,#0a0a0a 100%);flex-direction:column;flex:1;justify-content:flex-end;padding:40px;display:flex;position:relative}.bg-video{object-fit:cover;z-index:1;opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.login-visual:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0009 100%);width:100%;height:100%;position:absolute;top:0;left:0}.visual-content{z-index:2;position:relative}.visual-content h2{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:2rem;font-weight:700}.visual-content p{color:#ccc;font-size:.95rem;line-height:1.5}.login-form-wrapper{background-color:var(--bg-card);flex-direction:column;flex:1;justify-content:center;padding:48px;display:flex}.form-header{margin-bottom:32px}.form-header h1{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px;font-size:1.75rem;font-weight:600}.form-header p{color:var(--text-secondary);font-size:.95rem}.social-buttons{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.btn-social{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.btn-social:hover{background-color:#2a2a2a;border-color:#666}.divider{color:var(--text-muted);align-items:center;margin-bottom:24px;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background-color:var(--border-color);flex:1;height:1px}.divider span{padding:0 10px}.email-form{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;width:20px;height:20px;position:absolute;left:14px}.form-input{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:12px 12px 12px 48px;font-family:inherit;font-size:.95rem;transition:all .3s}.form-input:focus{border-color:var(--text-primary);background-color:#252525}.form-input::placeholder{color:var(--text-muted)}.btn-primary{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s}.btn-primary:hover:not(:disabled){background-color:#e0e0e0;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#ef4444;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:10px 14px;font-size:.85rem;font-weight:500}.form-footer{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:.9rem}.link{color:#fff;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.legal-text{color:var(--text-muted);text-align:center;margin-top:auto;padding-top:24px;font-size:.8rem;line-height:1.4}.legal-text a{color:var(--text-secondary);text-decoration:underline}@media (max-width:900px){.login-container{border:none;border-radius:0;flex-direction:column;width:100%;height:100%}.login-visual{display:none}.login-form-wrapper{justify-content:center;padding:32px}}