.hosting-bar{display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px;padding:12px 20px;background:#edf4e5;border-bottom:1px solid #d6e3cd;font-size:11px;color:#35572a;line-height:1.7}
.hosting-bar{position:relative;z-index:5}
.hosting-bar>span{flex:1;min-width:210px}.hosting-bar button{background:#fff;color:#35572a;border:1px solid #c8d9ba;border-radius:5px;padding:7px 10px;font:inherit;cursor:pointer}.hosting-bar button:focus-visible{outline:2px solid #35572a;outline-offset:2px}.hosting-error{background:#fff0db;color:#734019}.hosting-bar [hidden]{display:none}
.hosting-failure,.login-card{max-width:480px;padding:32px;margin:8vh auto;background:#fff;border:1px solid #dce5d4;border-radius:14px;color:#25452e;font-family:system-ui,sans-serif;line-height:1.7}
.login-page{margin:0;padding:20px;background:#f3f6ef}.login-card img{display:block;max-width:280px;width:100%;margin:0 auto 25px}.login-card label{display:grid;gap:6px;margin:18px 0}.login-card input{padding:12px;border:1px solid #a9bc9b;border-radius:5px;font:inherit}.login-card button,.hosting-failure button{padding:12px 20px;background:#315d35;color:white;border:0;border-radius:6px;font:inherit;cursor:pointer}.login-card [role=alert]{color:#9b4824}.login-card small{display:block;margin-top:24px;color:#59714b}.login-card h1{font-size:23px}
@media(max-width:650px){.hosting-bar{padding:10px 13px}.hosting-bar>span{flex-basis:100%}.hosting-failure,.login-card{margin:20px 0;padding:22px}}