.login-page{padding:48px 5%;min-height:calc(100vh - 180px);background:radial-gradient(ellipse at 15% 50%,#eaf0dd70,transparent 60%)}
.login-shell{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1020px;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 20px 70px #20221e08}
.login-story{position:relative;background:#20241d;color:white;padding:48px 40px;overflow:hidden;display:flex;flex-direction:column}
.login-story::before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;right:-260px;top:-230px;background:radial-gradient(circle,#b5f40020,transparent 70%);pointer-events:none}
.login-story .eyebrow{font-size:9px;color:#d3ddc5}
.login-story h2{font-size:43px;line-height:1.2;margin:32px 0 18px;letter-spacing:-2px;position:relative}
.login-story h2 em{color:var(--lime);font-style:normal}
.login-story>p{color:#b7c0ab;font-size:13px;max-width:310px;line-height:1.85}
.login-art{height:210px;position:relative;display:grid;place-items:center;margin:25px 0}
.login-art svg{width:105px;height:105px;color:var(--lime);position:relative;z-index:1}
.login-orbit{position:absolute;border:1px solid #b5f40028;border-radius:50%;width:175px;height:175px}
.orbit-two{width:235px;height:235px;border-style:dashed;border-color:#b5f40016}
.login-art-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lime);top:29px;left:calc(50% + 56px);box-shadow:0 0 0 7px #b5f4000b}
.login-story-foot{margin-top:auto;border-top:1px solid #ffffff16;padding-top:22px;font-size:10px;color:#c4ccb9;display:flex;align-items:center;gap:9px}
.login-status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}
.login-shell .login-card{max-width:none;border:0;border-radius:0;padding:35px 48px 40px}
.login-logo{display:block;width:200px;height:85px;overflow:hidden;margin:0 0 20px -16px}
.login-logo img{display:block;width:250px;height:95px;object-fit:cover;object-position:center;max-width:none;margin-left:-25px}
.login-card>.eyebrow{color:#7a8666;font-size:8px;letter-spacing:1.5px}
.login-shell .login-card h1{font-size:35px;line-height:1.2;margin:16px 0 12px;letter-spacing:-1.7px}
.login-shell .login-card .muted{margin-bottom:26px}
.login-shell .login-card label{margin:20px 0 0;font-size:11px}
.login-shell .login-card input{min-height:47px;background:#f8faf5}
.password-control{position:relative}
.password-control input{padding-right:78px!important}
.password-control button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:10px;font-weight:600;color:#5e6e43;padding:8px}
.login-card .submit{min-height:47px;margin-top:25px}
.login-card .secure{margin:12px 0 24px}
.login-help{border-top:1px solid var(--line);padding-top:20px;font-size:10px}
.login-help strong{font-weight:600}
.login-help p{color:var(--muted);margin:4px 0 20px;line-height:1.7}
.login-card .login-back{font-size:11px;color:#637147}
@media(prefers-reduced-motion:no-preference){.login-story h2,.login-story>p,.login-art,.login-story-foot{animation:login-arrive 750ms var(--motion-ease) both}.login-story h2{animation-delay:60ms}.login-story>p{animation-delay:140ms}.login-art{animation-delay:220ms}.login-story-foot{animation-delay:280ms}@keyframes login-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:850px){.login-story{padding:35px 28px}.login-story h2{font-size:34px}.login-shell .login-card{padding:30px}.login-shell .login-card h1{font-size:30px}}
@media(max-width:600px){.login-page{padding:24px 5%}.login-shell{grid-template-columns:1fr;border-radius:16px}.login-story{padding:25px}.login-story h2{font-size:29px;margin:18px 0 8px}.login-story>p{margin-bottom:0;max-width:none}.login-art,.login-story-foot{display:none}.login-shell .login-card{padding:25px}.login-logo{margin-bottom:14px;height:70px}.login-shell .login-card h1{font-size:32px}}