:root { color-scheme: dark; --ink:#0d120e; --paper:#faf7f2; --gold:#c5a059; }
* { box-sizing:border-box; }
html, body { min-height:100%; margin:0; }
body { background:var(--ink); color:var(--paper); font-family:"Cormorant Garamond", Georgia, serif; overflow-x:hidden; }
.maintenance-shell { position:relative; min-height:100svh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:24px; isolation:isolate; overflow:hidden; }
.ambient { position:fixed; inset:0; z-index:-2; overflow:hidden; background:radial-gradient(circle at 50% 48%,#19271d 0,#111812 47%,#060906 100%); }
.ambient::after { content:""; position:absolute; inset:0; background:linear-gradient(145deg,rgba(197,160,89,.06),transparent 38%,rgba(7,13,9,.7)); }
.glow { position:absolute; border-radius:50%; filter:blur(100px); opacity:.16; animation:breathe 9s ease-in-out infinite alternate; }
.glow-one { width:38vw; height:38vw; min-width:300px; min-height:300px; left:-8%; top:-16%; background:#c5a059; }
.glow-two { width:42vw; height:42vw; min-width:330px; min-height:330px; right:-10%; bottom:-22%; background:#46644e; animation-delay:-4s; }
.grain { position:absolute; inset:0; opacity:.055; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.particle { position:absolute; top:-12px; border-radius:50%; background:linear-gradient(135deg,#fff,#e6d3aa); box-shadow:0 0 8px rgba(255,244,215,.7); animation:fall linear infinite; }
.card { position:relative; width:min(920px,100%); min-height:min(760px,calc(100svh - 112px)); padding:clamp(36px,6vh,70px) clamp(24px,7vw,90px); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px solid rgba(197,160,89,.33); background:linear-gradient(155deg,rgba(20,27,21,.88),rgba(9,14,10,.78)); box-shadow:0 30px 90px rgba(0,0,0,.45),inset 0 0 80px rgba(197,160,89,.025); backdrop-filter:blur(13px); animation:reveal 1.4s cubic-bezier(.16,1,.3,1) both; }
.card::before { content:""; position:absolute; inset:11px; border:1px solid rgba(197,160,89,.12); pointer-events:none; }
.corner { position:absolute; width:34px; height:34px; border-color:rgba(197,160,89,.48); }
.top-left { top:24px; left:24px; border-top:1px solid; border-left:1px solid; }.top-right { top:24px; right:24px; border-top:1px solid; border-right:1px solid; }.bottom-left { bottom:24px; left:24px; border-bottom:1px solid; border-left:1px solid; }.bottom-right { bottom:24px; right:24px; border-bottom:1px solid; border-right:1px solid; }
.eyebrow { display:flex; align-items:center; gap:14px; color:var(--gold); font:600 9px/1 "Inter",sans-serif; letter-spacing:.34em; text-transform:uppercase; }
.eyebrow span { width:35px; height:1px; background:linear-gradient(90deg,transparent,rgba(197,160,89,.55)); }.eyebrow span:last-child { transform:scaleX(-1); }
.monogram { width:clamp(112px,16vw,150px); aspect-ratio:1; margin:20px 0 14px; object-fit:contain; filter:drop-shadow(0 8px 20px rgba(0,0,0,.22)); }
.status { margin:0 0 11px; color:var(--gold); font:600 10px/1.2 "Inter",sans-serif; text-transform:uppercase; letter-spacing:.3em; }
h1 { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin:0; font-size:clamp(50px,10vw,94px); font-weight:300; line-height:.88; letter-spacing:-.035em; }
h1 em { font-weight:400; } h1 span { font-weight:300; } h1 b { margin:0 clamp(12px,2.4vw,26px); color:var(--gold); font-size:.52em; font-weight:300; font-style:italic; }
.message { margin:24px auto 0; max-width:590px; color:rgba(250,247,242,.75); font-size:clamp(16px,2.5vw,20px); font-style:italic; font-weight:300; line-height:1.55; }
.ornament { width:min(290px,70%); display:flex; align-items:center; gap:13px; margin:24px 0; color:rgba(197,160,89,.7); }.ornament span { flex:1; height:1px; background:linear-gradient(90deg,transparent,rgba(197,160,89,.42)); }.ornament span:last-child { transform:scaleX(-1); }.ornament i { font-size:7px; font-style:normal; }
.countdown { width:min(640px,100%); display:grid; grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr; align-items:center; padding:22px clamp(10px,3vw,28px); border:1px solid rgba(197,160,89,.23); background:rgba(20,27,21,.68); box-shadow:0 18px 50px rgba(0,0,0,.28); }
.unit { display:flex; flex-direction:column; align-items:center; gap:5px; }.unit strong { color:var(--gold); font-size:clamp(30px,6vw,48px); font-weight:300; line-height:1; font-variant-numeric:tabular-nums; }.unit small { color:rgba(250,247,242,.56); font:500 clamp(7px,1.4vw,9px)/1 "JetBrains Mono",monospace; letter-spacing:.18em; text-transform:uppercase; }.separator { width:1px; height:36px; background:rgba(197,160,89,.2); }
.details { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:24px; color:rgba(250,247,242,.72); font:500 9px/1.4 "Inter",sans-serif; letter-spacing:.22em; text-transform:uppercase; }.details i { width:4px; height:4px; background:rgba(197,160,89,.65); transform:rotate(45deg); }
.site-footer { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; color:rgba(250,247,242,.52); font:500 9px/1.4 "Inter",sans-serif; letter-spacing:.08em; text-align:center; }
.site-footer i { color:rgba(197,160,89,.55); font-style:normal; }
.site-footer .built-with { margin-left:1px; }
.site-footer a { display:inline-flex; align-items:center; padding:3px 2px; border-radius:3px; transition:opacity .3s ease, transform .3s ease; }
.site-footer a:hover { opacity:.78; transform:translateY(-1px); }
.site-footer img { display:block; width:74px; height:25px; object-fit:contain; }
@keyframes fall { from { transform:translate3d(0,-5vh,0) rotate(0); } to { transform:translate3d(22px,110vh,0) rotate(360deg); } }
@keyframes breathe { to { transform:scale(1.18) translate(20px,18px); opacity:.23; } }
@keyframes reveal { from { opacity:0; transform:translateY(12px) scale(.985); filter:blur(6px); } to { opacity:1; transform:none; filter:none; } }
@media (max-width:600px) { .maintenance-shell { justify-content:flex-start; padding:12px; overflow-y:auto; }.card { min-height:calc(100svh - 96px); padding:38px 18px; }.corner { width:22px;height:22px; }.top-left,.top-right { top:19px; }.bottom-left,.bottom-right { bottom:19px; }.top-left,.bottom-left { left:19px; }.top-right,.bottom-right { right:19px; }.message br { display:none; }.countdown { padding:18px 7px; }.details { flex-direction:column; gap:8px; }.details i { display:none; }.site-footer { max-width:330px; padding:2px 10px 8px; gap:6px; }.site-footer .built-with { flex-basis:auto; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; } }