*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#f3f5f9;font-family:Inter,"Segoe UI",Arial,sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.story{position:relative;overflow:hidden;padding:48px 60px;background:radial-gradient(ellipse at 65% 68%,#203444 0,transparent 50%),linear-gradient(145deg,#16273a,#0b1625 75%);border-right:1px solid #263546;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:#f7e0ab;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:2px}.brand small{font-size:9px;font-weight:500;color:#a5b5c8;letter-spacing:2px;max-width:70px;line-height:1.6}.brand-mark{display:grid;place-items:center;border:1px solid #8c7650;border-radius:12px;width:43px;height:43px;background:#dfbd7620}.story-content{margin:auto 0;padding:65px 0 190px;position:relative}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#cbb080;display:flex;align-items:center;gap:9px}.eyebrow i{height:6px;width:6px;border-radius:50%;background:#e1be78;box-shadow:0 0 18px #e1be78}h1{font-size:clamp(34px,3.7vw,58px);line-height:1.12;letter-spacing:-2px;font-weight:550;margin:27px 0 22px}h1 em{font-style:normal;color:#e8c887}.story p{font-size:15px;line-height:1.85;color:#a8b9cc}.story footer{font-size:9px;letter-spacing:2px;color:#8194ad}.story footer span{margin:0 14px;color:#cbb080}.orbit{position:absolute;bottom:-12px;left:48%;width:240px;height:240px;transform:translateX(-35%);display:grid;place-items:center}.orbit-a,.orbit-b{position:absolute;inset:0;border:1px solid #d2ad5d30;border-radius:50%;transform:rotate(-25deg) scaleY(.7)}.orbit-b{inset:26px;transform:rotate(35deg) scaleY(.7)}.orbit b{display:grid;place-items:center;width:65px;height:65px;border:1px solid #d1ad6060;border-radius:19px;color:#e4c285;background:linear-gradient(150deg,#344046,#182a36);font-size:27px;box-shadow:0 0 60px #d7b35d15}.dot{width:8px;height:8px;background:#dcb873;border-radius:50%;position:absolute;box-shadow:0 0 16px #c6a36080}.one{top:60px;left:17px}.two{right:10px;bottom:87px}.three{bottom:48px;left:95px;width:5px;height:5px}.access{padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at top right,#1b253530,transparent 60%)}.login-card{width:100%;max-width:365px;margin:auto 0}.access-icon{width:46px;height:46px;background:#d8b77212;color:#e3c07d;border:1px solid #c4a36535;border-radius:14px;display:grid;place-items:center;font-size:26px;margin-bottom:35px}.access .eyebrow{margin-bottom:12px;font-size:9px}h2{font-size:29px;font-weight:550;letter-spacing:-1px;margin:0 0 12px}.subheading{font-size:13px;color:#94a3b8;margin:0 0 32px}label{display:block;font-size:12px;color:#cad3e0;margin-bottom:9px}input:not([type=checkbox]):not([type=hidden]){width:100%;background:#101d2c;border:1px solid #2c3c50;color:#eef2f8;padding:15px 16px;border-radius:9px;font:inherit;font-size:13px;outline:none}input:focus{border-color:#dbbb7c!important;box-shadow:0 0 0 3px #d9b77b15}input::placeholder{color:#697c94}#username{margin-bottom:22px}.password-field{position:relative}.password-field input{padding-right:80px!important}.password-field button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:#acbbcc;font-size:11px;cursor:pointer;padding:8px}.remember{display:flex;align-items:center;gap:8px;color:#aebccc;font-size:12px;margin:20px 0 27px;cursor:pointer}.remember input{accent-color:#dabb7e;width:15px;height:15px;margin:0}.submit{width:100%;border:1px solid #e5c785;border-radius:9px;padding:16px 18px;background:linear-gradient(110deg,#edd299,#d7b36c);color:#202735;font-weight:700;font-size:13px;cursor:pointer;display:flex;justify-content:space-between;box-shadow:0 8px 24px #d4ad5510}.submit:hover{filter:brightness(1.08)}button:focus-visible,a:focus-visible{outline:2px solid #eed29b;outline-offset:4px}.secure{text-align:center;color:#74859b;font-size:10px;margin-top:24px}.secure span{color:#c5a56d;margin-right:5px}.access footer{width:100%;max-width:365px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#64758c;padding-top:55px}.access footer span{letter-spacing:0}.error{background:#a839391b;border:1px solid #c5626255;color:#ffbdbd;padding:12px;font-size:12px;border-radius:8px;margin-bottom:18px}@media(max-width:850px){.story{padding:35px}.access{padding:35px}h1{font-size:38px}}@media(max-width:620px){.login-shell{display:block}.story{padding:23px;border:0;background:#132235}.story-content,.story footer{display:none}.brand{font-size:17px}.brand-mark{height:35px;width:35px}.access{min-height:calc(100vh - 81px);padding:35px 25px}.access-icon{margin-bottom:24px}.access footer{padding-top:40px}h2{font-size:28px}}
/* Independent particles follow the same ellipses as their tracks. */
.orbit-track{position:absolute;inset:0;transform:rotate(-25deg) scaleY(.7);pointer-events:none}
.orbit-track.inner{inset:26px;transform:rotate(35deg) scaleY(.7)}
.orbit .orbit-track .dot{left:50%;top:50%;right:auto;bottom:auto;margin:-4px;animation:orbit-travel 18s linear infinite;--radius:120px}
.orbit .orbit-track .two{--radius:94px;animation-duration:24s;animation-direction:reverse;animation-delay:-8s}
.orbit .orbit-track .three{animation-delay:-11s;margin:-2.5px}
.orbit b{animation:orbit-glow 5s ease-in-out infinite}
@keyframes orbit-travel{from{transform:rotate(0deg) translateX(var(--radius))}to{transform:rotate(360deg) translateX(var(--radius))}}
@keyframes orbit-glow{50%{box-shadow:0 0 45px #d7b35d28;border-color:#d1ad6090}}
@media(prefers-reduced-motion:reduce){.orbit .orbit-track .dot,.orbit b{animation:none}.orbit .one{transform:rotate(40deg) translateX(120px)}.orbit .two{transform:rotate(160deg) translateX(94px)}.orbit .three{transform:rotate(250deg) translateX(120px)}}