.login-container{display:flex;min-height:100vh;width:100vw;background:var(--color-bg)}.login-container .login-left{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);box-shadow:var(--shadow-soft)}.login-container .login-left .login-form{width:100%;max-width:400px;background-color:var(--color-bg-elevated);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg);padding:1.5rem}.login-container .login-left .login-form label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.login-container .login-left .login-form .oauth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.login-container .login-left .login-form .divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--color-text-muted);font-size:.875rem}.login-container .login-left .login-form .divider:after,.login-container .login-left .login-form .divider:before{content:"";flex:1;height:1px;background-color:var(--color-border)}.login-container .login-left .login-form .divider span{padding:0 1rem}.login-container .login-left label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.login-container .login-left input,.login-container .login-left select,.login-container .login-left textarea{width:90%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:.875rem;transition:var(--transition-fast)}.login-container .login-left input::-moz-placeholder,.login-container .login-left select::-moz-placeholder,.login-container .login-left textarea::-moz-placeholder{color:var(--color-text-muted)}.login-container .login-left input::placeholder,.login-container .login-left select::placeholder,.login-container .login-left textarea::placeholder{color:var(--color-text-muted)}.login-container .login-left input:focus,.login-container .login-left select:focus,.login-container .login-left textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.login-container .login-left button{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:var(--transition-fast);cursor:pointer}.login-container .login-left button:disabled{opacity:.5;cursor:not-allowed}.login-container .login-left button--primary{flex:1;background-color:var(--color-primary);color:var(--color-text);border:none}.login-container .login-left button--primary:hover:not(:disabled){opacity:.9}.login-container .login-left button--secondary{background-color:rgba(0,0,0,0);color:var(--color-text);border:1px solid var(--color-border)}.login-container .login-left button--secondary:hover{background-color:var(--color-bg-elevated)}.login-container .login-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-text);padding:60px 32px 40px}.login-container .login-right .login-logo{margin-top:60px;max-width:320px;width:100%;height:auto}.login-container .login-right .login-bottom-text{margin-bottom:24px;font-size:1.1rem;color:var(--color-text);text-align:center}.login-container .login-right .login-bottom-text h2{margin-bottom:12px}.login-container .login-right .login-bottom-text p{font-size:1.5rem}@media(max-width:900px){.login-container{flex-direction:column}.login-left,.login-right{flex:unset;width:100%;min-height:50vh;box-shadow:none;padding:32px 16px}.login-logo{margin-top:24px;max-width:180px}}.oauth-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.oauth-button:hover:not(:disabled){background-color:var(--color-bg-elevated);border-color:var(--color-primary)}.oauth-button:disabled{opacity:.6;cursor:not-allowed}.oauth-button svg{flex-shrink:0}.oauth-button--google:hover:not(:disabled){border-color:#4285f4}.oauth-button--instagram:hover:not(:disabled){border-color:#e4405f}