@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";*{box-sizing:border-box}body{color:#111;background:#f7f1e3;margin:0;font-family:Noto Sans SC,sans-serif}main{background:radial-gradient(circle at 88% 8%,#e36dff55,#0000 22%),radial-gradient(circle at 5% 35%,#c7ff2f55,#0000 26%);max-width:1100px;min-height:100svh;margin:auto;padding:22px 20px 48px}header{letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;display:flex}.logo{letter-spacing:-2px;color:#c7ff2f;background:#111;border-radius:4px;padding:2px 7px;font:24px Archivo Black}.hero{max-width:720px;padding:80px 0 35px}.eyebrow{letter-spacing:.12em;color:#7222d7;font-size:12px;font-weight:900}.hero h1,.result h1{letter-spacing:-.09em;margin:14px 0;font:clamp(58px,11vw,120px)/.83 Archivo Black}.hero h1 i{color:#8f28e5;text-shadow:5px 5px #c7ff2f;font-style:normal}.lead{max-width:380px;font-size:18px;font-weight:700;line-height:1.65}button{cursor:pointer;color:#fff;background:#111;border:0;border-radius:999px;padding:16px 24px;font:900 16px Noto Sans SC;transition:transform .18s,background .18s}button:hover{background:#7222d7;transform:translateY(-3px)}.hero button{color:#111;background:#c7ff2f;margin:28px 0 12px;display:block;box-shadow:5px 5px #111}.hero button b{margin-left:22px;font-size:20px}.hero small{font-weight:700}.peek{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px;display:grid;overflow:hidden}.peek article{background:#d600ff;border-radius:16px;min-height:180px;position:relative;overflow:hidden}.peek img{object-fit:cover;width:100%;height:180px}.peek strong,.peek em{color:#fff;text-shadow:1px 1px 2px #000;position:absolute;left:9px}.peek strong{font:16px Archivo Black;bottom:26px}.peek em{font-size:12px;font-style:normal;bottom:8px}.quiz{max-width:700px;padding-top:28px}.bar{background:#ddd2c4;border-radius:20px;height:8px;margin:45px 0}.bar i{background:#c7ff2f;border:1px solid #111;border-radius:20px;height:100%;display:block}.quiz h2{margin:12px 0 35px;font-size:clamp(26px,7vw,48px);line-height:1.2}.answers{gap:10px;display:grid}.answers button{text-align:left;color:#111;background:#fff;border:2px solid #111;border-radius:12px;grid-template-columns:45px 1fr 22px;align-items:center;display:grid}.answers button b{color:#8f28e5}.answers button span{font-size:22px}.back{color:#111;background:0 0;padding:20px 0;font-size:13px}.result{max-width:780px}.result-card{background:#fff;border:2px solid #111;border-radius:22px;max-width:600px;margin:32px auto 20px;padding-bottom:22px;position:relative;overflow:hidden;box-shadow:9px 9px #111}.result-card>img{object-fit:cover;object-position:center top;width:100%;height:350px;display:block}.sticker{z-index:1;background:#c7ff2f;border:2px solid #111;padding:6px 10px;font:12px Archivo Black;position:absolute;top:15px;left:15px;transform:rotate(-4deg)}.result-title{padding:18px 20px 0}.result-title p{margin:0;font-weight:900}.result h1{color:#8125d9;margin:0;font-size:clamp(43px,11vw,82px)}.result h2{margin:0;font-size:20px}.result blockquote{color:#c7ff2f;background:#111;margin:20px;padding:13px;font-size:17px;font-weight:900;line-height:1.5}.copy,.traits,dl,.result-card small{margin-left:20px;margin-right:20px}.copy{font-size:14px;line-height:1.8}.traits{flex-wrap:wrap;gap:7px;display:flex}.traits span{background:#f2dbff;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}dl{grid-template-columns:1fr 1fr;gap:10px;display:grid}dl div{background:#f7f1e3;padding:12px}dt{color:#7222d7;font-size:11px;font-weight:900}dd{margin:5px 0 0;font-size:13px;font-weight:700}.result-card small{color:#666;margin-top:20px;font-size:10px;display:block}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.actions button:first-child{color:#111;background:#c7ff2f}@media (width<=540px){.peek{grid-template-columns:repeat(2,1fr)}.peek article:nth-child(n+3){display:none}.hero{padding-top:68px}.result-card>img{height:290px}.actions button{padding:13px 16px;font-size:13px}.result-card{box-shadow:5px 5px #111}dl{grid-template-columns:1fr}}