:root{ --brand:#2563eb; --text:#1f2937; }
*{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans','Apple Color Emoji','Segoe UI Emoji';}
html[data-theme='dark'] body{ background:#0b1220; color:#e5e7eb; }
.brand-title{ font-weight:800; letter-spacing:.5px; font-size:1.4rem; }
.hero{ border-radius:1.5rem; background:linear-gradient(135deg,#0ea5e9,#2563eb); color:white; padding:4rem 2rem; position:relative; overflow:hidden; }
.hero h1{ font-size:2.4rem; font-weight:800; }
.card{ border:none; border-radius:1rem; box-shadow:0 10px 20px rgba(0,0,0,.06); }
.card img{ border-top-left-radius:1rem; border-top-right-radius:1rem; }
.rating .star{ font-size:1.1rem; }
.badge-pill{ border-radius:999px; padding:.4rem .8rem; }
footer a{ text-decoration:none; }