/* Sandbox only: centered login over Draxler wallpaper. */
html,body{background:#05090c;color:#f1f5f7}
.sp-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;isolation:isolate;background:#05090c}
.sp-shell:before{content:"";position:fixed;inset:0;z-index:-2;background:url('draxler-wallpaper.png') center center/cover no-repeat}
.sp-shell:after{content:"";position:fixed;inset:0;z-index:-1;background:rgba(0,0,0,.23);pointer-events:none}
.sp-hero{display:none!important}
.sp-access{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:45px 20px;background:transparent!important;overflow:visible}
.sp-access:before,.sp-access:after{display:none!important}
.sp-form-wrap{width:min(430px,100%);transform:none;padding:28px 32px 25px;background:rgba(6,14,19,.79);border:1px solid rgba(129,184,147,.3);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.6);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.sp-mobile-logo{display:none!important}
.sp-heading{margin:0 0 24px;text-align:center}
.sp-heading h1{font-size:28px;color:#fff}
.sp-heading span{margin:13px auto 17px;background:#65c927}
.sp-heading p{color:#d0d7dc;font-size:14px}
.sp-field{height:54px;background:rgba(4,12,17,.8);border:1px solid #53646a;border-radius:8px;box-shadow:none}
.sp-field:focus-within{border-color:#7ad43d;box-shadow:0 0 0 3px rgba(110,211,55,.17)}
.sp-field>svg{stroke:#9dc9a4}.sp-field input{color:#fff;font-size:14px}.sp-field input::placeholder{color:#bdc9c9}.sp-eye{color:#c6d2d1}
.sp-form{gap:13px}.sp-submit{height:55px;background:linear-gradient(100deg,#216d26,#398f23);box-shadow:0 8px 22px rgba(0,0,0,.3)}
.sp-submit i{background:rgba(255,255,255,.35)}
.sp-divider{margin:20px 0 12px}.sp-divider span{background:#516267}.sp-divider em,.sp-audience{color:#c1cdca;font-size:12px}
.sp-version{margin-top:16px;color:#abbab6}
.sp-footer{min-height:60px;background:rgba(3,9,12,.75);border-top:1px solid rgba(108,196,63,.3);padding:10px 20px}
.sp-footer div:first-child{font-size:12px}.sp-footer div:last-child{font-size:11px}
.sp-preview{position:relative;z-index:2}
.sp-message-stack{max-height:35vh;overflow:auto}
@media(max-width:780px){.sp-shell{display:flex}.sp-access{min-height:0;padding:28px 16px}.sp-form-wrap{padding:25px 22px}.sp-footer{min-height:60px}.sp-shell:before{background-position:center center}}
@media(max-width:440px){.sp-access{padding:16px 12px}.sp-form-wrap{padding:22px 18px}.sp-heading h1{font-size:25px}.sp-field,.sp-submit{height:53px}}