.login-page{background:#fff;min-height:100dvh}.login-layout{max-width:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.login-story{background:linear-gradient(150deg,#f9f6fd 0%,#f1edf9 55%,#e9e4f6 100%);padding:44px 58px 30px;display:flex;flex-direction:column;overflow:hidden}.login-story .brand{margin:0;font-size:28px;width:fit-content}.story-content{margin:auto 0;padding:58px 0 30px}.story-content .eyebrow{font-size:10px;letter-spacing:2px;color:#9683b4}.story-content h1{font-size:clamp(34px,3.9vw,58px);letter-spacing:-2.5px;line-height:1.12;font-weight:650;margin:20px 0}.story-content>p{font-size:14px;color:#8f829f;line-height:1.8}.story-features{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px;color:#927eae;font-size:11px}.login-footnote{font-size:9px;letter-spacing:1.7px;color:#a596b9;margin-top:25px}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 45px 28px;position:relative}.login-box{width:100%;max-width:360px;margin:auto 0}.login-lock{font-size:29px;width:53px;height:53px;background:#f4effb;color:#9a79d0;border:1px solid #ece4f7;border-radius:15px;display:grid;place-items:center;margin-bottom:30px}.login-box .eyebrow{font-size:9px;letter-spacing:1.6px;color:#a18eb7;margin-bottom:12px}.login-box h2{font-size:27px;letter-spacing:-.8px;font-weight:600;line-height:1.3}.login-intro{margin:10px 0 30px;font-size:13px;color:#96909e}.login-box label{font-size:12px;margin:21px 0 9px}.login-box input{height:47px;font-size:13px;border-color:#e4dfeb;background:#fff}.password-field{position:relative}.password-field input{padding-right:75px}.password-field button{position:absolute;right:12px;top:15px;border:none;background:none;color:#a08cb6;font-size:10px}.login-box .primary{height:47px;margin-top:27px;font-size:12px;justify-content:space-between;padding:0 17px;box-shadow:0 4px 12px #7954d524}.login-restricted{text-align:center;font-size:11px;color:#a397b1;line-height:1.8;margin-top:24px}.login-help{font-size:10px;text-align:center;color:#b0a8b8;line-height:1.8;border-top:1px solid #f0edf4;padding-top:20px;margin-top:25px}.login-copyright{font-size:10px;color:#b0a8ba;margin-top:50px}.login-art{width:240px;height:150px;position:relative;margin:42px 0 12px}.art-orbit{position:absolute;width:180px;height:135px;border:1px solid #d3c4e766;transform:rotate(-20deg);left:5px;top:8px;border-radius:50%}.login-art-card{position:absolute;width:155px;height:121px;border:6px solid white;outline:1px solid #e2d8ee;box-shadow:0 20px 40px #8a6fa026;background:linear-gradient(145deg,#f6f0fc,#e8def5);border-radius:14px;left:30px;top:0;transform:rotate(-7deg);overflow:hidden}.login-art-card>span{position:absolute;font-size:21px;color:#a381d2;left:12px;top:12px}.login-art-card .art-sun{width:26px;height:26px;background:#c8acdf;right:19px;top:17px}.login-art-card .art-mountain{width:110px;height:100px;top:66px;left:-4px}.login-art-card .art-mountain.two{left:76px;top:71px;background:#b799d4}.art-label{position:absolute;right:0;bottom:10px;border-radius:7px;background:white;color:#997cbf;box-shadow:0 5px 20px #9a84ba15;padding:12px 18px;font-size:9px;letter-spacing:1.3px;transform:rotate(5deg)}#login-message{font-size:12px;line-height:1.7;color:#a65365;background:#fff2f5;border:1px solid #f3dfe5;border-radius:7px;padding:11px 13px;margin-top:17px}@media(max-width:800px){.login-story{padding:35px 30px}.login-panel{padding:35px 28px}.story-content h1{letter-spacing:-1.5px;font-size:38px}.story-content>p{font-size:12px}.story-features{gap:14px}.login-box h2{font-size:24px}}@media(max-width:620px){.login-layout{grid-template-columns:1fr}.login-story{padding:26px 27px}.login-story .brand{font-size:24px}.story-content{padding:24px 0 0}.story-content .eyebrow,.story-content>p,.login-art,.story-features,.login-footnote{display:none}.story-content h1{font-size:27px;margin:0;letter-spacing:-1px;line-height:1.3}.story-content h1 br{display:none}.story-content h1 span:before{content:' '}.login-panel{padding:35px 27px 20px}.login-lock{display:none}.login-box h2{font-size:25px}.login-box .eyebrow{font-size:8px}.login-copyright{margin-top:32px}}
.login-story .brand>span:last-child{display:inline}