:root{--gold:#dca653;--gold-soft:#f3d39a;--line:rgba(226,168,82,.25)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Onest,sans-serif;color:#f6eee5;background:#080605 url("../img/bg.webp") center/cover fixed no-repeat}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(5,3,2,.92),rgba(8,5,3,.5),rgba(5,3,2,.88)),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72));z-index:-1}
.maintenance-page{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.maintenance-header{height:86px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);background:rgba(8,5,4,.83);backdrop-filter:blur(18px)}
.maintenance-brand img{width:min(300px,70vw);height:68px;object-fit:contain;filter:drop-shadow(0 10px 22px #000)}.maintenance-main{display:grid;place-items:center;padding:40px 18px}
.maintenance-card{position:relative;width:min(760px,100%);padding:64px 55px;text-align:center;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(27,18,13,.93),rgba(10,7,5,.94));box-shadow:0 35px 90px rgba(0,0,0,.5);overflow:hidden}.maintenance-card:before{content:"";position:absolute;inset:-120px 20% auto;height:240px;background:rgba(220,166,83,.16);filter:blur(70px)}.maintenance-card>*{position:relative}
.maintenance-kicker{font-size:11px;font-weight:800;letter-spacing:.25em;color:var(--gold)}h1{margin:16px 0;font:700 clamp(34px,6vw,66px) Cinzel,serif;line-height:1.04}.maintenance-card p{max-width:560px;margin:0 auto;color:#c9bdb1;font-size:17px;line-height:1.75}.maintenance-ornament{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0;color:var(--gold)}.maintenance-ornament i{width:75px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.maintenance-ornament i:last-child{transform:rotate(180deg)}
.maintenance-status{display:inline-flex;align-items:center;gap:9px;margin-top:28px;padding:10px 16px;border:1px solid var(--line);border-radius:99px;background:rgba(0,0,0,.22);font-size:12px}.maintenance-status span{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px var(--gold);animation:pulse 1.8s infinite}.maintenance-footer{min-height:70px;padding:15px 28px;display:flex;align-items:center;justify-content:space-between;color:#92867b;border-top:1px solid var(--line);background:rgba(8,5,4,.84)}.maintenance-footer a,.maintenance-footer button{border:0;background:none;color:var(--gold-soft);font:600 13px Onest;cursor:pointer;text-decoration:none}
@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@media(max-width:600px){.maintenance-card{padding:45px 24px}.maintenance-footer{flex-direction:column;gap:8px;text-align:center}}

/* Restrained, translucent maintenance presentation */
body{position:relative;isolation:isolate;background:#0b0907}
body:after{content:"";position:fixed;inset:-8px;z-index:-3;background:url("../img/bg.webp") center/cover no-repeat;filter:blur(3px);transform:scale(1.015);opacity:.92}
body:before{z-index:-2;background:radial-gradient(circle at 18% 12%,rgba(213,165,105,.08),transparent 32%),linear-gradient(90deg,rgba(8,6,5,.66),rgba(8,6,5,.3) 56%,rgba(7,5,4,.58)),linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.5))}
.maintenance-backdrop,.maintenance-vignette{background:transparent!important}
.maintenance-header{position:absolute;inset:14px 0 auto;z-index:3;height:auto;border:0;background:transparent;backdrop-filter:none}
.maintenance-brand img{width:min(480px,82vw);height:auto;filter:drop-shadow(0 8px 15px rgba(0,0,0,.45)) drop-shadow(0 0 18px rgba(0,0,0,.18))!important}
.maintenance-main{padding:125px 18px 54px}
.maintenance-card{width:min(700px,100%);padding:54px 50px;border:1px solid rgba(243,217,174,.14);border-radius:12px;background:rgba(12,9,7,.62);box-shadow:0 22px 55px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.maintenance-card:before{display:none}
.maintenance-kicker{font-weight:600;letter-spacing:.2em;color:#d5a968}
h1{font-weight:600;text-shadow:0 3px 14px rgba(0,0,0,.5)}
.maintenance-card p{color:#d0c5b8;font-size:16px}
.maintenance-status{border-color:rgba(243,217,174,.13);border-radius:7px;background:rgba(8,6,5,.34);backdrop-filter:blur(8px)}
.maintenance-footer{border-top-color:rgba(243,217,174,.09);background:rgba(8,6,5,.58);backdrop-filter:blur(12px)}
@media(max-width:600px){.maintenance-header{top:8px}.maintenance-main{padding-top:105px}.maintenance-card{padding:40px 22px;border-radius:9px}}

.maintenance-header{top:22px}
.maintenance-brand img{height:80px}
.maintenance-main{display:block;min-height:0;padding:118px 18px 40px}
.maintenance-card{margin:0 auto;transform:none}
.maintenance-card h1{font-family:Onest,"Segoe UI",sans-serif;font-size:clamp(34px,5vw,58px);font-weight:600;letter-spacing:-.035em;line-height:1.02}
.maintenance-kicker,.maintenance-card p,.maintenance-status,.maintenance-footer{font-family:Onest,"Segoe UI",sans-serif}
@media(max-width:600px){.maintenance-header{top:13px}.maintenance-brand img{height:68px}.maintenance-main{padding:94px 12px 24px}.maintenance-card{padding:34px 19px;transform:none}.maintenance-card h1{font-size:clamp(30px,11vw,42px)}}

/* Treat the logo and card as a single centered visual unit. */
.maintenance-page{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:100svh}
.maintenance-backdrop,.maintenance-vignette,.maintenance-embers{position:fixed;inset:0;pointer-events:none}
.maintenance-main{display:flex;min-height:0;padding:28px 18px}
.maintenance-stage{width:min(700px,100%);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transform:translateY(-18px)}
.maintenance-header{position:static;inset:auto;width:100%;height:auto;flex:0 0 auto}
.maintenance-brand{display:flex;justify-content:center}
.maintenance-brand img{width:min(480px,82vw);height:auto}
.maintenance-card{width:100%;margin:0}
@media(max-width:600px){
    .maintenance-main{padding:22px 12px}
    .maintenance-stage{gap:16px;transform:none}
    .maintenance-brand img{width:min(330px,80vw);height:auto}
}

/* Muted maintenance palette and compact footer */
:root{--gold:#9c8768;--gold-soft:#c5b69e;--line:rgba(197,182,158,.17)}
.maintenance-kicker{color:#a99473}
.maintenance-ornament{color:#9f8968}
.maintenance-ornament i{background:linear-gradient(90deg,transparent,#887354)}
.maintenance-status{border-color:rgba(197,182,158,.12);color:#beb3a6}
.maintenance-status span{background:#a18b69;box-shadow:0 0 9px rgba(161,139,105,.42)}
.maintenance-footer{min-height:58px;padding:12px 24px;color:#827a72;font:400 10px/1.4 Onest,"Segoe UI",sans-serif;letter-spacing:.015em}
.maintenance-footer a,.maintenance-footer button{color:#b4a58e;font:500 10px/1.4 Onest,"Segoe UI",sans-serif}

/* Large desktop scaling: fluid from Full HD through 2K and 4K */
@media(min-width:1921px){
    .maintenance-main{padding:clamp(28px,1.7vw,54px) clamp(18px,1.4vw,44px)}
    .maintenance-stage{
        width:min(clamp(700px,36vw,1120px),100%);
        gap:clamp(26px,1.45vw,44px);
        transform:translateY(clamp(-30px,-.9vw,-18px));
    }
    .maintenance-brand img{
        width:min(clamp(480px,22vw,760px),82vw);
        height:auto;
    }
    .maintenance-card{
        padding:clamp(54px,3vw,92px) clamp(50px,3.2vw,104px);
        border-radius:clamp(12px,.7vw,20px);
    }
    .maintenance-kicker{font-size:clamp(11px,.58vw,16px)}
    .maintenance-card h1{
        margin:clamp(16px,.85vw,26px) 0;
        font-size:clamp(58px,3vw,88px);
    }
    .maintenance-card p{
        max-width:clamp(560px,29vw,900px);
        font-size:clamp(16px,.82vw,24px);
    }
    .maintenance-ornament{
        gap:clamp(12px,.66vw,20px);
        margin:clamp(24px,1.3vw,40px) 0;
        font-size:clamp(16px,.8vw,23px);
    }
    .maintenance-ornament i{width:clamp(75px,4vw,122px)}
    .maintenance-status{
        gap:clamp(9px,.5vw,15px);
        margin-top:clamp(28px,1.45vw,44px);
        padding:clamp(10px,.55vw,17px) clamp(16px,.85vw,26px);
        font-size:clamp(12px,.62vw,18px);
    }
    .maintenance-status span{
        width:clamp(8px,.42vw,12px);
        height:clamp(8px,.42vw,12px);
    }
    .maintenance-footer{
        min-height:clamp(58px,3vw,92px);
        padding:clamp(12px,.7vw,22px) clamp(24px,1.4vw,44px);
        font-size:clamp(10px,.53vw,15px);
    }
    .maintenance-footer a,.maintenance-footer button{font-size:clamp(10px,.53vw,15px)}
}