:root{--bg:#050608;--ink:#ece7db;--muted:#8a8474;--gold:#c9a227;--gold2:#e6c866}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:radial-gradient(1000px 620px at 50% 12%,#12131a 0%,var(--bg) 60%),var(--bg);
  color:var(--ink);font-family:Georgia,"Times New Roman",serif;
  display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;position:relative}
.stage{text-align:center;padding:24px;z-index:2;animation:rise 1.4s cubic-bezier(.2,.7,.2,1) both}
.mark{font-size:clamp(46px,10vw,86px);color:var(--gold);
  text-shadow:0 0 26px rgba(201,162,39,.45);animation:pulse 4.5s ease-in-out infinite;margin-bottom:10px}
h1{font-size:clamp(2rem,6vw,4rem);font-weight:400;letter-spacing:.01em;line-height:1.18;margin:0;
  background:linear-gradient(180deg,#fff,#cfc9ba);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{margin:26px 0 0;font-size:clamp(1rem,2.4vw,1.5rem);color:var(--gold2);letter-spacing:.34em;text-transform:uppercase;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600}
.dots span{opacity:.25;animation:blink 1.6s infinite}
.dots span:nth-child(2){animation-delay:.25s}.dots span:nth-child(3){animation-delay:.5s}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:1;
  background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:3px 3px}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}
@keyframes blink{0%,100%{opacity:.2}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}