.login-design{color:#24334d;background:#f5f7fb;min-height:100vh;padding:56px 7%}.login-design-head{justify-content:space-between;align-items:flex-start;max-width:1180px;margin:0 auto 28px;display:flex}.login-design-head>div>span{color:#6078d6;letter-spacing:.08em;font-size:12px;font-weight:700}.login-design-head h1{letter-spacing:-.03em;margin:12px 0 8px;font-size:32px}.login-design-head p{color:#8793a6;margin:0;font-size:14px}.login-design-head>b{color:#71809b;background:#fff;border:1px solid #dbe3f3;border-radius:99px;padding:8px 14px;font-size:12px}.login-design-tabs{gap:8px;max-width:1180px;margin:0 auto 18px;display:flex}.login-design-tabs button{color:#78859b;cursor:pointer;background:#fff;border:1px solid #e0e6f0;border-radius:9px;padding:10px 16px}.login-design-tabs button.active{color:#fff;background:#4f70d8;border-color:#4f70d8}.login-showcase{border-radius:24px;justify-content:space-between;align-items:center;max-width:1180px;min-height:530px;margin:auto;padding:64px 80px;display:flex;position:relative;overflow:hidden}.login-a{background:linear-gradient(135deg,#263e78,#5778db)}.login-b{background:linear-gradient(135deg,#101a32,#25375b)}.login-c{background:linear-gradient(135deg,#eaf1ff,#f8fbff);border:1px solid #e1e8f5}.login-copy{color:#fff;z-index:1;max-width:530px}.login-c .login-copy{color:#263655}.login-kicker{letter-spacing:.15em;opacity:.75;font-size:11px}.login-copy h2{letter-spacing:-.04em;margin:20px 0 16px;font-size:42px;line-height:1.18}.login-copy p{opacity:.8;max-width:420px;font-size:15px;line-height:1.8}.login-stats{gap:36px;margin-top:48px;display:flex}.login-stats span{flex-direction:column;gap:5px;display:flex}.login-stats b{font-size:17px}.login-stats small{opacity:.65;font-size:11px}.login-card{z-index:1;background:#fff;border-radius:18px;width:360px;padding:32px;box-shadow:0 24px 60px #172b5b35}.login-logo{align-items:center;gap:10px;display:flex}.login-logo img{object-fit:cover;border-radius:11px;width:42px;height:42px}.login-logo span{flex-direction:column;gap:2px;display:flex}.login-logo b{font-size:16px}.login-logo small{letter-spacing:.14em;color:#9ba7b8;font-size:9px}.login-card-title{margin:32px 0 24px}.login-card-title h3{margin:0 0 7px;font-size:26px}.login-card-title p{color:#93a0b2;margin:0;font-size:12px}.login-card label{color:#71809a;flex-direction:column;gap:8px;margin:16px 0;font-size:12px;display:flex}.login-input{color:#33445f;border:1px solid #dce4f0;border-radius:9px;align-items:center;height:44px;padding:0 13px;font-size:13px;display:flex}.login-input.placeholder{color:#aeb8c7;justify-content:space-between}.login-input i{color:#a0acc0;font-style:normal}.login-submit{color:#fff;cursor:pointer;background:#5274dc;border:0;border-radius:9px;width:100%;height:46px;margin-top:10px;font-size:13px}.login-submit span{float:right;margin-right:14px}.login-safe{text-align:center;color:#a5afbd;margin-top:20px;font-size:11px;display:block}.login-b .login-card{background:#f8fafc}.login-b .login-submit{background:#223c72}.login-c .login-card{box-shadow:0 15px 45px #4064a122}.login-c .login-submit{background:#253f78}.login-design footer{color:#9aa5b5;text-align:center;max-width:1180px;margin:20px auto 0;font-size:12px}@media (max-width:850px){.login-showcase{flex-direction:column;align-items:stretch;gap:34px;padding:42px 28px}.login-copy h2{font-size:32px}.login-card{width:auto}.login-design-head h1{font-size:26px}.login-design{padding:32px 18px}}