/* Shared theme: design tokens, reset, and animated maze background. */
:root{
  --bg:#0a0a0c; --card:#141420; --card-2:#1a1a28; --text:#f3f3f7; --muted:#8b8ba0;
  --accent:#ffffff; --accent-2:#b8bccc; --green:#5bd99a; --border:rgba(255,255,255,.07); --radius:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.bg{position:fixed;inset:0;z-index:0;pointer-events:none}
.bg::before{content:"";position:absolute;inset:0;background:radial-gradient(620px circle at 50% -10%, rgba(255,255,255,.13), transparent 62%)}
.mz{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:radial-gradient(circle at 50% 32%, #000, transparent 55%);mask-image:radial-gradient(circle at 50% 32%, #000, transparent 55%)}
@keyframes shine{0%{background-position:0% center}100%{background-position:100% center}}
@keyframes spin{to{transform:rotate(360deg)}}