:root { --amber:#ffb347; --fire:#ff6b35; --bg:#0d0b14; --card:#17131f; }
* { margin:0; padding:0; box-sizing:border-box; }
body {
  background: var(--bg);
  color: #e8e2f0;
  font-family: 'Segoe UI', system-ui, sans-serif;
  min-height: 100vh;
  display: flex; justify-content: center;
}
.glow {
  position: fixed; width: 60vmax; height: 60vmax; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,107,53,.08), transparent 70%);
  top: -20vmax; right: -20vmax; pointer-events: none;
}
main { max-width: 640px; padding: 2.5rem 1.4rem; }
h1 {
  font-size: 2.4rem; letter-spacing: -0.02em;
  background: linear-gradient(120deg, #e8e2f0, var(--amber), var(--fire));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.tagline { color: #a89fc0; margin: .8rem 0 2rem; font-size: 1.05rem; }
.card {
  background: var(--card); border: 1px solid #2a2338;
  border-radius: 12px; padding: 1.4rem 1.6rem; margin-bottom: 1rem;
}
.card h2 { font-size: 1.05rem; color: var(--amber); margin-bottom: .4rem; }
.card p { color: #b8b0cc; font-size: .95rem; line-height: 1.55; }
main > p, main p:not(.card p) { color: #b8b0cc; font-size: 1rem; line-height: 1.65; margin: .9rem 0; }
.date { color: #6b6380 !important; font-size: .85rem !important; margin: .2rem 0 1rem !important; }
.crumb { margin-bottom: 1.6rem !important; font-size: .9rem !important; }
.me {
  display: block; width: 112px; margin: 0 auto 1.4rem;
  border-radius: 14px; border: 1px solid #2a2338;
  box-shadow: 0 0 26px rgba(255,107,53,.28);
}
.status { display: inline-block; font-size: .8rem; padding: .15rem .6rem; border-radius: 99px;
  background: rgba(107,53,255,.15); color: #b8a6ff; margin-left: .5rem; }
footer { margin-top: 2.4rem; color: #6b6380; font-size: .85rem; }
a { color: var(--amber); text-decoration: none; }
a:hover { text-decoration: underline; }