.tttpp-page{--p:#6558e8;--ink:#172033;--muted:#6f7890;color:var(--ink);font-family:inherit;width:100%;margin:0 auto}
.tttpp-page *{box-sizing:border-box}
.tttpp-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;padding:clamp(32px,6vw,72px);border-radius:25px;background:linear-gradient(125deg,#25204f,#5144b9 60%,#7669ef);color:#fff;overflow:hidden}
.tttpp-kicker,.tttpp-tag{font-size:11px;font-weight:850;letter-spacing:.15em}.tttpp-kicker{color:#dcd9ff}
.tttpp-hero h1{margin:18px 0 14px;color:#fff;font-size:clamp(38px,6vw,65px);line-height:1.04;letter-spacing:-.04em;font-weight:850}
.tttpp-lead{max-width:540px;margin:0;color:#e1defb;font-size:17px;line-height:1.75}
.tttpp-cta{display:inline-flex;gap:22px;align-items:center;margin-top:26px;padding:14px 19px;border-radius:11px;background:#fff;color:#30296f!important;text-decoration:none!important;font-size:14px;font-weight:850}
.tttpp-cta span{font-size:20px}.tttpp-proof{margin-top:20px;color:#d4d0f4;font-size:12px}
.tttpp-art{width:min(100%,300px);justify-self:center;padding:22px;border:1px solid #ffffff40;border-radius:22px;background:#ffffff19;text-align:center;transform:rotate(3deg);box-shadow:0 20px 50px #100c3d44}
.tttpp-art small{color:#e3dfff;font-size:10px;font-weight:850;letter-spacing:.16em}
.tttpp-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.tttpp-mini>*{display:grid;aspect-ratio:1;place-items:center;border:1px solid #ffffff35;border-radius:12px;background:#ffffff20;font-size:43px;font-style:normal}
.tttpp-mini b{color:#fff}.tttpp-mini em{color:#ffd39b}
.tttpp-intro{max-width:690px;margin:70px auto 30px;text-align:center}.tttpp-tag{color:var(--p)}
.tttpp-intro h2{margin:12px 0 10px;color:var(--ink);font-size:clamp(27px,4vw,39px);line-height:1.15;letter-spacing:-.03em}
.tttpp-intro p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.tttpp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0 72px}
.tttpp-features article{padding:24px 21px;border:1px solid #e8eaf2;border-radius:17px;background:#fff;box-shadow:0 8px 28px #222a4b0b}
.tttpp-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#f0efff;color:var(--p);font-size:21px}
.tttpp-features h3{margin:16px 0 7px;font-size:17px}.tttpp-features p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.tttpp-play{padding:clamp(22px,5vw,45px);border:1px solid #e8e7fb;border-radius:23px;background:linear-gradient(#f8f7ff,#fff 45%)}
.tttpp-play-heading{margin:0 auto 24px}.tttpp-game{max-width:680px;margin:0 auto}.tttpp-game .mttt-game{margin:0 auto}.tttpp-game .mttt-card{width:100%;box-shadow:0 12px 38px #222a4b14}
.tttpp-warning{padding:20px;border:1px dashed #d9d5ff;border-radius:12px;background:#fff;text-align:center}
.tttpp-footer{display:flex;flex-direction:column;align-items:center;gap:5px;padding:36px 12px 8px;text-align:center}.tttpp-footer strong{font-size:15px}.tttpp-footer span{color:var(--muted);font-size:12px}
@media(max-width:720px){.tttpp-hero{grid-template-columns:1fr}.tttpp-art{width:min(78%,290px)}.tttpp-features{grid-template-columns:1fr}.tttpp-intro{margin-top:52px}}
@media(max-width:480px){.tttpp-hero{padding:28px 20px;border-radius:18px}.tttpp-play{padding:18px 10px}}