/* Deep blue lower page with a misty, low-contrast fantasy skyline. */
:root{--bg:#10283e}
body{background:#10283e}
.hero-shade{background:linear-gradient(90deg,#112640ed 0%,#152e47b0 34%,#162d4810 70%),linear-gradient(0deg,#193b58 0%,#173a5655 12%,transparent 35%)}
.lower-content{background:linear-gradient(180deg,#193b58 0%,#132e47 28%,#0c2033 100%)}
.lower-content::before{background:url('/assets/quiet-city.webp') center 45%/cover no-repeat;opacity:.52;mask-image:linear-gradient(to bottom,transparent,#000 200px,#000 calc(100% - 130px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 200px,#000 calc(100% - 130px),transparent)}
.ribbon{background:linear-gradient(#1d405d,#16334d);border-color:#a7c2d529}
.news-card{background:linear-gradient(145deg,#1a3b56e8,#112b43eb);border-color:#9bb5c74d;box-shadow:0 7px 25px #06152444}
.start.ornate-frame{background:linear-gradient(125deg,#1a3b57ee,#102a43f2);box-shadow:inset 0 0 0 4px #0e263c55,inset 0 0 0 5px #b1bdc21f,0 5px 24px #05132244}
.step-number{background:#18364e55}
footer{background:#091b2d;border-top-color:#a3bfd32d}
@media(max-width:900px){.hero-shade{background:linear-gradient(90deg,#112640ee,#152e4780 75%),linear-gradient(0deg,#193b58,transparent 45%)}}
@media(max-width:600px){.hero-shade{background:linear-gradient(90deg,#112640ed,#152e4790 78%),linear-gradient(0deg,#193b58,transparent 40%)}.lower-content::before{opacity:.43;background-position:50% 40%}}