:root{--login-ink:#0b1734;--login-violet:#5b4df5;--login-line:#dbe3f2}.login-showcase-page{display:block;padding:0;background:radial-gradient(circle at 0 0,#e9efff 0,transparent 28%),radial-gradient(circle at 100% 100%,#edeaff 0,transparent 30%),#f8faff;color:var(--login-ink)}.login-page-frame{width:min(1110px,calc(100% - 40px));margin:auto;padding:38px 0 28px}.login-page-top{height:66px;display:flex;align-items:flex-start;justify-content:space-between;padding:0 24px}.back-site{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border:1px solid var(--login-line);border-radius:999px;background:rgba(255,255,255,.7);color:#5147e9;text-decoration:none}.login-page-top p{margin:3px 0;color:#71809d;text-align:right;line-height:1.25}.login-shell{display:grid;grid-template-columns:1.02fr .98fr;min-height:720px;padding:0;border:1px solid rgba(211,220,239,.9);border-radius:30px;background:#fff;box-shadow:0 28px 80px rgba(38,55,96,.14);overflow:hidden}.login-showcase-page .login-card{width:auto;padding:55px 52px 34px;border:0;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none}.login-showcase-page .login-brand{width:190px;height:68px;margin-bottom:22px}.login-showcase-page .eyebrow{margin:0 0 10px;color:#5147e9}.login-showcase-page h1{font-size:clamp(38px,4vw,50px);white-space:nowrap}.login-showcase-page .muted{margin-bottom:30px}.login-showcase-page form{gap:18px}.login-showcase-page input{height:60px;border-color:#cad7eb;background:#f8fbff}.login-showcase-page .password-toggle{top:9px;right:9px;display:grid;place-items:center;border-radius:11px}.login-showcase-page .password-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.login-showcase-page .login-options{font-size:13px}.login-showcase-page .login-submit{display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(110deg,#4b46ea,#934bf1);box-shadow:0 14px 28px rgba(91,77,245,.25)}.secure-access{display:flex;align-items:center;gap:16px;margin-top:28px;padding:16px 18px;border:1px solid #dce3f3;border-radius:14px;background:#fbfcff}.secure-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#eeecff;color:#594bf2;font-size:22px;font-weight:900}.secure-access p{display:grid;gap:4px;margin:0}.secure-access small{color:#71809d;line-height:1.35}.login-showcase-page .login-card footer a{font-weight:500}.login-visual{position:relative;min-width:0;padding:108px 48px 40px;background:radial-gradient(circle at 90% 10%,rgba(113,95,255,.22),transparent 35%),linear-gradient(145deg,#f5f7ff,#dadcff);overflow:hidden}.login-visual:before,.login-visual:after{content:"";position:absolute;border:55px solid rgba(255,255,255,.22);border-radius:50%;width:190px;height:190px}.login-visual:before{right:-105px;top:-90px}.login-visual:after{left:-120px;bottom:-125px}.visual-copy{position:relative;z-index:2}.visual-copy>span{display:inline-block;padding:7px 13px;border-radius:999px;background:rgba(91,77,245,.1);color:#5147e9;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.visual-copy h2{margin:22px 0 20px;font-size:42px;line-height:1.08;letter-spacing:-.04em}.visual-copy h2 em{color:#5648eb;font-style:normal}.visual-copy p{color:#667493;font-size:18px;line-height:1.4}.dashboard-preview{position:absolute;z-index:2;left:65px;right:-44px;bottom:98px;height:270px;display:grid;grid-template-columns:94px 1fr;padding:14px;border:10px solid rgba(255,255,255,.66);border-radius:24px;background:#fff;box-shadow:0 30px 45px rgba(79,70,229,.18);transform:rotate(7deg)}.preview-sidebar{display:grid;align-content:start;gap:22px;padding:10px;border-radius:12px;background:#f3f5ff}.preview-sidebar img{width:70px}.preview-sidebar i{display:block;width:58px;height:10px;border-radius:5px;background:#cbd3ea}.preview-content{padding:20px}.preview-content>b,.preview-content>span{display:block;height:9px;margin-bottom:10px;border-radius:6px;background:#d9deef}.preview-content>b{width:48%}.preview-content>span{width:28%}.preview-chart{height:70px;margin:18px 0;border-radius:12px;background:linear-gradient(180deg,#f7f5ff,#fff);overflow:hidden}.preview-chart i{display:block;width:120%;height:70px;border-top:4px solid #744cf4;border-radius:50%;transform:translate(-8px,38px) rotate(-8deg)}.preview-stat{position:relative;margin-top:9px;padding:10px 12px;border-radius:11px;background:#f8f9ff}.preview-stat small{display:block;color:#71809d}.preview-stat strong{font-size:20px}.preview-stat em{position:absolute;right:11px;bottom:12px;color:#12a76c;font-size:11px;font-style:normal;font-weight:800}.visual-note{position:absolute;right:42px;bottom:26px;z-index:3;margin:0;color:#594bf2;font-size:27px;transform:rotate(-5deg)}.visual-note span{display:inline-block;color:#29365a;font-size:14px;font-style:italic}.login-page-foot{text-align:center;color:#8390aa;font-size:12px}
@media(max-width:900px){.login-page-frame{width:min(620px,calc(100% - 28px));padding:18px 0}.login-page-top{height:54px;padding:0 4px}.login-page-top p{display:none}.login-shell{display:block;min-height:0;border-radius:25px}.login-visual{display:none}.login-showcase-page .login-card{padding:36px 28px 28px}.login-showcase-page h1{white-space:normal}.login-page-foot{margin-bottom:0}}
@media(max-width:520px){.login-page-frame{width:100%;padding:0}.login-page-top{display:none}.login-shell{border-width:0;border-radius:0;box-shadow:none}.login-showcase-page .login-card{padding:28px 20px 24px}.login-showcase-page .login-brand{width:158px;height:55px;margin-bottom:15px}.login-showcase-page h1{font-size:35px}.login-showcase-page .muted{font-size:15px;margin-bottom:24px}.login-showcase-page input{height:56px}.login-showcase-page .login-options{align-items:center;flex-direction:row;gap:8px}.login-showcase-page .login-options a{text-align:right}.secure-access{margin-top:22px}.login-page-foot{display:none}}