@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600&family=Manrope:wght@700;800&display=swap');*{box-sizing:border-box}html{background:#06100c;color:#f3eee2;font-family:"DM Sans",sans-serif}body{margin:0;background:radial-gradient(circle at 80% 8%,#2f5f453d,transparent 30%),#06100c}.top,main,footer{width:min(980px,calc(100% - 36px));margin:auto}.top{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfc66f22}.top>a:first-child{display:flex;align-items:center;gap:10px;color:#f3eee2;text-decoration:none;font:800 13px Manrope}.top img{width:34px;height:34px;border-radius:11px}.store{padding:11px 15px;border-radius:999px;background:#dbc16d;color:#08110d;text-decoration:none;font:800 9px Manrope;letter-spacing:1px}.intro{padding:80px 0 38px;text-align:center}.intro>p{color:#ddc474;font:800 9px Manrope;letter-spacing:2px}.intro h1{margin:15px 0 20px;font:800 clamp(45px,8vw,78px)/.94 Manrope;letter-spacing:-4px}.intro>span{display:block;max-width:590px;margin:auto;color:#9aaca3;font-size:15px;line-height:1.6}.quiz{max-width:720px;margin:0 auto 60px;padding:clamp(22px,5vw,38px);border:1px solid #4a6254;border-radius:30px;background:radial-gradient(circle at 100% 0,#e1c8791d,transparent 40%),linear-gradient(150deg,#10231a,#07110d);box-shadow:0 35px 90px #0008}.loading{padding:60px;text-align:center;color:#879a90}.quiz small{color:#d9c173;font:800 9px Manrope;letter-spacing:1.5px}.quiz h2{margin:8px 0 18px;font:800 27px Manrope}.hand{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.card{display:grid;min-width:43px;height:55px;padding:0 5px;place-items:center;border-radius:10px;border:1px solid #d1c8b8;background:#f1ede3;color:#101814;font:800 12px Manrope;box-shadow:0 5px 13px #0005}.card.red{color:#a52e28;background:#fff5f2}.prompt{color:#bdc9c2;font-size:15px;line-height:1.58}.options{display:grid;gap:9px;margin-top:20px}.options button{min-height:56px;padding:0 16px;border:1px solid #3d5447;border-radius:16px;background:#06100c;color:#edf0ed;text-align:left;font:800 12px Manrope;cursor:pointer;transition:.2s}.options button:hover,.options button.selected{transform:translateY(-2px);border-color:#c2a958;background:#14271d}.reveal{display:none;margin-top:18px}.reveal.open{display:block}.reveal p{color:#98aba1;font-size:12px;line-height:1.5}.reveal a,.share{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;border:0;border-radius:16px;background:linear-gradient(135deg,#edd98a,#c8a852);color:#07110d;text-decoration:none;font:900 10px Manrope;letter-spacing:1px;cursor:pointer}.share{margin-top:9px;border:1px solid #455d50;background:#0e2017;color:#d9c276}.why{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddc36d22;border-bottom:1px solid #ddc36d22}.why article{padding:36px 26px;border-right:1px solid #ddc36d22}.why article:last-child{border:0}.why b{color:#806f3e;font:800 10px Manrope}.why h2{font:800 17px Manrope}.why p{color:#84988d;font-size:12px;line-height:1.55}footer{display:flex;align-items:center;gap:20px;padding:30px 0;color:#71857a;font-size:10px}footer nav{display:flex;gap:18px;margin-left:auto}footer a{color:#94a79d;text-decoration:none}@media(max-width:650px){.intro{padding-top:55px}.intro h1{letter-spacing:-2.6px}.why{grid-template-columns:1fr}.why article{border-right:0;border-bottom:1px solid #ddc36d22}.card{min-width:38px;height:49px}.quiz{border-radius:24px}}