body{background:#f4f7fa;color:#24384b}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto}.auth-intro{padding:48px 64px;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;background:radial-gradient(ellipse at 20% 70%,#d9e9f3,transparent 65%)}.auth-intro h1{font-size:48px;line-height:1.4;letter-spacing:-1px;font-weight:600;margin:18px 0}.auth-intro p{color:#647c90;line-height:2}.eyebrow{font-size:13px;color:#67869c;letter-spacing:.12em}.auth-intro>small{color:#8a9caa}.auth-main{padding:40px;display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:410px;background:#fff;padding:32px;border-radius:20px;box-shadow:0 12px 50px #173f6410}.auth-card h2{font-size:25px;margin:22px 0 8px}.auth-sub{color:#8a98a7;font-size:12px;line-height:1.7;min-height:40px}.role-tabs{display:flex;background:#f2f5f8;padding:4px;border-radius:10px;gap:5px}.role-tabs button{flex:1;padding:9px;border-radius:7px;font-size:13px;color:#6c7e90}.role-tabs button.on{background:#fff;box-shadow:0 2px 4px #173f6410;color:#14507d;font-weight:600}.mode-tabs{display:flex;gap:24px;border-bottom:1px solid #e7edf2;margin:18px 0}.mode-tabs button{padding:10px 0;font-size:13px;color:#8a98a7}.mode-tabs button.on{color:#14507d;border-bottom:2px solid #14507d}.input{border-radius:9px;min-height:42px;background:#fbfcfe;font-size:14px}.field .label{font-size:12px;color:#5c7287;margin-bottom:6px}.captcha-row{display:flex;gap:8px;align-items:center}.captcha-row input{min-width:0;flex:1}.captcha-row button{flex:none;width:124px;height:44px}.captcha-row img{width:124px;height:44px}.btn-block{border-radius:10px}.auth-footer{display:flex;justify-content:space-between;margin-top:24px;font-size:12px;color:#7c91a2}.channel-details,.demo{font-size:12px;color:#7c8fa0;border-top:1px solid #edf0f4;margin-top:18px;padding-top:14px}.channel-details summary,.demo summary{cursor:pointer}.demo-list{display:grid;gap:8px;margin-top:12px}.demo-row{text-align:left;padding:10px;border:1px solid #e4ecf3;border-radius:8px;color:#37566f}.auth-mobile-brand{display:none;font-weight:700;font-size:22px;color:#14507d;margin-bottom:22px}#forgot{font-size:12px;padding:0;align-self:flex-end}#gateField .hint{display:none}.admin-label{color:#6e859a;font-size:12px}@media(max-width:850px){.auth-layout{display:block}.auth-intro{display:none}.auth-main{padding:30px 18px;align-items:flex-start;min-height:100dvh}.auth-card{padding:24px;box-shadow:none;max-width:450px}.auth-mobile-brand{display:block}.auth-card h2{font-size:23px}.input{font-size:16px}.auth-sub{min-height:0}.captcha-row input{font-size:14px}.auth-card .btn-lg{padding:12px}}@media(max-width:360px){.auth-main{padding:16px 8px}.auth-card{padding:20px 14px}.captcha-row button,.captcha-row img{width:110px}}