/* Uses the original BirdyBox start-screen wordmark and chrome reflection. */
.login-page{min-height:100svh;display:grid;place-items:center;background:#14281f;color:#eeece5;font-family:Arial,sans-serif}
.login-wrap{width:min(100%,480px);padding:48px 28px 26px;text-align:center}
.login-logo{display:block;width:min(300px,65vw);height:250px;object-fit:contain;margin:0 auto}
.splash-studio{position:relative;width:max-content;max-width:100%;margin:20px auto 14px;isolation:isolate;letter-spacing:.5em;font-size:24px;padding-left:.5em;font-weight:400}
@property --studio-glint-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.studio-chrome-edge{position:absolute;inset:0;padding-left:.5em;pointer-events:none;color:transparent;-webkit-text-stroke:1.2px #edffff;opacity:0;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px #a4e9ff);mask-image:conic-gradient(from var(--studio-glint-angle) at 50% 50%,transparent 0deg,#fff 24deg,#fff 42deg,transparent 92deg,transparent 360deg)}
.studio-chrome-intro .studio-chrome-edge{animation:studio-chrome-orbit 7s .15s linear infinite}
@keyframes studio-chrome-orbit{0%{--studio-glint-angle:0deg;opacity:0}5%{opacity:1}48%{opacity:1}55%{--studio-glint-angle:360deg;opacity:0}100%{--studio-glint-angle:360deg;opacity:0}}
.login-credit{font-size:11px;color:#aebeb3;margin:0}
.login-card{margin:48px auto 0;max-width:340px}
.login-card form{padding:0;margin:0;border:0;background:none;border-radius:0}
.login-card label{text-align:left;font-size:12px;margin:0 0 10px;color:#c4cec5}
.password-field{display:flex;border:1px solid #527260;border-radius:7px;overflow:hidden;background:#10231b}
.password-field:focus-within{outline:2px solid #8ad3b9;outline-offset:3px}
.password-field input{width:100%;min-width:0;border:0;padding:15px 16px;background:transparent;color:#eeece5;outline:none;font-size:17px;letter-spacing:.12em}
.login-submit{width:100%;border:1px solid #8ad3b9;border-radius:7px;background:#8ad3b9;color:#14281f;font-weight:600;padding:15px;margin-top:12px;font-size:13px;transition:background .15s}
.login-submit:hover{background:#a8e6ce}
.login-page button:focus-visible,.login-page a:focus-visible{outline:2px solid #8ad3b9;outline-offset:4px}
#login-status{font-size:12px;line-height:1.5;color:#dfc38c;margin:12px 0 0}
#login-status:empty{display:none}
.access-contact{padding:0;margin:22px 0 0;color:#92aa9c;font-size:11px;line-height:1.8}
.access-contact a{color:#bdcec3}
.login-wrap footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:60px 0 0;margin:0;border:0;font-size:10px;color:#82998b}
@media(max-width:480px){.login-wrap{padding-top:32px}.login-logo{height:210px}.splash-studio{font-size:21px}.login-card{margin-top:36px}.login-wrap footer{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.studio-chrome-intro .studio-chrome-edge{animation:none}}

/* Bright chrome edge sweep remains visible after the initial page load. */
.splash-studio{color:#dce6e2;text-shadow:0 1px 0 #6b8b81,0 -1px 0 #ffffff55}
.studio-chrome-edge{mask-image:linear-gradient(110deg,transparent 40%,#fff 48%,#fff 52%,transparent 60%);mask-size:300% 100%;mask-repeat:no-repeat;mask-position:100% 0}
.studio-chrome-intro .studio-chrome-edge{animation:studio-chrome-sweep 6s linear infinite}
@keyframes studio-chrome-sweep{0%{mask-position:100% 0;opacity:0}8%{opacity:1}55%{mask-position:0% 0;opacity:1}62%,100%{mask-position:0% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.studio-chrome-intro .studio-chrome-edge{animation:none;mask-image:none;opacity:.3}}

.login-slogan{color:#8ad3b9;font-size:clamp(13px,3.6vw,17px);font-weight:600;letter-spacing:.04em;line-height:1.5;min-height:2.8em;margin:28px -12px 0;text-wrap:balance}
.login-card{margin-top:18px}