html,body{height:100%;overflow:hidden}.login-layout{height:100vh;display:flex}.login-left{background:var(--white);border-right:1.5px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;width:560px;padding:72px 56px;display:flex;overflow-y:auto}.login-left>div{width:100%;max-width:440px;margin-left:auto;margin-right:auto}.login-right{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;padding:56px;display:flex;position:relative;overflow:hidden}.login-right-bg{z-index:0;background:radial-gradient(85% 65% at 8% 8%,#af6dff33,#0000 60%),radial-gradient(75% 60% at 75% 35%,#ffc85040,#0000 62%),radial-gradient(70% 60% at 15% 80%,#ff64b429,#0000 62%),radial-gradient(70% 60% at 92% 92%,#78beff33,#0000 62%),#fff;position:absolute;inset:0}.login-right-content{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.right-tag{color:var(--text2);max-width:500px;margin-top:18px;font-size:1.2rem;line-height:1.6}.login-logo-row{align-items:center;margin-bottom:40px;display:flex}.brand-logo-login{width:228px;max-width:100%}.brand-logo-login-hero{width:min(420px,52vw);max-width:100%;margin:0 auto}.tab-row{background:var(--bg);border:1.5px solid var(--border);border-radius:14px;margin-bottom:34px;padding:4px;display:flex}.tab{text-align:center;color:var(--text3);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:10px;flex:1;padding:14px 12px;transition:all .15s}.tab.active{background:var(--white);color:var(--text);border:1.5px solid var(--border);box-shadow:0 1px 3px #0000000f}.form-title{letter-spacing:-.04em;color:var(--text);margin-bottom:8px;font-size:2rem;font-weight:800}.form-sub{color:var(--text3);margin-bottom:28px;font-size:1rem;line-height:1.5}.form-fields{flex-direction:column;gap:18px;display:flex}.form-row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{flex-direction:column;gap:5px;display:flex}.field label{letter-spacing:.08em;text-transform:uppercase;color:var(--text3);font-size:11px;font-weight:700}.field input{font-family:var(--font);color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:12px;outline:none;width:100%;padding:16px 18px;font-size:1.05rem;transition:border-color .15s}.field input::placeholder{color:#c0c2c5}.field input:focus{border-color:var(--amber)}.forgot{text-align:right;margin-top:-5px}.forgot a{color:var(--text3);font-size:.8rem;transition:color .15s}.forgot a:hover{color:var(--amber-dark)}.btn-coming-soon{font-family:var(--font);color:var(--white);background:var(--text);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;padding:18px;font-size:1.05rem;font-weight:700;transition:background .15s;display:flex}.btn-coming-soon:hover{background:#333}.btn-submit{font-family:var(--font);color:var(--white);background:var(--text);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;padding:18px;font-size:1.05rem;font-weight:700;transition:background .15s;display:flex}.btn-submit:hover{background:#333}.divider-row{align-items:center;gap:12px;margin:2px 0;display:flex}.div-line{background:var(--border);flex:1;height:1px}.div-text{letter-spacing:.08em;text-transform:uppercase;color:var(--text3);font-size:11px;font-weight:600}.btn-google{font-family:var(--font);color:var(--text2);background:var(--white);border:1.5px solid var(--border);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;padding:11px;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.btn-google:hover{border-color:var(--border2);color:var(--text)}.btn-google svg{flex-shrink:0;width:17px;height:17px}.switch-line{text-align:center;color:var(--text3);margin-top:16px;font-size:.82rem}.switch-line a{color:var(--amber-dark);cursor:pointer;font-weight:600}.error-message{color:#ef4444;text-align:center;padding:4px 0;font-size:.875rem}@media (max-width:768px){.login-right{display:none}.login-left{border-right:none;width:100%;padding:40px 24px}.login-left>div{max-width:100%}.brand-logo-login{width:190px}.tab{padding:12px 10px;font-size:.95rem}.form-title{font-size:1.7rem}.field input,.btn-coming-soon,.btn-submit{font-size:1rem}}