.auth-screen{padding:32px;background:#eef3f8;background-image:radial-gradient(circle at 8% 15%,#d9eaff 0,transparent 25%),radial-gradient(circle at 92% 90%,#e7e2ff 0,transparent 28%)}.auth-card{display:grid;grid-template-columns:minmax(390px,1.08fr) minmax(390px,.92fr);width:min(1000px,100%);height:min(660px,calc(100vh - 64px));padding:0;border:1px solid #d9e0e8;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 24px 70px #1f36551f,0 4px 14px #1f365514}.auth-showcase{position:relative;display:flex;flex-direction:column;min-width:0;padding:34px 38px;color:#fff;background:linear-gradient(145deg,#061b3a 0%,#073f78 50%,#096bb1 100%);overflow:hidden}.auth-showcase:before{content:"";position:absolute;width:440px;height:440px;right:-220px;top:-210px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff06}.showcase-brand{position:relative;z-index:2;display:flex;align-items:center;gap:11px}.showcase-brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;color:#07539a;background:#fff;font-weight:800}.showcase-brand strong{font-size:18px;font-weight:650;letter-spacing:-.02em}.showcase-copy{position:relative;z-index:2;margin-top:58px;max-width:390px}.showcase-kicker{display:block;margin-bottom:14px;color:#80c9ff;font-size:10px;font-weight:700;letter-spacing:.18em}.showcase-copy h2{margin:0;color:#fff;font-size:38px;line-height:1.18;font-weight:650;letter-spacing:-.045em}.showcase-copy p{max-width:360px;margin:17px 0 0;color:#c7e5fb;font-size:13px;line-height:1.7}.showcase-visual{position:relative;z-index:2;flex:1;min-height:250px;margin-top:25px}.visual-grid{position:absolute;inset:15px -50px -45px;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000)}.visual-glow{position:absolute;width:220px;height:220px;left:110px;top:50px;border-radius:50%;background:#36b7ff33;filter:blur(35px)}.visual-window{position:absolute;left:16px;right:30px;top:32px;height:155px;border:1px solid #ffffff25;border-radius:10px;background:#061b35cc;box-shadow:0 20px 45px #00152c55;transform:perspective(700px) rotateX(2deg) rotateY(-3deg)}.visual-bar{display:flex;align-items:center;gap:5px;height:31px;padding:0 11px;border-bottom:1px solid #ffffff13}.visual-bar i{width:6px;height:6px;border-radius:50%;background:#4da9e9}.visual-bar i:nth-child(2){opacity:.65}.visual-bar i:nth-child(3){opacity:.4}.visual-bar span{margin-left:7px;color:#72a8d0;font:8px ui-monospace,monospace}.visual-code{display:grid;gap:11px;padding:19px}.visual-code b{display:block;height:5px;border-radius:3px;background:linear-gradient(90deg,#42b8ff 0 18%,#9ce3ff 18% 52%,#ffffff18 52% 76%,transparent 76%)}.visual-code b:nth-child(2){width:78%;margin-left:22px;background:linear-gradient(90deg,#c38fff 0 24%,#ffffff22 24% 70%,transparent 70%)}.visual-code b:nth-child(3){width:88%;margin-left:22px}.visual-code b:nth-child(4){width:63%;margin-left:42px;background:linear-gradient(90deg,#62d69a 0 32%,#ffffff20 32% 100%)}.visual-code b:nth-child(5){width:72%}.visual-chip{position:absolute;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #ffffff30;border-radius:8px;background:#ffffffed;box-shadow:0 9px 24px #001b3960;color:#17324e}.visual-chip>i{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#dff6e9;color:#0e7b43;font-style:normal;font-weight:800}.visual-chip span{display:flex;flex-direction:column}.visual-chip strong{font-size:9px}.visual-chip small{margin-top:2px;color:#708398;font-size:7px}.chip-secure{right:5px;top:5px}.chip-agent{left:0;top:169px}.chip-agent>i{color:#6352b8;background:#ebe7ff}.showcase-foot{position:relative;z-index:2;display:flex;justify-content:space-between;color:#a9cde8;font-size:9px}.showcase-foot span{display:flex;align-items:center;gap:6px}.showcase-foot i{width:6px;height:6px;border-radius:50%;background:#59d68b;box-shadow:0 0 0 3px #59d68b20}.auth-panel{display:flex;flex-direction:column;padding:48px 52px 34px;background:#fff}.auth-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:auto}.auth-mobile-brand .auth-logo{width:35px;height:35px;margin:0;border-radius:7px;box-shadow:0 5px 12px #0078d42b}.auth-mobile-brand strong{font-size:17px;letter-spacing:-.025em}.auth-loading{display:flex;align-items:center;gap:10px;margin:auto 0;color:#66717e}.auth-loading i{width:14px;height:14px;border:2px solid #d5e3f0;border-top-color:#0078d4;border-radius:50%;animation:authSpin .8s linear infinite}.auth-form{align-self:stretch;margin:auto 0;padding:25px 0 12px}.auth-heading{margin-bottom:24px}.auth-heading span{display:inline-flex;padding:4px 7px;border-radius:3px;color:#005a9e;background:#e7f3fb;font-size:9px;letter-spacing:.13em}.auth-heading h1{margin:13px 0 8px;font-size:27px;letter-spacing:-.035em}.auth-heading p{font-size:12px;line-height:1.6}.auth-form{gap:13px}.auth-form label{gap:6px;color:#3c4650;font-size:11px}.auth-form input{height:42px;padding:0 12px;border:1px solid #c5ced8;border-radius:5px;background:#fbfcfd;transition:border .15s,box-shadow .15s,background .15s}.auth-form input:hover{border-color:#8a9aaa;background:#fff}.auth-form input:focus{border-color:#1683d8;background:#fff;box-shadow:0 0 0 3px #1683d815}.auth-form button{display:flex;align-items:center;justify-content:center;gap:12px;height:44px;margin-top:3px;border-radius:5px;background:linear-gradient(90deg,#0078d4,#086fc0);box-shadow:0 5px 13px #0078d42c;transition:transform .15s,box-shadow .15s}.auth-form button b{font-size:17px;font-weight:400}.auth-form button:hover{background:linear-gradient(90deg,#006cbe,#075fa3);box-shadow:0 7px 17px #0078d43b;transform:translateY(-1px)}.auth-error{min-height:16px}.auth-foot{display:flex;align-items:center;gap:6px;margin-top:auto;color:#87919c}.auth-foot i{color:#1683d8;font-style:normal}@keyframes authSpin{to{transform:rotate(360deg)}}@media(max-width:800px){.auth-screen{padding:18px}.auth-card{display:block;width:min(470px,100%);height:auto;max-height:calc(100vh - 36px);overflow:auto}.auth-showcase{display:none}.auth-panel{min-height:min(620px,calc(100vh - 36px));padding:32px}.auth-mobile-brand{margin-bottom:35px}.auth-form{margin:auto 0}.auth-foot{margin-top:28px}}@media(max-height:730px) and (min-width:801px){.auth-card{height:calc(100vh - 30px)}.auth-screen{padding:15px}.showcase-copy{margin-top:28px}.showcase-copy h2{font-size:32px}.auth-panel{padding-top:28px;padding-bottom:24px}.auth-form{padding:12px 0}.auth-heading{margin-bottom:15px}.auth-form{gap:9px}.auth-form input{height:38px}}