*{box-sizing:border-box}body{color:#2b1b4d;background:linear-gradient(#fff3c4,#ffd6f0 40%,#cdeeff) fixed;min-height:100vh;margin:0;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif}button{font:inherit;cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:4px solid #4361ee}header{z-index:5;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 4%;display:flex;position:sticky;top:0;box-shadow:0 4px #ffb703}.logo{color:var(--accent);background:0 0;font-size:28px;font-weight:900}.menu{color:#fff;background:#4361ee;border-radius:99px;padding:12px 18px;font-weight:700;display:none}nav{flex-wrap:wrap;gap:6px;display:flex}nav button{color:#2b1b4d;background:#f3ecff;border-radius:99px;padding:10px 14px;font-weight:700}nav button.active,nav button:hover{background:var(--accent);color:#fff}main{max-width:1200px;margin:auto;padding:20px 4% 50px}.hero{color:#fff;background:linear-gradient(135deg,#7b2ff7,#f72585);border-radius:40px;grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:36px;display:grid;overflow:hidden}.hero img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;border:6px solid #fff;width:100%}h1{text-shadow:3px 4px #0003;margin:0;font-size:clamp(44px,9vw,88px);line-height:1}.h1s{color:#7b2ff7;text-shadow:none;font-size:clamp(34px,6vw,56px)}.sub{margin:10px 0 18px;font-size:clamp(20px,3vw,28px);font-weight:700}.search input{width:100%;font:inherit;border:4px solid #ffb703;border-radius:99px;margin:10px 0 16px;padding:16px 20px;font-size:18px}.row{flex-wrap:wrap;gap:12px;display:flex}.btn{background:var(--accent);color:#fff;border-radius:99px;padding:16px 28px;font-size:18px;font-weight:800;box-shadow:0 5px #0003}.btn.alt{color:#2b1b4d;background:#ffb703}.btn:disabled{opacity:.6}.sec{margin-top:36px}.sec h2{margin:0 0 14px;font-size:32px}.narrow{border-radius:var(--radius);background:#fff;max-width:640px;padding:28px}.narrow p{font-size:18px;line-height:1.7}.cats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.cats button{color:#fff;border-radius:var(--radius);padding:28px 10px;font-size:22px;font-weight:800;box-shadow:0 6px #0003}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.card{border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 6px #0002}.thumb{place-items:center;width:100%;height:170px;display:grid;position:relative}.face{font-size:80px}.play{color:var(--accent);background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;display:grid;position:absolute;bottom:12px;right:12px}.body{padding:14px 18px 20px}.body h3{margin:6px 0}.body p{margin:0;line-height:1.5}.tag{text-transform:uppercase;color:#7b2ff7;font-size:12px;font-weight:800}form{gap:14px;display:grid}label{gap:6px;font-weight:700;display:grid}input,textarea{font:inherit;border:3px solid #cbb8ff;border-radius:16px;padding:14px}.modal{z-index:10;background:#000a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mbox{border-radius:var(--radius);text-align:center;background:#fff;gap:14px;width:min(640px,100%);padding:20px;display:grid}.mbox video{border-radius:16px;width:100%}.ph{color:#fff;border-radius:16px;padding:30px}.ph span{font-size:90px}footer{text-align:center;padding:24px;font-weight:700}@media (width<=800px){.hero{grid-template-columns:1fr;padding:22px}.menu{display:block}nav{width:100%;display:none}nav.open{display:flex}nav button{flex:45%;padding:14px}}@media (prefers-reduced-motion:no-preference){.card,.btn{transition:transform .2s}.card:hover,.btn:hover{transform:translateY(-4px)rotate(-1deg)}}