:root{--bg:#ffffff;--ink:#1a1a1a;--muted:#666;--gold:#ffcc33;--rose:#ff6b6b;--teal:#1bc9c9;--card:#fafafa;--shadow:0 10px 25px rgba(0,0,0,.06)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.wrap{max-width:1080px;margin:0 auto;padding:20px}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:5}
.brand{display:flex;align-items:center;gap:16px}
.logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--gold),#ffe57a);box-shadow:var(--shadow)}
.titles h1{margin:0;font-size:22px}
.titles p{margin:0;color:var(--muted);font-size:14px}
.topnav{margin-left:auto;display:flex;gap:14px}
.topnav a{text-decoration:none;color:#333;padding:8px 10px;border-radius:10px}
.topnav a:hover{background:#f3f3f3}
.hero{position:relative;background:linear-gradient(120deg,#fff9e6 0%,#fffbf5 35%,#f7fffd 100%);padding:56px 0 72px}
.hero h2{font-size:34px;margin:0 0 10px}
.hero p{max-width:800px}
.cta-row{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--rose);color:#fff;text-decoration:none;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);font-weight:600}
.btn:hover{opacity:.95}
.btn-ghost{background:#fff;color:#333;border:1px solid #eee}
.confetti{position:absolute;inset:0;pointer-events:none;background:
 radial-gradient(circle at 10% 20%, rgba(255,204,51,.35) 0 12%, transparent 13%),
 radial-gradient(circle at 85% 25%, rgba(27,201,201,.25) 0 12%, transparent 13%),
 radial-gradient(circle at 35% 80%, rgba(255,107,107,.25) 0 12%, transparent 13%);
 filter:saturate(1.1)}
.section{padding:56px 0}
.section.alt{background:#fffef8}
.grid{display:grid;gap:20px;grid-template-columns:1.2fr .8fr}
@media(max-width:900px){.grid{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid #eee;border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.player{background:#000;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.link{color:#0a66c2}
.site-footer{border-top:1px solid #eee;padding:22px 0;background:#fff}