/* Original LOHA implementation inspired by the public Tailark Login listing on 21st.dev.
   Reference: https://21st.dev/@meschacirung/components/login-1
   No gated source, remote authentication SDKs or third-party trackers are embedded. */
.login-mode{background:#eceef2}.login-mode>header{display:none}.login-mode main{max-width:1160px;margin:0 auto;padding:36px 22px;min-height:100dvh;box-sizing:border-box;display:grid;align-items:center}.login-shell{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid #dce1e9;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px #14233718}.login-art{background:radial-gradient(ellipse at 5% 95%,#8b0b1b 0,transparent 55%),linear-gradient(145deg,#24262d,#101115);color:white;padding:50px 44px;position:relative;display:flex;flex-direction:column;overflow:hidden}.login-art:after{content:'';position:absolute;right:-140px;top:160px;width:430px;height:430px;border:1px solid #ffffff10;border-radius:50%;box-shadow:0 0 0 55px #ffffff03,0 0 0 110px #ffffff02;pointer-events:none}.login-art img{width:220px;height:110px;object-fit:contain;align-self:flex-start;margin-bottom:65px;position:relative;z-index:1}.login-eyebrow{font-size:12px!important;font-weight:700;letter-spacing:2px}.login-art .login-eyebrow{color:#ff8696}.login-art h1{font-size:37px;line-height:1.55!important;white-space:pre-line;margin:15px 0 18px;position:relative;z-index:1}.login-art>p{color:#d4d7df;font-size:16px;max-width:380px}.login-art-footer{margin-top:auto;padding-top:70px;display:grid;gap:4px}.login-art-footer p{font-size:13px;color:#c9cbd1;margin:0;padding:8px 0;border-bottom:1px solid #ffffff12}.login-form-panel{padding:68px 48px 40px;display:flex;flex-direction:column;justify-content:center}.login-form-panel h2{font-size:30px;margin:12px 0 3px}.login-form-panel>.note{margin:0 0 28px}.login-form-panel form{max-width:none}.login-form-panel input{background:#f9fafc;border-color:#dce2eb}.login-form-panel input:focus{background:white}.login-form-panel label{font-size:15px}.login-form-panel form>button{margin-top:4px;box-shadow:0 5px 14px #d7192d25}.login-form-panel .password-toggle{min-height:26px;padding:3px 0;border:none;text-align:right;background:transparent;font-size:13px;box-shadow:none}.login-help{font-size:13px;line-height:1.9;margin:20px 0}.login-help summary{cursor:pointer;color:#5b6575}.login-help p{color:#5b6575}.platform-signin{display:block;text-align:center;border:1px solid #dce2eb;padding:10px;border-radius:9px;font-weight:700;margin:4px 0 15px}.login-form-panel>a:not(.platform-signin){font-size:13px;text-align:center}.login-private{font-size:12px!important;color:#7b8493;text-align:center;border-top:1px solid #edf0f4;padding-top:20px;margin-top:25px}.session-row{border-bottom:1px solid #e1e6ee;padding:16px 0;overflow-wrap:anywhere}.session-row p{font-size:14px;margin:6px 0}.session-row button{display:block;margin-top:10px}@media(max-width:760px){.login-mode main{padding:16px;min-height:100dvh;align-items:start}.login-shell{grid-template-columns:1fr;border-radius:18px}.login-art{padding:20px 24px}.login-art img{width:150px;height:64px;margin:0 0 10px}.login-art h1{font-size:24px;margin:10px 0 5px}.login-art>p,.login-art-footer{display:none}.login-art .login-eyebrow{font-size:10px!important}.login-form-panel{padding:28px 24px}.login-form-panel h2{font-size:26px}}

/* Quiet orbital artwork; transform/opacity only, without a JavaScript render loop. */
.login-art{isolation:isolate}
.login-art>*{position:relative;z-index:1}
.login-art:after{z-index:0;border:1px solid #f5394933;border-top-color:#ff566d;border-right-color:#ef233c99;box-shadow:0 0 22px #ed183322,0 0 0 55px #ffffff03,0 0 0 110px #ffffff02;animation:loha-orbit 24s linear infinite;transform-origin:center}
.login-art:before{content:'';position:absolute;z-index:0;pointer-events:none;right:-170px;top:130px;width:490px;height:490px;border-radius:50%;background:radial-gradient(circle,transparent 53%,#ed183316 64%,transparent 73%);animation:loha-halo 7s ease-in-out infinite alternate}
@keyframes loha-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes loha-halo{from{transform:scale(.96);opacity:.4}to{transform:scale(1.06);opacity:1}}
@media(max-width:760px){.login-art:after{width:260px;height:260px;right:-90px;top:-28px}.login-art:before{width:300px;height:300px;right:-110px;top:-48px}}
@media(prefers-reduced-motion:reduce){.login-art:before,.login-art:after{animation:none}}

.login-logo-shine{width:220px;height:110px;align-self:flex-start;margin-bottom:65px;position:relative;flex-shrink:0}
.login-art .login-logo-shine img{display:block;width:100%;height:100%;margin:0;object-fit:contain}
.login-logo-shine:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(110deg,transparent 38%,#ff52684d 44%,#ffffffbf 50%,#ffafba66 55%,transparent 62%);background-size:300% 100%;background-position:150% 0;-webkit-mask:url('/assets/branding/loha-detek-transparent.png') center/contain no-repeat;mask:url('/assets/branding/loha-detek-transparent.png') center/contain no-repeat;animation:loha-logo-sheen 8s ease-in-out infinite}
@keyframes loha-logo-sheen{0%,12%{background-position:150% 0;opacity:0}16%{opacity:1}42%{background-position:-50% 0;opacity:1}48%,100%{background-position:-50% 0;opacity:0}}
@media(max-width:760px){.login-logo-shine{width:150px;height:64px;margin:0 0 10px}}
@media(prefers-reduced-motion:reduce){.login-logo-shine:after{animation:none;opacity:0}}