:root{color-scheme:dark;--bg:#141425;--panel:#211d35;--line:#423751;--text:#fff4fd;--muted:#d7c9e6;--mint:#a7f3ce;--pink:#ffabd5;font:16px/1.55 system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 80% 0%,#38294c,var(--bg) 60%);color:var(--text);min-height:100vh}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.wrap{width:min(1100px,calc(100% - 2rem));margin-inline:auto}
.site-header,footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.25rem}
.brand{font-size:1.9rem;font-weight:850;letter-spacing:-.06em}
.brand span{color:var(--mint)}
.header-link{font-weight:700;color:var(--mint)}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:2rem;padding:clamp(1.4rem,5vw,4rem);border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,#2b2141,#201c33 75%)}
.eyebrow,.match-label small{color:var(--mint);font-size:.72rem;font-weight:850;letter-spacing:.15em}
h1{font-size:clamp(3.2rem,8vw,6.4rem);letter-spacing:-.075em;line-height:.95;margin:.6rem 0 1.2rem}
h1 em{color:var(--pink);font-family:Georgia,serif;font-weight:400}
.hero-copy>p:not(.eyebrow),.features p,footer{color:var(--muted)}
.hero-copy>p:not(.eyebrow){max-width:38ch;font-size:1.1rem}
#get-love-track{margin-top:1.6rem}
.play-link{display:inline-flex;align-items:center;gap:.75rem;border-radius:14px;padding:.68rem 1.1rem;background:var(--mint);color:#193127;font-weight:800}
.play-link small{display:block;font-weight:650}
.play-soon{background:#382f4e;color:var(--text)}
.match-preview{width:min(100%,290px);margin-inline:auto;padding:.8rem;border:1px solid #866589;border-radius:26px;background:#191527;box-shadow:0 20px 60px #120c21a0;transform:rotate(4deg)}
.preview-top{display:flex;justify-content:space-between;padding:.1rem .35rem .5rem;color:var(--mint);font-weight:800}
.portrait{aspect-ratio:1;background:url('/portraits.jpg') 0 0/400% 300%;border-radius:16px}
.match-label{display:flex;gap:.65rem;align-items:center;margin-top:.65rem;padding:.65rem;border:1px solid var(--pink);border-radius:14px;background:#492740}
.match-label>span{padding:.18rem .5rem;border-radius:9px;background:var(--pink);color:#44152f}
.match-label small,.match-label strong{display:block}
.match-label small{color:var(--pink)}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:1.1rem}
.features article{padding:1.15rem 1.3rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.features article>span{color:var(--pink)}
.features h2{font-size:1.12rem;margin:.3rem 0}
.features p{margin:0}
footer{font-size:.86rem}
@media(max-width:650px){.hero,.features{grid-template-columns:1fr}.match-preview{transform:none;width:min(100%,225px)}}
.site-header .brand{white-space:nowrap}