/* TOPFIT first visit + direction chooser 30.08.2026 */
.tf-first{background:linear-gradient(180deg,#0b0b12,#12101a);color:#f7f3fb;padding:54px 0}
.tf-first .tf-wrap{max-width:1120px;margin:auto;padding:0 22px}
.tf-first h1,.tf-first h2,.tf-first h3{color:#fff!important}
.tf-first p,.tf-first li{color:#e8e2ee!important;line-height:1.7}
.tf-first-hero{border:1px solid rgba(205,92,255,.28);border-radius:26px;padding:34px;background:radial-gradient(circle at 10% 10%,rgba(189,45,255,.18),transparent 42%),#111019;box-shadow:0 20px 55px rgba(0,0,0,.28)}
.tf-first-kicker{color:#dc83ff;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.tf-first-hero h1{font-size:clamp(32px,5vw,58px);line-height:1.05;margin:10px 0 14px}
.tf-first-price{display:inline-flex;margin:12px 0 20px;padding:9px 14px;border-radius:999px;background:rgba(0,212,255,.10);border:1px solid rgba(0,212,255,.35);color:#dffaff;font-weight:900}
.tf-first-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tf-first-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:900}
.tf-first-actions .primary{background:linear-gradient(135deg,#d62dff,#36cfff);color:#08070d}
.tf-first-actions .secondary{border:1px solid rgba(221,135,255,.55);color:#f0c8ff;background:rgba(171,57,213,.08)}
.tf-first-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.tf-first-card{background:#17151f;border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:20px}
.tf-first-card .num{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(201,72,255,.14);border:1px solid rgba(218,115,255,.35);color:#e7a6ff;font-weight:900}
.tf-picker{background:#0e0e16;padding:52px 0;color:#f5f1f8}
.tf-picker .tf-wrap{max-width:1120px;margin:auto;padding:0 22px}
.tf-picker-head{max-width:760px;margin-bottom:22px}.tf-picker h2,.tf-picker h3{color:#fff!important}.tf-picker p{color:#ddd6e4!important;line-height:1.65}
.tf-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.tf-picker-card{display:block;background:linear-gradient(180deg,#191721,#121119);border:1px solid rgba(208,93,255,.24);border-radius:18px;padding:19px;text-decoration:none;transition:.25s transform,.25s border-color}
.tf-picker-card:hover{transform:translateY(-4px);border-color:#cb63f2}.tf-picker-card .goal{color:#e59dff;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.tf-picker-card h3{margin:6px 0 7px;font-size:21px}.tf-picker-card p{margin:0;font-size:14px}.tf-picker-card .go{display:block;margin-top:12px;color:#7de5ff;font-weight:900}
.tf-direction-trust{max-width:1120px;margin:28px auto;padding:0 22px}
.tf-direction-trust__box{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;background:#15131c;border:1px solid rgba(207,95,255,.24);border-radius:20px;padding:20px;color:#eee7f3}
.tf-direction-trust h2,.tf-direction-trust h3{color:#fff!important;margin-top:0}.tf-direction-trust p{color:#e4dce9!important;line-height:1.6}
.tf-direction-trust a{color:#e8a4ff;font-weight:900;text-decoration:none}.tf-direction-trust .actions{display:flex;flex-direction:column;justify-content:center;gap:9px}
.tf-direction-trust .actions a{display:flex;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(211,108,255,.45)}
.tf-direction-trust .actions a:first-child{background:#a63be0;color:#fff}
@media(max-width:760px){.tf-first-grid,.tf-picker-grid{grid-template-columns:1fr}.tf-direction-trust__box{grid-template-columns:1fr}.tf-first-hero{padding:24px}.tf-first-actions a{width:100%}}