/* Unified dark + gold visual language across all pages */
:root{--gold:#d4af37;--gold-soft:#f2d77a;--bg:#0f0f10;--panel:#171717;--panel-2:#1f1f1f;--ink:#f3f3f3;--muted:#c6c6c6;--primary:#d4af37;--card:#1a1a1a}
html,body{height:100%}
body{font-family:Segoe UI, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;background:radial-gradient(circle at 12% 8%, rgba(212,175,55,.10) 0%, rgba(212,175,55,0) 30%),radial-gradient(circle at 88% 90%, rgba(212,175,55,.08) 0%, rgba(212,175,55,0) 36%),linear-gradient(165deg, #0a0a0a 0%, #121212 55%, #1a1a1a 100%);margin:0;padding:2rem;text-align:center;color:var(--ink)}
h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--gold)}
p{color:var(--muted)}
input[type="text"]{padding:.75rem;font-size:1rem;width:200px;border:1px solid rgba(212,175,55,.45);border-radius:6px;background:var(--panel);color:var(--ink)}
button{padding:.75rem 1.25rem;font-size:1rem;margin-left:.5rem;background:linear-gradient(180deg,var(--gold-soft) 0%,var(--gold) 100%);color:#111;border:none;border-radius:6px;cursor:pointer;font-weight:700}
.categories{margin-top:2rem;display:none;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}
.tile{background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);color:var(--ink);padding:1rem;border-radius:8px;box-shadow:0 10px 26px rgba(0,0,0,.35);cursor:pointer;transition:transform .2s,border-color .2s;border:1px solid rgba(212,175,55,.28)}
.tile:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.72)}
@media (prefers-reduced-motion:reduce){.tile{transition:none}}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.back-link{display:inline-block;margin-bottom:1rem;color:var(--gold-soft);text-decoration:none;font-weight:600}
.back-link:hover{text-decoration:underline}
.results{max-width:720px;margin:1.5rem auto 0;text-align:left}
.result{background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);padding:1rem;border-radius:8px;box-shadow:0 10px 26px rgba(0,0,0,.3);margin-bottom:.75rem;border:1px solid rgba(212,175,55,.22)}
.result .meta{color:#d7d7d7;font-size:.95rem;margin:.25rem 0 .5rem}
.result a{color:var(--gold-soft)}

/* Landing page dark theme with gold accents */
body.landing-page{
	--ink:#f6f6f6;
	background:
		radial-gradient(circle at 18% 12%, rgba(212,175,55,.18) 0%, rgba(212,175,55,0) 36%),
		radial-gradient(circle at 82% 88%, rgba(212,175,55,.12) 0%, rgba(212,175,55,0) 40%),
		linear-gradient(160deg, #0a0a0a 0%, #101010 55%, #171717 100%);
	color:var(--ink);
}

body.landing-page .landing-shell{
	max-width:780px;
	margin:0 auto;
	padding:2.2rem 1.2rem 1.4rem;
}

body.landing-page h1{
	margin:0;
	font-size:clamp(2.4rem, 7vw, 4rem);
	letter-spacing:.04em;
	text-transform:uppercase;
	color:var(--gold);
	text-shadow:0 0 22px rgba(212,175,55,.2);
}

body.landing-page .landing-subtitle{
	max-width:58ch;
	margin:.8rem auto 1.4rem;
	color:#d3d3d3;
}

body.landing-page .landing-controls{
	display:flex;
	justify-content:center;
	gap:.7rem;
	flex-wrap:wrap;
}

body.landing-page input[type="text"]{
	width:220px;
	background:var(--panel);
	color:var(--ink);
	border:1px solid rgba(212,175,55,.42);
}

body.landing-page input[type="text"]:focus{
	outline:2px solid rgba(212,175,55,.4);
	outline-offset:1px;
}

body.landing-page button{
	margin-left:0;
	background:linear-gradient(180deg, var(--gold-soft) 0%, var(--gold) 100%);
	color:#141414;
	font-weight:700;
}

body.landing-page .categories{
	max-width:980px;
	margin:1.8rem auto 0;
}

body.landing-page .tile{
	background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);
	color:#f2f2f2;
	border:1px solid rgba(212,175,55,.28);
	box-shadow:0 10px 26px rgba(0,0,0,.35);
}

body.landing-page .tile:hover{
	transform:translateY(-5px);
	border-color:rgba(212,175,55,.7);
}