:root{color-scheme:dark;--ink:#fff1f5;--muted:#b9a4ae;--rose:#f5a7c5;--line:#51263a;--deep:#12070d}*{box-sizing:border-box}
body{margin:0;background:#10060b;color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 8%,#8e24463d,transparent 46%),radial-gradient(circle at 91% 40%,#4d29652d,transparent 55%)}
a{color:var(--rose)}.shell{width:min(1240px,calc(100% - 40px));margin:0 auto;padding-bottom:90px}
header{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:23px 0;border-bottom:1px solid #4f2835}
.brand{font-weight:950;font-size:22px;text-decoration:none;letter-spacing:-.04em;color:#fff}
.nav{display:flex;flex-wrap:wrap;gap:10px}.nav a{text-decoration:none;color:#e9c9d5;border:1px solid #63334a;padding:9px 13px;border-radius:11px;font-size:13px;font-weight:700}.nav a[aria-current]{background:#8d1f47;color:white;border-color:#bc5279}
.hero{padding:64px 0 42px;display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:center}
.eyebrow{font-size:12px;color:var(--rose);font-weight:800;letter-spacing:.18em;text-transform:uppercase}
h1{font:900 clamp(55px,8vw,110px)/.96 Georgia,serif;letter-spacing:-.065em;margin:14px 0 25px}
h1 em{font-style:normal;color:#ffb3cd}h2{font:800 clamp(26px,4vw,36px)/1.14 Georgia,serif;margin:0}
.hero-copy{font-size:16px;color:var(--muted);max-width:720px}
.dna-mark{height:250px;width:250px;display:grid;place-items:center;margin:auto;border:1px solid #904766;border-radius:50%;background:radial-gradient(circle,#ad42684d,#220b16 68%);font-size:115px;box-shadow:0 0 85px #a6245630;transform:rotate(-8deg)}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.btn{background:#aa2854;color:#fff;padding:12px 16px;border-radius:12px;font-weight:800;text-decoration:none;border:1px solid #c74c73}.btn.secondary{background:#28111b;border-color:#693447}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 28px}
.stat{background:#1b0b14;border:1px solid var(--line);border-radius:15px;padding:17px}.stat b{display:block;font-size:28px;color:#ffe0e9;font-variant-numeric:tabular-nums}.stat span{font-size:11px;color:#b7a0a8;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.notice{border:1px solid #b57654;background:#321d1b;color:#ffdbbd;border-radius:14px;padding:16px;margin:17px 0;font-size:14px}
.section-head{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:38px 0 16px}.section-head p{color:var(--muted);margin:5px 0 0}
label.search{display:flex;gap:7px;align-items:center;background:#1c0b14;border:1px solid #683b4c;border-radius:10px;padding:0 11px}
input{background:none;border:0;padding:12px 3px;min-width:0;color:white;font:inherit;outline:0}
input:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.card{position:relative;overflow:hidden;display:grid;grid-template-columns:108px minmax(0,1fr);min-width:0;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#200c17,#10070b);min-height:174px}
.poster-wrap{position:relative;background:#321926;overflow:hidden}.poster{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.poster-wrap:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,#1b0b14c0)}
.card-copy{padding:17px 15px;min-width:0}.card-title{font-size:17px;line-height:1.25;overflow-wrap:anywhere;margin:9px 0 13px}.rank{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid #a75776;background:#6e2042;border-radius:8px;font-weight:900;font-size:13px}
.row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px}
.score{font-size:30px;font-weight:950;color:#ffbfd7;font-variant-numeric:tabular-nums}.minor{font-size:12px;color:var(--muted)}.pill{font-size:11px;border:1px solid #824761;border-radius:999px;padding:4px 8px;color:#ffd4e3}
details{margin:36px 0;border-radius:17px;border:1px solid #542d3d;padding:18px 22px;background:#1c0e17}summary{cursor:pointer;font-weight:800}details p{color:var(--muted);font-size:13px}
footer{border-top:1px solid #52263c;padding-top:25px;margin-top:50px;color:var(--muted);font-size:13px}
[hidden]{display:none!important}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr 190px}.dna-mark{height:190px;width:190px;font-size:86px}}
@media(max-width:690px){.shell{width:min(100% - 24px,1240px)}header{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;padding:36px 0 20px}.dna-mark{display:none}.cards{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:stretch}.card{grid-template-columns:100px minmax(0,1fr)}.stat{padding:13px}.stat b{font-size:25px}}
@media(max-width:345px){.card{grid-template-columns:82px minmax(0,1fr)}.card-copy{padding:11px}.score{font-size:25px}.card-title{font-size:15px}}