*{box-sizing:border-box}body{margin:0;font-family:Urbanist,sans-serif;background:#f4f1ff;color:#1e1240}a{color:inherit}h1,h2,h3{margin:0}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 4vw}.lg{font-size:1.8rem;font-weight:500}.lg b{color:#6c3cf0;font-weight:800}.lg i{font-style:normal;color:#f2b705;margin-left:3px}header a{font-weight:800;text-decoration:none;color:#6c3cf0}
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:10px 4vw 40px}
.b{background:#fff;border-radius:22px;padding:24px;box-shadow:0 1px 0 #1e124012}
.hero{grid-column:span 3;grid-row:span 2;background:linear-gradient(135deg,#6c3cf0,#9b6bff);color:#fff;padding:40px}.k{text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;opacity:.85}
.hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;font-weight:800}.hero h1 span{color:#ffe27a}.hero p{font-size:1.1rem;max-width:44ch}
.btn{display:inline-block;background:#ffe27a;color:#1e1240;padding:14px 24px;border-radius:14px;font-weight:800;text-decoration:none;margin-top:8px}.btn.w{background:#fff}
.score{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#1e1240;color:#fff}.score b{font-size:3.6rem;line-height:1}.score span{color:#f2b705;letter-spacing:3px}.score small{opacity:.8}
.sparkle{position:relative;background:#ffe27a;min-height:140px;overflow:hidden}.sparkle i{position:absolute;font-style:normal;color:#6c3cf0;animation:tw 2.4s infinite ease-in-out}
.sparkle i:nth-child(1){left:15%;top:20%;font-size:2.4rem}.sparkle i:nth-child(2){left:60%;top:12%;font-size:1.4rem;animation-delay:.4s}.sparkle i:nth-child(3){left:42%;top:55%;font-size:3rem;animation-delay:.9s}.sparkle i:nth-child(4){left:78%;top:60%;font-size:1.6rem;animation-delay:1.3s}.sparkle i:nth-child(5){left:10%;top:70%;font-size:1.2rem;animation-delay:1.7s}
@keyframes tw{50%{transform:scale(.6) rotate(20deg);opacity:.5}}
.s1,.s2,.s3,.s4{border-top:5px solid #6c3cf0}.b h3{font-size:1.25rem;font-weight:800}.b p{margin:6px 0 0}
.rv0,.rv1,.rv2{grid-column:span 2;background:#ece6ff}.rv0{grid-column:span 4}.b blockquote{margin:0;font-size:1.12rem;font-weight:500}.b blockquote+p{font-weight:800;color:#6c3cf0;margin-top:12px}.stars{color:#f2b705}
.end{grid-column:span 4;background:#1e1240;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
footer{text-align:center;padding:10px 4vw 30px;font-size:.85rem;color:#5a4d80}
@media(max-width:820px){.bento{grid-template-columns:1fr 1fr}.hero,.rv0,.rv1,.rv2,.end{grid-column:span 2}.hero{grid-row:auto}}