.login-layout{grid-template-columns:1.08fr 1fr}.login-intro{position:relative;overflow:hidden;padding:48px clamp(32px,5.7vw,100px);background:radial-gradient(ellipse at 95% 40%,#264862 0,transparent 58%),linear-gradient(155deg,#0d2032,#172f46 65%,#19354c);justify-content:space-between;gap:34px}.login-intro::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff12 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to right,transparent,#000);pointer-events:none}.login-intro>*{position:relative}.login-brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:27px;letter-spacing:-1px}.brand-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e8b76c;color:#152b3f;font-size:33px}.login-brand span{color:#e8b76c;margin:0;font-size:inherit}.login-brand small{display:block;font-size:9px;letter-spacing:3px;color:#96abba;font-weight:500;margin-top:3px}.login-copy{margin-top:14px}.intro-eyebrow{font-size:10px;letter-spacing:2px;color:#afc3d1;display:flex;align-items:center;gap:9px}.intro-eyebrow i,.preview-bottom i{width:6px;height:6px;border-radius:100%;background:#8ac7ac;display:inline-block}.login-intro h1{font-size:clamp(36px,3.8vw,62px);letter-spacing:-2.4px;font-weight:650;line-height:1.08;margin:22px 0}.login-intro h1 em{font-style:normal;color:#e8b76c}.login-intro .login-copy p{font-size:16px;line-height:1.65;color:#afc3d1;margin:0}.intro-preview{margin:0 10px 14px 0;border:1px solid #ffffff24;border-radius:17px;background:linear-gradient(120deg,#ffffff0c,#ffffff03);box-shadow:0 24px 65px #0003;transform:rotate(-2deg);max-width:530px}.preview-top{padding:16px 20px;border-bottom:1px solid #ffffff15;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#d3e0e8}.preview-top small{font-size:8px;letter-spacing:1.3px;color:#8aa3b7}.preview-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e8b76c;margin-right:7px}.preview-body{padding:20px}.preview-stat>small{font-size:10px;color:#99aebf}.preview-stat strong{display:block;font-size:23px;letter-spacing:-.6px;margin-top:7px}.preview-stat strong span{font-size:inherit;color:#e8b76c;margin:0}.preview-stat .preview-trend{display:block;font-size:10px;color:#9fcfb9;margin-top:10px}.preview-chart{width:100%;height:115px;margin-top:13px;overflow:visible}.preview-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff15;padding-top:12px}.preview-bottom span{margin:0;font-size:10px;color:#a8becd}.preview-bottom b{color:#9fcfb9}.preview-float{position:absolute;right:-27px;bottom:42px;display:flex;gap:10px;align-items:center;background:#f6f8fa;border:1px solid #fff;border-radius:12px;padding:13px 18px;box-shadow:0 14px 40px #0003;transform:rotate(2deg);color:#203b50;font-size:12px;font-weight:650}.preview-float .float-check{margin:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#def0e7;color:#388767;font-size:16px}.preview-float small{display:block;font-size:10px;color:#7b8c99;margin-top:3px;font-weight:400}.intro-footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.intro-footer span{font-size:9px;letter-spacing:1.8px;color:#c3d0da;margin:0}.intro-footer i{width:3px;height:3px;border-radius:50%;background:#e8b76c}.intro-footer small{flex-basis:100%;font-size:11px;color:#849dad;margin-top:2px}.login-panel{background:radial-gradient(ellipse at 85% 15%,#fff,#f3f5f8 65%)}.login-card{box-shadow:0 16px 65px #19324d09;border-color:#e4e9ef}.login-card h2{letter-spacing:-.6px}.demo-notice{padding:11px 15px;background:#fff5e4;border:1px solid #efdbb8;border-radius:10px;color:#80581d;font-size:12px;margin-bottom:20px}
@media(max-width:1000px){.login-intro{padding:32px;gap:28px}.preview-float{right:-12px}.preview-top{padding:12px}.preview-body{padding:15px}.preview-stat strong{font-size:19px}.preview-chart{height:95px}.login-intro h1{font-size:40px;letter-spacing:-1.5px}.login-panel{padding:24px}.login-card{padding:25px}}
@media(max-width:760px){.login-layout{grid-template-columns:1fr}.login-intro{padding:28px;gap:20px}.login-brand{font-size:24px}.login-copy{margin:0}.login-intro h1{font-size:38px;margin:15px 0}.login-intro .login-copy p{font-size:14px}.intro-preview{display:none}.intro-footer{display:none}.login-panel{padding:24px 18px}.login-card{max-width:460px}}
.login-intro .preview-dot{margin:0 7px 0 0}.login-intro .preview-top span{margin-top:0}