/* Prestiguild coming soon page. Upload this file together with index.html and assets. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; min-height: 100%; background: #123f53; color: #fff5dc; font-family: Georgia, "Times New Roman", serif; }
.landing { position: relative; display: flex; min-height: 100vh; min-height: 100svh; flex-direction: column; isolation: isolate; align-items: center; justify-content: center; overflow: hidden; padding: clamp(28px, 4vh, 46px) 18px 22px; }
.landscape, .shade { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.landscape { background: #237da7 url("assets/castle.webp") center 58% / cover no-repeat; transform: scale(1.012); }
.shade { background: linear-gradient(180deg, rgba(4, 29, 48, .45) 0%, rgba(4, 32, 51, .38) 36%, rgba(8, 25, 31, .64) 72%, rgba(5, 25, 27, .83) 100%); }
.content { width: min(100%, 640px); display: flex; flex-direction: column; align-items: center; text-align: center; margin: auto 0; }
.logo { display: block; width: clamp(205px, 26vw, 320px); height: auto; filter: drop-shadow(0 10px 26px rgba(0, 13, 28, .4)); }
.announcement { width: 100%; margin-top: 2px; padding: 26px 34px 24px; border: 1px solid rgba(255, 225, 166, .28); border-radius: 18px; background: rgba(11, 37, 48, .72); box-shadow: 0 20px 65px rgba(0, 10, 20, .21); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); }
.eyebrow { margin: 0 0 13px; color: #f6c76e; font: 700 11px/1.3 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .25em; }
h1 { margin: 0 0 15px; font-size: clamp(26px, 3vw, 37px); font-weight: 700; letter-spacing: -.025em; line-height: 1.16; text-shadow: 0 2px 14px rgba(0,0,0,.2); }
.description { max-width: 480px; margin: 0 auto; color: #fbf2e3; font: 400 clamp(15px, 1.55vw, 17px)/1.65 system-ui, -apple-system, "Segoe UI", sans-serif; }
.divider { display: flex; align-items: center; gap: 15px; justify-content: center; margin: 20px auto 17px; color: #e7b45d; font-size: 17px; }
.divider::before, .divider::after { content: ""; display: block; height: 1px; width: 58px; background: linear-gradient(90deg, transparent, rgba(250,205,126,.65)); }
.divider::after { transform: rotate(180deg); }
.development { display: inline-flex; align-items: center; justify-content: center; gap: 9px; margin: 0; color: #f6d998; font: 750 11px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .13em; }
.spark { flex: none; width: 7px; height: 7px; border-radius: 50%; background: #f6cb7c; box-shadow: 0 0 10px #f6b74c; }
footer { margin-top: auto; padding-top: 30px; text-align: center; color: rgba(255, 249, 229, .84); font: 400 11px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .02em; text-shadow: 0 1px 10px #132b35; }
@media (max-width: 600px) {
  .landing { padding: 24px 16px 18px; }
  .landscape { background-position: center 55%; }
  .logo { width: clamp(190px, 57vw, 265px); }
  .announcement { margin-top: 2px; padding: 22px 19px 21px; border-radius: 15px; }
  .eyebrow { font-size: 10px; letter-spacing: .2em; }
  h1 { font-size: clamp(25px, 6vw, 32px); }
  .description { font-size: 14px; line-height: 1.6; }
  .development { font-size: 10px; letter-spacing: .1em; }
  footer { font-size: 10px; }
}
@media (max-height: 680px) { .landing { padding-top: 14px; } .logo { width: clamp(140px, 28vh, 225px); } .announcement { padding-top: 16px; padding-bottom: 16px; } footer { padding-top: 14px; } }
@media (prefers-reduced-transparency: reduce) { .announcement { background: rgba(11, 37, 48, .91); backdrop-filter: none; } }