:root{--login-navy:#0d2d64;--login-navy-deep:#09234f;--login-blue:#2559df;--login-cyan:#72d6ff;--login-white:#fff;--login-ink:#101828;--login-muted:#667085;--login-line:#dce3ee;--login-canvas:#f8faff;--login-danger:#b42318}
*{box-sizing:border-box}.dion-login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;margin:0;background:var(--login-canvas);color:var(--login-ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.dion-login-story{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:clamp(46px,7vw,106px) clamp(45px,7vw,112px);background:linear-gradient(145deg,var(--login-navy) 0%,var(--login-navy-deep) 100%);color:var(--login-white)}.login-grid-pattern{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:48px 48px}.login-orbit{position:absolute;z-index:-1;border:1px solid #ffffff24;border-radius:50%}.orbit-one{width:320px;height:320px;right:-125px;top:-110px}.orbit-two{width:180px;height:180px;left:-90px;bottom:-70px}.login-logo{width:132px;filter:brightness(0) invert(1)}.login-story-copy{margin:auto 0}.login-eyebrow{color:var(--login-blue);font-size:11px;font-weight:850;letter-spacing:.16em}.dion-login-story .login-eyebrow{color:var(--login-cyan)}.login-story-copy h1{max-width:720px;margin:18px 0 24px;font-size:clamp(42px,4.3vw,68px);line-height:1.02;letter-spacing:-.052em}.login-story-copy p{max-width:650px;margin:0;color:#d3e0f7;font-size:clamp(16px,1.2vw,20px);line-height:1.65}.login-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.login-feature-grid article{display:flex;gap:12px;align-items:flex-start;min-height:112px;padding:20px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff0c;backdrop-filter:blur(8px)}.login-feature-grid article>span{color:var(--login-cyan);font-size:22px}.login-feature-grid strong,.login-feature-grid small{display:block}.login-feature-grid strong{font-size:14px}.login-feature-grid small{margin-top:6px;color:#b7cae9;font-size:12px;line-height:1.4}.dion-login-panel{display:grid;place-items:center;padding:44px}.dion-login-form{width:min(440px,100%)}.login-mobile-logo{display:none}.dion-login-form h2{margin:14px 0 8px;font-size:38px;letter-spacing:-.045em}.dion-login-form>p{margin:0 0 30px;color:var(--login-muted)}.login-error{margin-bottom:18px;padding:12px 14px;border-radius:10px;background:#fff0f0;color:var(--login-danger);font-size:13px}.login-field{display:grid;gap:8px;margin:19px 0}.login-field>label{font-size:13px;font-weight:750}.login-control{display:flex;align-items:center;min-height:54px;padding:0 14px;border:1px solid var(--login-line);border-radius:11px;background:var(--login-white);transition:border-color .18s,box-shadow .18s}.login-control:focus-within{border-color:var(--login-blue);box-shadow:0 0 0 4px #2559df17}.login-control>span{width:28px;color:#98a2b3}.login-control input{width:100%;height:50px;padding:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:15px}.login-control button{width:36px;height:36px;border:0;background:transparent;color:#7d899c;cursor:pointer}.login-field small{color:var(--login-danger)}.login-options{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0 28px;color:var(--login-muted);font-size:13px}.login-options label{display:flex;align-items:center;gap:7px}.login-options input{accent-color:var(--login-blue)}.login-submit{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:54px;border:0;border-radius:10px;background:var(--login-blue);color:var(--login-white);font-size:15px;font-weight:800;box-shadow:0 12px 26px #2559df25;cursor:pointer}.login-submit:hover{background:#1645c4}.login-submit b{font-size:20px}.dion-login-form footer{margin-top:22px;color:#98a2b3;text-align:center;font-size:12px}@media(max-width:860px){.dion-login-page{grid-template-columns:1fr}.dion-login-story{display:none}.dion-login-panel{min-height:100vh;padding:26px 22px}.login-mobile-logo{display:block;width:145px;margin-bottom:34px}.dion-login-form h2{font-size:32px}.login-options>span{display:none}}
 .login-device-location{display:grid;gap:10px;margin-top:14px;padding:12px;border-radius:12px;background:#f5f8fc;color:#52627b}.login-device-location>div{display:grid}.login-device-location strong{color:#17345f;font-size:12px}.login-device-location small{font-size:11px}.login-device-location iframe{width:100%;height:120px;border:0;border-radius:9px}