:root { --black: #080b0e; --blue: #087cf0; --white: #fff; }
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; background: var(--white); color: var(--black); font-family: Arial, Helvetica, sans-serif; }
.construction-page { min-height: 100svh; position: relative; overflow: hidden; display: grid; place-items: center; padding: clamp(1.25rem, 4vw, 3.5rem) clamp(1rem, 4vw, 3rem) 4.5rem; isolation: isolate; background: linear-gradient(180deg, rgba(8,124,240,.06), transparent 24%), radial-gradient(circle at 50% 40%, #fff 0 42%, #f3f9ff 78%, #e4f1fc 100%); }
.construction-page::before, .construction-page::after { content: ""; position: absolute; z-index: -1; width: min(80rem, 120vw); height: 18rem; left: 50%; border: 1px solid rgba(8,124,240,.13); border-radius: 50%; transform: translateX(-50%) rotate(-3deg); }
.construction-page::before { bottom: -10rem; }
.construction-page::after { bottom: -13rem; width: min(62rem, 95vw); }
.construction-card { width: min(100%, 49rem); display: grid; justify-items: center; text-align: center; }
.construction-logo { display: block; width: min(100%, 46rem); height: auto; filter: drop-shadow(0 1.2rem 1.8rem rgba(3,31,56,.14)); }
.construction-card p { max-width: 34rem; margin: clamp(.4rem, 1.5vw, 1.1rem) 0 0; color: #33434f; font-size: clamp(1rem, 2vw, 1.18rem); font-weight: 700; letter-spacing: .01em; }
.construction-page footer { position: absolute; inset: auto 1rem 1.25rem; color: #52616c; text-align: center; font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.water-glow { position: absolute; z-index: -2; width: 34rem; height: 34rem; border-radius: 50%; background: rgba(8,124,240,.08); filter: blur(7rem); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 540px) { .construction-page { align-items: start; padding-top: 1.4rem; } .construction-logo { width: 100%; } .construction-card p { margin-top: .8rem; padding: 0 1rem; line-height: 1.45; } }
@media (prefers-color-scheme: dark) { body { background: #061520; } .construction-page { background: linear-gradient(180deg, rgba(8,124,240,.15), transparent 26%), radial-gradient(circle at 50% 40%, #fff 0 42%, #dcebf6 70%, #061520 100%); } .construction-card p { color: #e7f4ff; text-shadow: 0 1px 8px #061520; } .construction-page footer { color: #a7c9df; } }