.login-page{display:block;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 16% 18%,rgba(191,30,46,.22),transparent 28%),radial-gradient(circle at 84% 18%,rgba(119,184,42,.16),transparent 24%),radial-gradient(circle at 50% 52%,rgba(33,99,164,.16),transparent 28%),linear-gradient(145deg,#06101d,#0a1725 52%,#07111f)}
.login-page::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}
.login-container{position:relative;width:min(100%,1100px);margin:0 auto;padding:25px 20px 80px}.login-glow{position:fixed;width:42vw;height:42vw;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none}.login-glow.red{left:-12vw;top:0;background:#bf1e2e}.login-glow.green{right:-12vw;bottom:-8vw;background:#77b82a}
.original-stage{position:relative;width:min(92vw,760px);aspect-ratio:1.35/1;display:grid;place-items:center;margin:0 auto -45px}.original-orbit{position:absolute;inset:50%;translate:-50% -50%;border:1px solid rgba(255,255,255,.15);border-radius:50%;will-change:transform;transform-origin:center center;-webkit-backface-visibility:hidden;backface-visibility:hidden}.original-orbit.one{width:78%;height:52%;transform:rotate(24deg);animation:original-spin1 17s linear infinite!important}.original-orbit.two{width:86%;height:60%;transform:rotate(-18deg);animation:original-spin2 22s linear infinite!important}.original-orbit.three{width:70%;height:70%;animation:original-spin3 28s linear infinite!important}.original-dot{position:absolute;width:12px;height:12px;border-radius:50%;box-shadow:0 0 20px currentColor}.original-orbit.one .original-dot{top:7%;left:27%;color:#fff;background:#fff}.original-orbit.two .original-dot{right:12%;top:42%;color:#e14a57;background:#e14a57}.original-orbit.three .original-dot{left:12%;bottom:18%;color:#77b82a;background:#77b82a}
.original-cloud-wrap{position:relative;width:48%;min-width:280px;max-width:390px;aspect-ratio:1.85/1;animation:original-float 5.5s ease-in-out infinite;filter:drop-shadow(0 28px 45px rgba(0,0,0,.35))}.original-cloud{position:absolute;inset:auto 0 0;height:68%;border-radius:90px;background:linear-gradient(145deg,#fff,#d8e1ea);box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}.original-cloud::before,.original-cloud::after{content:"";position:absolute;border-radius:50%;background:linear-gradient(145deg,#fff,#dbe4ec)}.original-cloud::before{width:46%;aspect-ratio:1;left:14%;top:-58%}.original-cloud::after{width:38%;aspect-ratio:1;right:12%;top:-39%}.original-logo{position:absolute;inset:0;display:grid;place-items:center;z-index:3;padding:15% 12% 8%}.original-logo img{display:block;width:86%;height:auto;max-height:74%;object-fit:contain}
.login-form-wrap{position:relative;z-index:2;width:min(100%,430px);margin:0 auto}.login-card{padding:25px 28px}.login-card h1{font-size:32px;margin:6px 0 22px}.login-card .primary{width:100%}.auth-links.single{justify-content:center}.login-security{font-size:12px;margin:20px 0 0;padding-top:17px;border-top:1px solid rgba(255,255,255,.09);text-align:center;color:#91a5b3}
@keyframes original-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes original-spin1{from{transform:rotate(24deg)}to{transform:rotate(384deg)}}@keyframes original-spin2{from{transform:rotate(-18deg)}to{transform:rotate(-378deg)}}@keyframes original-spin3{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(max-width:760px){
  .login-page{overflow:hidden}
  .login-container{height:100vh;height:100svh;display:grid;grid-template-rows:minmax(210px,38svh) auto;align-content:center;gap:4px;padding:8px 16px max(8px,env(safe-area-inset-bottom))}
  .original-stage{width:min(100%,520px);height:100%;aspect-ratio:auto;margin:0 auto}
  .original-cloud-wrap{width:45%;min-width:170px;max-width:230px}
  .original-orbit.one{width:82%;height:48%}.original-orbit.two{width:88%;height:56%}.original-orbit.three{width:65%;height:70%}
  .original-dot{width:8px;height:8px}
  .login-form-wrap{width:min(100%,390px)}
  .login-card{padding:17px 20px;border-radius:18px}
  .login-card h1{font-size:26px;margin:3px 0 12px}
  .login-card .eyebrow{font-size:9px}
  .login-card .stack{gap:9px}
  .login-card label{gap:4px;font-size:12px}
  .login-card input{padding:9px 11px;min-height:40px}
  .login-card .btn{padding:10px 14px}
  .login-card .auth-links{margin-top:12px;font-size:12px}
  .login-security{font-size:10px;margin-top:12px;padding-top:11px}
}
@media(max-width:760px) and (max-height:680px){
  .login-container{grid-template-rows:minmax(170px,32svh) auto;gap:0}
  .original-cloud-wrap{width:40%;min-width:145px;max-width:190px}
  .login-card{padding:14px 18px}
  .login-card h1{font-size:23px;margin-bottom:8px}
  .login-card .stack{gap:6px}
  .login-card input{min-height:36px;padding:7px 10px}
  .login-card .auth-links{margin-top:8px}
  .login-security{margin-top:8px;padding-top:7px}
}