.login-page{margin:0;min-height:100vh;min-height:100svh;box-sizing:border-box;padding:32px 16px;background:#eef5f5;color:#203640;isolation:isolate;position:relative}
.login-shell{width:min(420px,100%);position:relative;z-index:1}
.login-page .login-box{background:#fff;border:1px solid #d9e3e7;border-radius:22px;padding:36px;box-shadow:0 16px 55px #082e3512}
.login-brand{gap:12px;margin-bottom:32px}.login-brand img{width:44px;height:44px}.login-brand h1{font-size:18px;letter-spacing:.3px}
.login-box h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:0 0 12px}.login-intro{font-size:14px;color:#657780;margin:0 0 28px}
.login-box form{gap:16px}.login-box label{color:#203640;font-size:13px;gap:8px}.login-box input{box-sizing:border-box;min-width:0;height:48px;padding:0 14px;border:1px solid #d9e3e7;border-radius:10px;background:#fff;font-size:16px;color:#203640}
.login-box #login-submit{margin-top:8px;min-height:48px;border:0;border-radius:10px;background:#246675;color:#fff;font-size:15px;font-weight:600}.login-box #login-submit:disabled{opacity:.55;cursor:wait}
.login-box .banner{margin:0 0 20px;overflow-wrap:anywhere}.login-box .turnstile-box{min-width:0;min-height:65px;justify-content:center;margin-top:4px}.login-box #login-turnstile{width:100%}.login-verification{font-size:12px;line-height:1.5;color:#657780;margin:0}
.login-footer{text-align:center;font-size:12px;color:#657780;margin:24px 0 12px}
.login-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.login-aurora,.login-aurora i,#login-ribbons{position:absolute;inset:0}.login-aurora i{inset:auto;width:65%;height:70%;left:-20%;top:-10%;border-radius:50%;background:radial-gradient(ellipse,#52bfbf60,transparent 67%);animation:login-aurora 18s ease-in-out infinite alternate}.login-aurora i:nth-child(2){left:55%;top:5%;background:radial-gradient(ellipse,#8a9ee566,transparent 68%);animation-delay:-9s;animation-direction:alternate-reverse}.login-aurora i:nth-child(3){left:15%;top:50%;background:radial-gradient(ellipse,#65caad55,transparent 68%);animation-delay:-5s}
@keyframes login-aurora{from{transform:translate(-4%,-8%) scale(1)}to{transform:translate(32%,18%) scale(1.2)}}
.login-page[data-motion-paused=true] .login-atmosphere *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.login-atmosphere *{animation:none!important}}
@media(max-width:480px){.login-page{padding:24px 16px}.login-page .login-box{padding:28px 24px}.login-brand{margin-bottom:26px}}
#login-ribbons{overflow:hidden}
#login-ribbons b{position:absolute;left:-35%;top:20%;width:110%;height:270px;border-radius:50%;border-top:2px solid #66a7b460;background:linear-gradient(175deg,#96c6d32b,transparent 65%);transform:rotate(-30deg);animation:login-ribbon 18s ease-in-out infinite alternate}
#login-ribbons b:nth-child(2){left:45%;top:45%;animation-delay:-9s;border-color:#a5b3cf70}
#login-ribbons b:nth-child(3){left:-35%;top:25%;background:none;animation-delay:-3s;border-width:1px}
@keyframes login-ribbon{from{transform:translateY(-30px) rotate(-30deg)}to{transform:translateY(45px) rotate(-15deg)}}

/* Centered access card; atmosphere and Turnstile remain independent. */
.login-page .login-box{border-radius:32px;padding:30px 32px 28px;box-shadow:0 24px 70px #183e4a14}
.login-brand{flex-direction:column;gap:8px;margin-bottom:22px;text-align:center}.login-brand img{width:52px;height:52px}.login-brand h1{font-size:13px;letter-spacing:.3px}
.login-box h2{text-align:center;font-size:28px;margin:0 0 10px}.login-intro{text-align:center;margin-bottom:24px}
.login-field label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}
.login-input-line{display:flex;align-items:center;gap:10px;min-width:0;background:#f4f7f8;border:1px solid transparent;border-radius:12px;padding:0 13px}
.login-input-line:focus-within{border-color:#498d98;box-shadow:0 0 0 3px #498d9815}
.login-input-line svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:#657780;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.login-box .login-input-line input{flex:1;width:0;min-width:0;height:50px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#203640;font-size:16px}
.login-box #login-show-password{width:auto;flex-shrink:0;border:0;background:transparent;color:#526b77;padding:10px 0;font-size:11px;font-weight:500;box-shadow:none;min-height:44px}
.login-box #login-show-password[hidden]{display:none}
.login-box #login-submit{border-radius:12px}.login-box .turnstile-box{margin-top:6px}
@media(max-width:480px){.login-page .login-box{padding:28px 24px}.login-box h2{font-size:25px}.login-input-line{padding:0 10px;gap:8px}}

.login-box h2{margin-bottom:24px}
.login-box h2:has(+.login-intro){margin-bottom:10px}.login-session-note{font-size:11px;line-height:1.6;color:#73858e;margin:0}.access-step{display:block;text-align:center;font-size:11px;font-weight:600;color:#317483;margin-bottom:12px}.access-qr{display:block;max-width:100%;height:auto;margin:0 auto 24px;border-radius:12px;border:1px solid #e3ebee}.login-box .access-code{text-align:center;font-size:21px;letter-spacing:3px;width:100%}.login-box .access-recovery{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;list-style:none;margin:20px 0}.access-recovery li{padding:8px 4px;background:#f3f7f8;border-radius:6px;text-align:center;font-size:11px}.access-continue{display:block;text-align:center;width:100%}.login-box [hidden]{display:none!important}.login-box form[data-access-form]{display:grid}.login-box form[data-access-form]>label{display:grid}.login-box form[data-access-form]>label>input{width:100%}.login-page .login-shell{margin:auto}.login-page{display:flex;align-items:center;justify-content:center}.login-box .access-recovery code{overflow-wrap:anywhere}