/* Project Boom front door, 09-16-2026.
   Background: NASA, partial solar eclipse at sunrise, Arlington, Virginia, June 10, 2021 (public domain).
   Served by FileBrowser branding.files; edit at /opt/boom/config/branding/custom.css on the VPS. */
#login{background:#07070a url(/static/img/eclipse_bg.jpg) center/cover no-repeat}
#login::before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(0,0,0,.04) 0%,rgba(0,0,0,.34) 48%,rgba(0,0,0,.80) 100%);pointer-events:none}
#login form{max-width:21em;padding:2.4em 2.2em 2em;border-radius:16px;background:rgba(8,8,12,.54);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px rgba(0,0,0,.65);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-sizing:border-box}
#login form img{display:none}
#login h1{color:#fff;font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:1.6em;margin:0 0 .4em;line-height:1.2}
#login h1::after{content:"Confidential workspace";display:block;margin-top:.6em;font-size:.5em;letter-spacing:.18em;color:rgba(255,196,140,.85);font-weight:400}
#login .input{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:.75em .9em;margin-bottom:.65em;box-sizing:border-box}
#login .input::placeholder{color:rgba(255,255,255,.55)}
#login .input:focus{border-color:#f08a3c;outline:none;box-shadow:0 0 0 3px rgba(240,138,60,.25)}
#login .button{background:linear-gradient(180deg,#f39a4e,#d8611a);color:#fff;border:0;border-radius:8px;padding:.85em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin-top:.5em}
#login .button:hover{filter:brightness(1.08)}
#login .wrong,#login .logout-message{border-radius:8px}
#login p{color:rgba(255,255,255,.7)}
/* Wide screens: keep the eclipse in view, card to the left. Phones stay centered. */
@media (min-width:900px){
  #login{background-position:72% 48%}
  #login form{left:31%}
}