:root{ --navy: #0A1628; --navy-2: #12233E; --navy-3: #1A3055; --blue-2: #0F40D0; --blue-3: #EEF2FF; --blue-4: #C7D4FD; --green: #16A34A; --green-bg: #DCFCE7; --amber: #D97706; --amber-bg: #FEF3C7; --red: #DC2626; --red-bg: #FEE2E2; --bg: #F2F5FA; --s2: #F7F9FD; --s3: #EDF1F8; --line: #E2E8F4; --line2: #CAD5EC; --text: #0A1628; --max: 1240px; --sh: 0 1px 3px rgba(10,22,40,.05), 0 4px 16px rgba(10,22,40,.06); --sh2: 0 2px 8px rgba(10,22,40,.07), 0 16px 48px rgba(10,22,40,.10); --font-display: "Questrial", system-ui, sans-serif; } *, *::before, *::after{ box-sizing: border-box; margin: 0; padding: 0; } html{ scroll-behavior: smooth; } body{ font-family: var(--font-body); -webkit-font-smoothing: antialiased; } button, input, select, textarea{ font: inherit; } button{ cursor: pointer; } a{ text-decoration: none; color: inherit; } h1, h2, h3, h4{ line-height: 1.2; text-wrap: balance; } p, li{ text-wrap: pretty; } #app > .loading{ display: flex; align-items: center; justify-content: center; background: #07111f; color: transparent; font-size: 0; } .topbar{ position: sticky; top: 0; } .topbar-inner{ margin: auto; display: flex; align-items: center; justify-content: space-between; } .nav{ display: flex; align-items: center; flex: 1; } .nav-right{ display: flex; align-items: center; gap: 6px; flex-shrink: 0; } .nav button{ border: 0; background: transparent; font-family: var(--font-body); font-weight: 600; transition: .15s; } .nav button:hover{ background: var(--s3); color: var(--text); } .nav-user{ margin-left: 6px; border: 0; background: var(--s3); color: var(--muted); padding: 6px 12px; border-radius: 9px; font-weight: 600; font-size: 12.5px; transition: .15s; } .nav-user:hover{ background: var(--red-bg); color: var(--red); } .to-tabs{ display: flex; gap: 4px; margin-bottom: 18px; width: fit-content; } .to-tab{ border: 0; background: transparent; color: var(--muted); font-family: var(--font-body); font-weight: 600; cursor: pointer; transition: .15s; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; } .to-tab:hover{ background: var(--s3); color: var(--text); } .to-tab.active{ font-weight: 700; box-shadow: 0 2px 8px rgba(10,22,40,.18); } .to-badge{ font-size: 10.5px; font-weight: 700; background: var(--blue); color: #fff; border-radius: 999px; padding: 1px 8px; min-width: 20px; text-align: center; } .to-tab.active .to-badge{ background: rgba(255,255,255,.25); } .nav-register{ margin-left: 6px; font-family: var(--font-body); font-weight: 700; transition: .15s; } .nav-register:hover{ color: #fff; } .language-switch{ display: inline-flex; align-items: center; gap: 2px; flex-shrink: 0; } .lang-option{ border: 0; background: transparent; height: 28px; border-radius: 999px; font-size: 11.5px; font-weight: 800; letter-spacing: .04em; transition: .15s; } .lang-option:hover{ color: var(--text); background: var(--surface); } .page{ max-width: var(--max); margin: auto; } .eyebrow{ font-family: var(--font-body); text-transform: none; display: inline-block; } .btn{ display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--line); background: var(--surface); color: var(--text); font-family: var(--font-body); transition: .15s; white-space: nowrap; } .btn:hover{ border-color: var(--line2); background: var(--s2); box-shadow: var(--sh); } .btn.primary{ color: #fff; } .btn.primary:hover{ background: var(--blue); border-color: var(--blue); } .btn.blue-btn{ background: var(--blue); border-color: var(--blue); color: #fff; } .btn.blue-btn:hover{ background: var(--blue-2); border-color: var(--blue-2); } .btn.danger{ background: var(--red-bg); border-color: #fca5a5; color: var(--red); } .btn.danger:hover{ background: #fee2e2; } .btn.sm{ border-radius: 8px; } .btn.xs{ border-radius: 7px; } .text-link{ background: none; border: 0; padding: 0; color: var(--blue); font-weight: 600; font-size: inherit; } .card{ background: var(--surface); border: 1px solid var(--line); } .pill{ display: inline-flex; align-items: center; gap: 4px; background: var(--blue-3); color: var(--navy); font-size: 11.5px; font-weight: 700; } .pill.good{ background: var(--green-bg); color: #15803d; } .pill.warn{ background: var(--amber-bg); color: #92400e; } .pill.bad{ background: var(--red-bg); color: #991b1b; } .pill.gray{ background: var(--s3); color: var(--muted); border: 1px solid var(--line); } .pill.dark{ background: var(--navy); color: #fff; } .bar{ height: 7px; background: var(--line); border-radius: 999px; overflow: hidden; } .bar i{ display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #ef4444 0%, #f59e0b 30%, #22c55e 65%, #1855F4 100%); transition: width .5s ease; } .input, select, textarea{ width: 100%; background: var(--surface); border: 1px solid var(--line); outline: none; color: var(--text); transition: .15s; } .input:focus, select:focus, textarea:focus{ border-color: var(--blue); box-shadow: 0 0 0 3px rgba(24,85,244,.10); } .input-sm{ padding: 5px 9px; font-size: 13px; border-radius: 7px; } label{ font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: none; color: var(--muted); } .field{ display: grid; gap: 6px; } .row{ display: flex; gap: 8px; align-items: center; flex-wrap: wrap; } .muted{ color: var(--muted); } .table-wrap{ overflow: auto; border: 1px solid var(--line); border-radius: var(--rl); background:var(--surface); } table{ width: 100%; border-collapse: separate; border-spacing: 0; } th, td{ padding: 10px 13px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; } th{ background: var(--s2); color: var(--muted); font-family: var(--font-body); font-size: 10.5px; text-transform: none; letter-spacing: .08em; font-weight: 700; position: sticky; top: 0; z-index: 2; white-space: nowrap; } tr:last-child td{ border-bottom: 0; } tr:hover td{ background: var(--s2); } .toast{ position: fixed; left: 50%; transform: translateX(-50%); background: var(--navy); color: #fff; padding: 11px 20px; border-radius: 12px; font-size: 13px; font-weight: 600; z-index: 9999; box-shadow: var(--sh2); animation: toast-in .2s ease; } @keyframes toast-in { from { opacity:0; transform: translateX(-50%) translateY(8px); } to { opacity:1; transform: translateX(-50%) translateY(0); } } .app-dialog-overlay{ position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(10, 22, 40, .48); backdrop-filter: blur(3px); opacity: 0; transition: opacity .18s ease; } .app-dialog-overlay.app-dialog-in{ opacity: 1; } .app-dialog-overlay.app-dialog-out{ opacity: 0; } .app-dialog-box{ width: 100%; max-width: 400px; background: var(--surface); border-radius: var(--rl); box-shadow: var(--sh2); padding: 28px 26px 22px; text-align: center; transform: translateY(10px) scale(.97); opacity: 0; transition: transform .2s cubic-bezier(.2,.8,.3,1.15), opacity .18s ease; } .app-dialog-overlay.app-dialog-in .app-dialog-box{ transform: translateY(0) scale(1); opacity: 1; } .app-dialog-icon{ width: 52px; height: 52px; margin: 0 auto 14px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--blue-3); color: var(--blue); } .app-dialog-icon svg{ width: 26px; height: 26px; } .app-dialog-title{ font-family: var(--font-display); font-size: 19px; font-weight: 400; color: var(--text); margin-bottom: 8px; letter-spacing: .01em; } .app-dialog-msg{ font-size: 14.5px; font-weight: 600; color: var(--text); line-height: 1.5; margin-bottom: 4px; } .app-dialog-detail{ font-size: 13px; font-weight: 500; color: var(--muted); line-height: 1.55; margin-top: 6px; padding-top: 10px; border-top: 1px solid var(--line); } .app-dialog-hint{ font-size: 12px; color: var(--hint); margin-top: 6px; text-align: left; } .app-dialog-input{ width: 100%; margin-top: 16px; padding: 11px 14px; border: 1.5px solid var(--line2); border-radius: 10px; font-family: var(--font-body); font-size: 14px; font-weight: 600; color: var(--text); background: var(--s2); transition: .15s; } .app-dialog-input:focus{ outline: none; border-color: var(--blue); background: var(--surface); box-shadow: 0 0 0 3px var(--blue-3); } .app-dialog-actions{ display: flex; gap: 10px; margin-top: 22px; } .app-dialog-btn{ flex: 1; padding: 11px 16px; border-radius: 10px; border: 1.5px solid var(--line); background: var(--surface); font-family: var(--font-body); font-weight: 700; font-size: 13.5px; cursor: pointer; transition: .15s; } .app-dialog-cancel{ color: var(--muted); } .app-dialog-cancel:hover{ background: var(--s2); border-color: var(--line2); color: var(--text); } .app-dialog-confirm{ background: var(--navy); border-color: var(--navy); color: #fff; } .app-dialog-confirm:hover{ background: var(--blue); border-color: var(--blue); } .app-dialog-confirm:focus-visible{ outline: 2px solid var(--blue-4); outline-offset: 2px; } @media (max-width: 480px) { .app-dialog-box{ padding: 24px 20px 18px; border-radius: var(--r); } .app-dialog-actions{ flex-direction: column-reverse; } } .footer-inner{ max-width: var(--max); margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-navs{ display: grid; gap: 7px; flex: 1 1 520px; min-width: 260px; } .footer-links{ display: flex; gap: 16px; flex-wrap: wrap; } .footer-links a{ font-size: 13px; color: var(--muted); font-weight: 500; transition: color .15s; } .footer-links a:hover{ color: var(--navy); } .footer-legal-links{ gap: 12px; } .footer-legal-links a{ font-size: 12px; color: var(--hint); } .footer-copy{ font-size: 12px; color: var(--hint); } .info-page-grid, .how-page{ display: grid; gap: 18px; } .info-hero-card, .info-wide-card, .how-testbank-card{ padding: 36px; } .info-hero-card h2, .info-wide-card h2, .how-testbank-card h2{ font-size: 42px; color: var(--navy); margin: 8px 0 14px; text-transform: none; } .info-hero-card p, .info-wide-card p, .how-testbank-card p{ font-size: 15px; line-height: 1.75; color: var(--muted); margin-bottom: 14px; max-width: 900px; } .info-benefit-list{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .info-benefit-list article{ padding: 26px; border-radius: 20px; box-shadow: var(--sh); } .info-benefit-list b{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: var(--blue-3); color: var(--blue); font-family: var(--font-display); font-size: 20px; font-weight: 900; margin-bottom: 14px; } .info-benefit-list h3, .how-split h3{ font-size: 24px; color: var(--navy); margin-bottom: 8px; text-transform: none; } .info-benefit-list p, .how-split p, .how-steps p{ font-size: 13.5px; line-height: 1.65; color: var(--muted); } .how-steps{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 18px; } .how-steps article{ background: var(--s2); border: 1px solid var(--line); border-radius: 16px; padding: 22px; } .how-steps b{ display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: var(--navy); color: #fff; font-family: var(--font-display); font-size: 20px; font-weight: 900; margin-bottom: 14px; } .how-steps strong{ display: block; font-size: 15px; color: var(--navy); margin-bottom: 6px; font-family: var(--font-display); text-transform: none; } .how-split{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .how-split article{ padding: 28px; border-radius: 20px; } .how-chip-row{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .how-chip-row span{ padding: 8px 14px; border-radius: 999px; background: var(--blue-3); border: 1px solid var(--blue-4); font-size: 12.5px; font-weight: 700; color: var(--navy); } .how-program-lead{max-width:980px;font-size:16px;line-height:1.7;color:var(--text)} .how-program-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px} .how-program-feature{padding:20px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),#fff)} .how-program-feature h3{margin:0 0 8px;color:var(--navy);font-size:18px;text-transform:none} .how-program-feature p{margin:0;color:var(--text);line-height:1.68} .how-program-includes{margin-top:18px;padding:18px 20px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line)} .how-program-includes strong{display:block;margin-bottom:12px;color:var(--navy);font-size:15px} .how-program-pill-list{display:flex;flex-wrap:wrap;gap:10px} .how-program-pill-list span{padding:8px 14px;border-radius:999px;background:var(--blue-3);border:1px solid var(--blue-4);font-size:12.5px;font-weight:700;color:var(--navy)} .how-program-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:#fff} .how-program-cta b{display:block;margin-bottom:4px;color:var(--navy);font-size:18px} .how-program-cta p{margin:0;color:var(--muted);line-height:1.6} @media(max-width:980px){.how-program-layout{grid-template-columns:1fr}.how-program-cta{flex-direction:column;align-items:flex-start}} .manual-category-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; } .manual-cat{ padding: 26px 28px; } .manual-cat-hdr{ display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid var(--line); } .manual-cat-icon{ font-size: 22px; line-height: 1; } .manual-cat h3{ font-family: var(--font-display); font-size: 22px; font-weight: 900; color: var(--navy); text-transform: none; } .manual-list{ list-style: none; display: grid; gap: 10px; } .manual-list li{ font-size: 13.5px; color: var(--muted); line-height: 1.55; padding-left: 14px; position: relative; } .manual-list li::before{ content: "—"; position: absolute; left: 0; color: var(--blue); font-weight: 700; } .manual-list li strong{ color: var(--text); font-weight: 700; } @media (max-width: 900px) { .manual-category-grid{ grid-template-columns: 1fr; } } @media (max-width: 600px) { .manual-cat{ padding: 20px; } } .public-price-page{ display: grid; gap: 18px; } .public-price-hero{ padding: 36px; } .public-price-hero h2{ font-size: 42px; color: var(--navy); margin: 8px 0 12px; text-transform: none; } .public-price-hero p{ font-size: 15px; line-height: 1.75; color: var(--muted); max-width: 780px; } .public-price-grid{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; } .public-price-card{ background: var(--surface); border: 1px solid var(--line); padding: 32px; box-shadow: var(--sh); } .public-price-card.featured{ color: #fff; } .public-price-card span{ display: inline-flex; font-family: var(--font-body); font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: none; color: var(--blue); margin-bottom: 10px; } .public-price-card.featured span{ color: #7ba6ff; } .public-price-card h3{ font-size: 32px; color: var(--navy); margin-bottom: 6px; text-transform: none; } .public-price-card.featured h3{ color: #fff; } .public-price-card strong{ display: block; font-family: var(--font-display); font-size: 52px; font-weight: 900; line-height: 1; color: var(--blue); margin-bottom: 12px; } .public-price-card.featured strong{ color: #fff; } .public-price-card p, .public-price-note p{ font-size: 14.5px; line-height: 1.7; color: var(--muted); } .public-price-card.featured p{ color: #b0c4de; } .public-price-note{ padding: 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .public-price-note h3{ font-size: 28px; color: var(--navy); margin-bottom: 8px; text-transform: none; } .access-page{ display: flex; align-items: center; justify-content: center; } .access-card{ width: 100%; } .access-brand{ display: flex; align-items: center; gap: 14px; margin-bottom: 22px; } .access-brand img{ height: 34px; width: auto; } .access-card p{ font-size: 14px; color: var(--muted); margin-bottom: 22px; line-height: 1.65; } .access-form{ display: grid; gap: 14px; } .access-switch{ margin-top: 18px; font-size: 13.5px; color: var(--muted); text-align: center; } .reg-page{ display: grid; grid-template-columns: 1fr 1fr; min-height: calc(100vh - 64px); } .reg-left{ display: flex; align-items: center; justify-content: center; padding: 60px 52px; } .reg-left-inner{ max-width: 440px; } .reg-logo{ filter: brightness(0) invert(1); opacity: .9; } .reg-headline{ font-family: var(--font-display); font-size: 34px; font-weight: 900; color: #fff; line-height:1.08; text-transform: none; margin-bottom: 16px; } .reg-subhead{ font-size: 16px; color: #8fa5c8; line-height: 1.65; margin-bottom: 36px; } .reg-perks{ list-style: none; display: grid; gap: 18px; margin-bottom: 40px; } .reg-perks li{ display: flex; align-items: flex-start; gap: 14px; } .reg-perk-icon{ width: 26px; height: 26px; border-radius: 8px; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; flex-shrink: 0; margin-top: 1px; } .reg-perks strong{ display: block; font-size: 14px; color: #fff; font-weight: 700; margin-bottom: 2px; } .reg-perks span{ display: block; font-size: 13px; color: #6a87aa; } .reg-quote{ border-left: 3px solid var(--blue); padding-left: 16px; font-size: 17px; font-style: italic; color: rgba(255,255,255,.5); } .reg-right{ background: var(--bg); display: flex; align-items: center; justify-content: center; padding: 40px 52px; } .reg-form-wrap{ width: 100%; max-width: 440px; } .reg-form-hdr{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 24px; } .reg-form-hdr h2{ font-size: 28px; color: var(--navy); text-transform: none; font-family: var(--font-display); font-weight: 900; } .reg-form-hdr p{ font-size: 13.5px; color: var(--muted); } .reg-form{ display: grid; gap: 14px; } .reg-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .reg-divider{ display: flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: none; color: var(--hint); margin: 2px 0; } .reg-divider::before, .reg-divider::after{ content: ""; flex: 1; height: 1px; background: var(--line); } .reg-submit{ border-color: var(--navy); color: #fff; font-weight: 700; font-size: 15px; padding: 13px; border-radius: 12px; width: 100%; margin-top: 4px; } .reg-submit:hover{ background: var(--blue); border-color: var(--blue); } .reg-terms{ font-size: 11.5px; color: var(--hint); text-align: center; line-height: 1.5; margin-top: 4px; } .reg-terms a{ color: var(--blue); font-weight: 700; text-decoration: none; } .reg-terms a:hover{ text-decoration: underline; } @media (max-width: 860px) { .reg-page{ grid-template-columns: 1fr; } .reg-left{ padding: 40px 28px; } .reg-right{ padding: 36px 24px; } .reg-headline{ font-size: 28px; } .reg-row{ grid-template-columns: 1fr; } } .forgot-question-box{ background: var(--blue-3); border: 1px solid var(--blue-4); border-radius: 10px; padding: 12px 16px; font-size: 14px; font-weight: 600; color: var(--navy); } .forgot-no-q{ text-align: center; padding: 20px 0 10px; } .forgot-icon{ font-size: 40px; margin-bottom: 12px; } .forgot-no-q p{ font-size: 14px; color: var(--muted); line-height: 1.6; } .recovery-box{ margin-top: 18px; background: var(--s2); border: 1px solid var(--line); border-radius: var(--r); padding: 14px 16px; font-size: 13px; color: var(--muted); } .recovery-box summary{ cursor: pointer; font-weight: 600; color: var(--muted); } .recovery-box form{ display: grid; gap: 12px; margin-top: 12px; } .recovery-box p{ margin-bottom: 8px; } .proto-toolbar-fields{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } .pt-table thead th{ font-family: var(--font-body); font-size: 10px; text-transform: none; letter-spacing: .08em; font-weight: 700; white-space: nowrap; } .pt-num{ width: 32px; text-align: center; } .pt-meta{ width: 58px; text-align: center; } .pt-test{ min-width: 90px; max-width: 120px; text-align: center; } .pt-avg-hdr{ width: 74px; background: #0a1e40 !important; text-align: center; } .pt-del-hdr{ width: 32px; background: #0a1e40 !important; } .pt-sticky{ position: sticky; left: 0; z-index: 2; background: var(--s2); border-right: 2px solid var(--line2); } thead .pt-sticky{ color: #fff !important; z-index: 5; } .pt-add-row td{ padding: 8px 10px; } .pt-num-cell{ text-align: center; color: var(--hint); font-size: 11px; width: 32px; } .pt-name-input{ width: 100%; border: 0; background: transparent; outline: none; font-size: 13px; font-weight: 600; color: var(--text); font-family: var(--font-body); } .pt-name-input:focus{ background: var(--blue-3); border-radius: 5px; } .pt-meta-cell{ text-align: center; } .pt-meta-input{ border: 0; background: transparent; outline: none; font-size: 12.5px; text-align: center; color: var(--muted); font-family: var(--font-body); } .pt-meta-input:focus{ background: var(--blue-3); border-radius: 5px; } .pt-gender{ width: 76px; } select.pt-meta-input{ width: 72px; appearance: auto; cursor: pointer; } .pt-res-cell{ text-align: center; padding: 4px 5px !important; } .pt-cooper{ background: #f5f8ff !important; } .pt-res-input{ border: 1.5px solid var(--line); font-size: 13px; font-weight: 600; text-align: center; outline: none; transition: .12s; font-family: var(--font-body); } .pt-res-input:focus{ border-color: var(--blue); background:var(--surface); box-shadow: 0 0 0 3px rgba(24,85,244,.12); } .pt-vo2{ font-size: 9px; color: var(--blue); font-weight: 600; } .pt-score{ font-family: var(--font-display); font-weight: 900; gap:3px; margin-top:4px; white-space:nowrap; } .pt-score small{ font-family: var(--font-body); font-size: 9px; font-weight: 800; letter-spacing:.04em; text-transform:uppercase; opacity:.75; } .pt-score em{ font-family: var(--font-body); font-style:normal; font-size:10px; font-weight:800; opacity:.75; } .pt-mini-bar{ width: 56px; height: 3px; background: var(--line); border-radius: 999px; overflow: hidden; } .pt-mini-bar div{ height: 100%; border-radius: 999px; opacity: .75; } .pt-avg-cell{ text-align: center; background: #eef2ff !important; padding: 6px 8px !important; } .pt-avg-num{ font-family: var(--font-display); color: var(--blue-2); line-height: 1; } .pt-avg-bar{ width: 52px; height: 4px; background: var(--line); border-radius: 999px; overflow: hidden; margin: 4px auto 0; } .pt-avg-fill{ height: 100%; background: linear-gradient(90deg,#ef4444,#f59e0b 40%,#22c55e 70%,#1855F4); border-radius: 999px; } .pt-avg-empty{ color: var(--hint); font-size: 14px; } .pt-del-cell{ text-align: center; } .pt-del-btn{ border: 0; background: none; color: var(--hint); font-size: 12px; cursor: pointer; padding: 4px 6px; border-radius: 5px; } .pt-del-btn:hover{ background: var(--red-bg); color: var(--red); } .rt-wrap{ background: var(--surface); border: 1px solid var(--line); border-radius: var(--rl); box-shadow: var(--sh); overflow: hidden; margin-bottom: 10px; } .rt-scroll{ overflow-x: auto; max-height: calc(100vh - 280px); overflow-y: auto; } .rt-table{ width: 100%; border-collapse: separate; border-spacing: 0; min-width: 500px; } .rt-table thead th{ background: var(--navy); color: rgba(255,255,255,.8); font-family: var(--font-body); font-size: 10px; text-transform: none; letter-spacing: .08em; font-weight: 700; padding: 10px 8px; white-space: nowrap; border-right: 1px solid rgba(255,255,255,.07); position: sticky; top: 0; z-index: 3; vertical-align: bottom; } .rt-name{ min-width: 140px; text-align: left; } .rt-age{ width: 52px; text-align: center; } .rt-test-hdr{ min-width: 80px; text-align: center; } .rt-test-hdr span{ display: block; font-size: 10px; } .rt-test-hdr small{ display: block; font-size: 8px; font-weight: 400; opacity: .5; text-transform: none; letter-spacing: 0; } .rt-total-hdr{ width: 64px; background: #0a1e40 !important; text-align: center; } .rt-area-hdr{ min-width: 72px; background: var(--navy-3) !important; text-align: center; } .rt-grade-hdr{ width: 90px; background: var(--navy-2) !important; text-align: center; } .rt-print-hdr{ width: 52px; background: var(--navy-2) !important; } .rt-sticky{ position: sticky; left: 0; z-index: 2; background: var(--s2); border-right: 2px solid var(--line2); } thead .rt-sticky{ background: #07101e !important; z-index: 5; } .rt-table td{ padding: 8px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); vertical-align: middle; background: var(--surface); } .rt-row:hover td{ background: var(--s2); } .rt-age-cell{ text-align: center; color: var(--muted); font-size: 12.5px; } .rt-score-cell{ text-align: center; padding: 6px 8px !important; } .rt-score{ font-family: var(--font-display); font-size: 19px; font-weight: 900; display: block; line-height: 1; } .rt-empty{ color: var(--hint) !important; font-size: 14px !important; } .rt-mini-bar{ height: 3px; background: var(--line); border-radius: 999px; overflow: hidden; margin: 3px auto 0; width: 44px; } .rt-mini-bar div{ height: 100%; border-radius: 999px; } .rt-total-cell{ background: #eef2ff !important; text-align: center; } .rt-total{ font-family: var(--font-display); font-size: 24px; font-weight: 900; color: var(--blue-2); display: block; line-height: 1; } .rt-area-cell{ background: var(--s2) !important; text-align: center; font-size: 14px; } .rt-grade-cell{ background: var(--s2) !important; text-align: center; } .rt-print-cell{ text-align: center; background: var(--s2) !important; } .ip-layout{ display: grid; grid-template-columns: 200px 1fr; gap: 14px; align-items: start; } .ip-sidebar{ background: var(--surface); border: 1px solid var(--line); border-radius: var(--rl); box-shadow: var(--sh); overflow: hidden; position: sticky; top: 80px; max-height: calc(100vh - 100px); overflow-y: auto; } .ip-sidebar-hdr{ padding: 12px 14px 8px; border-bottom: 1px solid var(--line); background: var(--s2); } .ip-person-btn{ width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--line); padding: 10px 14px; cursor: pointer; transition: .13s; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: 1px; } .ip-person-btn:hover{ background: var(--blue-3); } .ip-active{ background: var(--navy) !important; } .ip-person-name{ font-size: 13px; font-weight: 700; color: var(--text); grid-column: 1; } .ip-active .ip-person-name{ color: #fff; } .ip-person-meta{ font-size: 10.5px; color: var(--hint); grid-column: 1; } .ip-active .ip-person-meta{ color: rgba(255,255,255,.5); } .ip-person-score{ font-family: var(--font-display); font-size: 24px; font-weight: 900; grid-column: 2; grid-row: 1 / span 2; align-self: center; line-height: 1; } .ip-main{ background: var(--surface); border: 1px solid var(--line); border-radius: var(--rl); box-shadow: var(--sh); overflow: hidden; } .ip-header{ display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 22px 24px 18px; border-bottom: 1px solid var(--line); background: var(--s2); } .ip-name{ font-size: 27px; color: var(--navy); margin: 4px 0 6px; text-transform: none; line-height: 1; } .ip-meta-row{ display: flex; gap: 14px; flex-wrap: wrap; } .ip-meta-row span{ font-size: 12px; color: var(--muted); font-weight: 500; } .ip-meta-row span::before{ content: "·"; margin-right: 6px; color: var(--line2); } .ip-meta-row span:first-child::before{ display: none; } .ip-header-right{ display: flex; align-items: center; gap: 16px; flex-shrink: 0; } .ip-gauge-wrap{ text-align: center; } .ip-gauge{ width: 90px; height: 52px; display: block; margin: 0 auto -4px; } .ip-gauge-num{ font-family: var(--font-display); font-size: 28px; font-weight: 900; line-height: 1; } .ip-gauge-label{ font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: none; color: var(--hint); margin-top: 2px; } .ip-header-actions{ display: flex; flex-direction: column; align-items: flex-end; gap: 8px; } .ip-count{ font-size: 11px; color: var(--hint); } .ip-area-block{ border-bottom: 1px solid var(--line); } .ip-area-block:last-child{ border-bottom: 0; } .ip-area-hdr{ display: flex; align-items: center; justify-content: space-between; padding: 10px 24px 8px; background: var(--navy); } .ip-area-name{ font-family: var(--font-display); font-size: 13px; font-weight: 900; color: #fff; text-transform: none; letter-spacing: .08em; } .ip-area-avg{ font-family: var(--font-display); font-size: 20px; font-weight: 900; } .ip-test-row{ display: grid; grid-template-columns: 1fr 72px 1fr 48px 90px; gap: 0; align-items: center; padding: 9px 24px; border-bottom: 1px solid var(--s3); transition: background .1s; } .ip-test-row:last-child{ border-bottom: 0; } .ip-test-row:hover{ background: var(--s2); } .ip-test-name{ font-size: 13.5px; font-weight: 600; color: var(--text); } .ip-test-raw{ font-size: 13px; color: var(--muted); text-align: right; padding-right: 12px; } .ip-test-bar-wrap{ padding: 0 12px; } .ip-test-track{ height: 6px; background: var(--line); border-radius: 999px; overflow: hidden; } .ip-test-fill{ height: 100%; border-radius: 999px; transition: width .4s ease; } .ip-test-markers{ display: flex; justify-content: space-between; margin-top: 2px; } .ip-test-markers span{ font-size: 8.5px; color: var(--hint); } .ip-test-score{ font-family: var(--font-display); font-size: 22px; font-weight: 900; text-align: center; line-height: 1; } .ip-test-grade{ text-align: right; } @media (max-width: 900px) { .ip-layout{ grid-template-columns: 1fr; } .ip-sidebar{ position: static; max-height: 260px; } .ip-test-row{ grid-template-columns: 1fr 56px 80px 40px 80px; } .proto-toolbar-fields{ grid-template-columns: 1fr 1fr; } } @media (max-width: 600px) { .ip-header{ flex-direction: column; } .ip-test-row{ grid-template-columns: 1fr 1fr; gap: 6px; } .ip-test-bar-wrap, .ip-test-markers{ display: none; } } .admin-pg{ padding-top: 24px; } .adm-header{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; } .adm-title{ font-size: 27px; color: var(--navy); text-transform: none; } .adm-tabs{ display: flex; border-bottom: 2px solid var(--line); margin-bottom: 22px; } .adm-tab{ display: inline-flex; align-items: center; gap: 7px; padding: 11px 20px; border: 0; background: transparent; font-family: var(--font-body); font-size: 14px; font-weight: 600; cursor: pointer; transition: .15s; white-space: nowrap; } .adm-tab.active{ border-bottom-color: var(--blue); font-weight: 700; } .adm-tab-cnt{ font-size: 11px; font-weight: 700; border-radius: 999px; padding: 1px 8px; } .adm-prof-bar{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; } .adm-prof-bar-meta{ font-size: 12.5px; color: var(--muted); } .admin-edit-panel{ background: var(--surface); border: 1px solid var(--line); border-radius: var(--rl); box-shadow: var(--sh); overflow: hidden; } .admin-empty{ padding: 60px 30px; text-align: center; color: var(--muted); } .adm-edit{ padding: 0; } .adm-edit-hdr{ display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 22px; border-bottom: 1px solid var(--line); background: var(--s2); } .adm-edit-title{ font-family: var(--font-display); font-size: 22px; font-weight: 900; color: var(--navy); text-transform: none; display: flex; align-items: center; gap: 10px; } .adm-edit-sub{ font-size: 14px; font-weight: 500; color: var(--muted); text-transform: none; font-family: var(--font-body); } .adm-fields{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 16px 22px; } .adm-toggle{ display: flex; align-items: flex-start; gap: 12px; padding: 12px 22px; background: var(--s2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); cursor: pointer; } .adm-toggle input{ accent-color: var(--blue); width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; } .adm-toggle-text strong{ display: block; font-size: 13.5px; font-weight: 700; color: var(--text); } .adm-toggle-text span{ font-size: 12px; color: var(--muted); } .adm-groups-hdr{ display: flex; align-items: center; justify-content: space-between; padding: 14px 22px 10px; } .adm-groups-hdr h3{ font-size: 16px; color: var(--navy); text-transform: none; } .adm-group{ border-top: 1px solid var(--line); padding: 0 22px 14px; } .adm-group-hdr{ display: flex; align-items: center; gap: 8px; padding: 10px 0 8px; } .adm-group-name{ flex: 1; font-family: var(--font-display); font-size: 15px; font-weight: 800; border: 0; background: transparent; outline: none; color: var(--navy); padding: 4px 8px; border-radius: 6px; text-transform: none; } .adm-group-name:focus{ background: var(--blue-3); } .adm-items-table{ background: var(--s2); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; } .adm-items-head{ display: grid; grid-template-columns: 2fr 1fr 1.4fr 1fr 1fr 1fr .4fr; gap: 6px; padding: 7px 10px; background: var(--s3); border-bottom: 1px solid var(--line); } .adm-items-head span{ font-size: 9.5px; font-weight: 700; text-transform: none; letter-spacing: .07em; color: var(--hint); } .adm-item-row{ display: grid; grid-template-columns: 2fr 1fr 1.4fr 1fr 1fr 1fr .4fr; gap: 6px; padding: 7px 10px; border-bottom: 1px solid var(--line); align-items: center; } .adm-item-row:last-child{ border-bottom: 0; } .adm-items-empty{ padding: 14px 10px; font-size: 13px; color: var(--muted); } .adm-2col{ display: grid; grid-template-columns: 1fr 340px; gap: 16px; align-items: start; } .adm-section-hdr{ margin-bottom: 12px; } .adm-section-hdr h2{ font-size: 20px; text-transform: none; } .adm-cnt{ font-family: var(--font-body); font-size: 13px; font-weight: 600; text-transform: none; margin-left: 6px; } .adm-form-card{ padding: 20px 22px; } .adm-user-table{ width: 100%; border-collapse: separate; border-spacing: 0; } .adm-user-table th{ background: var(--s2); font-family: var(--font-body); font-size: 10.5px; text-transform: none; letter-spacing: .07em; font-weight: 700; color: var(--muted); padding: 9px 12px; border-bottom: 2px solid var(--line); text-align: left; position: sticky; top: 0; } .adm-user-row td{ padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; } .adm-user-row:last-child td{ border-bottom: 0; } .adm-user-row:hover td{ background: var(--s2); } .adm-user-name{ font-size: 14px; font-weight: 700; color: var(--text); } .adm-user-meta{ font-size: 11.5px; color: var(--hint); margin-top: 2px; } .adm-center{ text-align: center; } .adm-user-actions{ display: flex; flex-direction: column; gap: 6px; } .adm-credit-row{ display: flex; gap: 5px; align-items: center; flex-wrap: wrap; } @media (max-width: 1000px) { .adm-2col{ grid-template-columns: 1fr; } } @media (max-width: 760px) { .adm-tabs{ overflow-x: auto; } .adm-tab{ font-size: 12.5px; padding: 9px 14px; } } .panel{ background: var(--surface); border: 1px solid var(--line); border-radius: var(--rl); overflow: hidden; box-shadow: var(--sh); } @media (max-width: 1100px) { .info-benefit-list, .how-steps{ grid-template-columns: 1fr 1fr; } } @media (max-width: 760px) { .topbar-inner{ padding: 0 16px; height: 58px; } .nav{ display: none; } .info-benefit-list, .how-steps, .how-split{ grid-template-columns: 1fr; } .info-hero-card, .info-wide-card, .how-testbank-card{ padding: 22px; } .info-hero-card h2, .info-wide-card h2, .how-testbank-card h2, .public-price-hero h2{ font-size: 32px; } .public-price-grid, .price-grid, .price-summary{ grid-template-columns: 1fr; } .public-price-note{ flex-direction: column; } .to-header{ flex-direction: column; align-items: flex-start; border-radius: var(--rl); padding: 18px 20px; } .adm-fields{ grid-template-columns: 1fr 1fr; } .page{ padding: 20px 16px; } } :root{ --navy-2:#0d1f39; --sh2:0 24px 80px rgba(15,23,42,.16); } .modern-home .eyebrow{color:#57b7ff;letter-spacing:.16em} @media(max-width:720px){} :root{ --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-display: "Space Grotesk", "Inter", system-ui, sans-serif; --navy:#071225; --navy-2:#0b1b34; --blue:#2563ff; --cyan:#29d3ff; --mint:#2ff2c4; --bg:#f5f7fb; --surface:#ffffff; --line:#dde6f2; --muted:#667085; --text:#071225; --sh: 0 12px 32px rgba(7,18,37,.08); --sh2: 0 24px 70px rgba(7,18,37,.18); } .nav button{ letter-spacing:-.01em; } .nav button.active{ background:var(--s2); color:var(--blue); } .nav-register{ border-radius:999px; }.eyebrow{ backdrop-filter:blur(10px); }.btn{ border-radius:999px; letter-spacing:-.01em; }.btn.primary{ background:linear-gradient(135deg,var(--blue),#143bd6); border-color:transparent; box-shadow:0 16px 34px rgba(37,99,255,.34); } [class*="score-card"]{ background:linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.10)) !important; border:1px solid rgba(255,255,255,.22) !important; box-shadow:0 30px 80px rgba(0,0,0,.28) !important; backdrop-filter:blur(18px); border-radius:30px !important; }.card{ border-color:rgba(221,230,242,.95); box-shadow:0 12px 32px rgba(7,18,37,.07); } .card:hover{ box-shadow:0 18px 44px rgba(7,18,37,.10); } .section-title, .page h2{ font-family:var(--font-display); letter-spacing:-.055em; }.price-card, [class*="price"] .card{ border-radius:28px !important; box-shadow:0 18px 48px rgba(7,18,37,.09); }.price-card.featured{ border-color:rgba(37,99,255,.36); box-shadow:0 26px 64px rgba(37,99,255,.18); } input, select, textarea{ border-radius:14px !important; border-color:#d9e3f0 !important; } input:focus, select:focus, textarea:focus{ outline:none; border-color:var(--blue) !important; box-shadow:0 0 0 4px rgba(37,99,255,.12); } .pill{ border-radius:999px; padding:5px 11px; } .to-tabs{ border-radius:999px; padding:6px; } .to-tab{ border-radius:999px; }.page > section{ margin-block:34px; } .footer{ border-top:1px solid var(--line); } @media (max-width: 820px){ .topbar-inner{ min-height:68px; flex-wrap:wrap; } .logo{height:38px;} .nav{order:3; width:100%; overflow:auto; padding-bottom:4px;} } :root{ --blue-2:#0B43D8; --sh2:0 20px 70px rgba(6,18,37,.16); } h1, h2, h3, h4, .nav button, .to-tab, .btn{letter-spacing:-.025em;}.nav button{ border-radius:999px; } @media(max-width:720px){} h1, h2, h3, h4{ font-family: var(--font-display); letter-spacing: .015em; font-weight: 800; } :root{ --font-display:"Questrial", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-body:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } .nav button{ font-size:12px; }.nav-register{font-size:12px;padding:6px 12px;} .page{padding:22px 24px;} .page h1{font-size:clamp(28px,3vw,40px);font-weight:400;} .page h2{font-size:clamp(22px,2.2vw,30px);font-weight:400;}.card{border-radius:18px;} .input, select, textarea{ padding:7px 10px; } .to-tab{font-size:12.5px;padding:8px 16px;} @media(max-width:720px){ .topbar-inner{ min-height:56px; } .logo{height:32px;} } .pt-name-input, .pt-meta-input{ min-height: 30px; border-radius: 7px; } .pt-name-input:focus, .pt-meta-input:focus{ background:var(--surface); box-shadow: 0 0 0 3px rgba(24,85,244,.12); } .pt-meta-input{ font-weight: 600; } #saveProfileChanges{ min-width: 132px; } :root{ --navy-2:#0B1E3B; --navy-3:#12356A; --blue-2:#0047D9; --cyan:#00C2FF; --cyan-bg:#E8FAFF; --violet:#7C3AED; --violet-bg:#F3EAFF; --lime:#B7F000; --orange:#FF7A1A; --pink:#FF3D8B; --green:#16A34A; --s2:#F6F9FF; --s3:#E8F0FF; --line2:#B7C8E8; --sh2:0 20px 70px rgba(6,18,38,.18); } html, body{ background: radial-gradient(circle at 8% 0%, rgba(21,87,255,.14), transparent 30%), radial-gradient(circle at 94% 8%, rgba(0,194,255,.16), transparent 28%), linear-gradient(180deg,#F7FAFF 0%,#ECF3FF 46%,#F9FBFF 100%) !important; } body::before{ content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background-image: linear-gradient(rgba(21,87,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(21,87,255,.045) 1px, transparent 1px); background-size:48px 48px; mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 70%); } .topbar::after{ content:""; position:absolute; left:0;right:0;bottom:-1px;height:3px; background:linear-gradient(90deg,var(--blue),var(--cyan),var(--lime),var(--orange),var(--pink)); }.nav button.active, .nav button:hover{ background:linear-gradient(135deg,rgba(21,87,255,.12),rgba(0,194,255,.12)) !important; color:var(--navy) !important; }.btn.primary, .btn.blue-btn{ border:0 !important; background:linear-gradient(135deg,var(--blue),var(--cyan)) !important; color:#fff !important; box-shadow:0 12px 30px rgba(21,87,255,.25); }.btn.primary:hover, .btn.blue-btn:hover{ transform:translateY(-2px); box-shadow:0 16px 40px rgba(21,87,255,.32); }.card, .info-benefit-list article, .info-hero-card, .info-wide-card{ border:1px solid rgba(21,87,255,.12) !important; box-shadow:var(--sh) !important; } .eyebrow{ background:linear-gradient(135deg,rgba(21,87,255,.12),rgba(0,194,255,.14)); border:1px solid rgba(21,87,255,.14); padding:5px 10px; border-radius:999px; } .info-page-grid .card, .info-benefit-list article, .info-wide-card{ overflow:hidden; } .info-benefit-list article b{ background:linear-gradient(135deg,var(--blue),var(--cyan)); color:#fff; border-radius:16px; width:46px;height:46px; display:inline-flex;align-items:center;justify-content:center; box-shadow:0 12px 26px rgba(21,87,255,.22); } .info-wide-card{ background: radial-gradient(circle at top right,rgba(0,194,255,.16),transparent 32%), linear-gradient(135deg,#fff,#F3F8FF) !important; } .to-tabs{ background:rgba(255,255,255,.82) !important; border:1px solid rgba(21,87,255,.14) !important; box-shadow:var(--sh) !important; } .to-tab.active{ background:linear-gradient(135deg,var(--blue),var(--cyan)) !important; color:#fff !important; }.pt-wrap, .panel, .adm-form-card{ border:1px solid rgba(21,87,255,.14) !important; box-shadow:var(--sh) !important; }.bar i, .pt-avg-fill{ background:linear-gradient(90deg,var(--orange),var(--lime),var(--cyan),var(--blue)) !important; }.admin-edit-panel, .adm-edit, .adm-group{ border-color:rgba(21,87,255,.14) !important; } .access-card, .reg-form-wrap{ box-shadow:var(--sh2) !important; } .reg-left{ background: radial-gradient(circle at 12% 18%,rgba(0,194,255,.24),transparent 28%), radial-gradient(circle at 92% 80%,rgba(183,240,0,.18),transparent 25%), linear-gradient(155deg,#061226 0%,#0B1E3B 54%,#1557FF 132%) !important; } .reg-perk-icon{ background:linear-gradient(135deg,var(--blue),var(--cyan)) !important; } .reg-submit{ background:linear-gradient(135deg,var(--blue),var(--cyan)) !important; border:0 !important; box-shadow:0 12px 30px rgba(21,87,255,.25); } .nav a{ border: 0; background: transparent; color: var(--muted); padding: 7px 13px; border-radius: 9px; font-family: var(--font-body); font-weight: 600; font-size: 13.5px; transition: .15s; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .nav a:hover{ background: var(--s3); color: var(--text); } .nav a.active{ background: var(--blue-3); color: var(--navy); }a.btn, a.nav-register, a.nav-user, a.text-link{ text-decoration: none; cursor: pointer; } .footer-logo{ display: block; margin-bottom: 14px; } .reg-logo{ height: 40px; width: auto; margin-bottom: 36px; } .logo{ width: auto !important; object-fit: contain !important; display: block !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } .logo-btn{ background: none !important; border: none !important; padding: 4px !important; cursor: pointer !important; display: flex !important; align-items: center !important; border-radius: 10px !important; transition: opacity .15s !important; margin-right: 8px !important; } .logo-btn:hover{ opacity: 0.80 !important; } .adm-profile-guide{ display:flex; justify-content:space-between; align-items:center; gap:14px; background:linear-gradient(135deg,var(--navy),var(--navy-3)); color:#fff; border-radius:var(--rl); padding:16px 20px; margin-bottom:14px; box-shadow:var(--sh2); } .adm-profile-guide strong{ display:block; font-size:16px; margin-bottom:2px; } .adm-profile-guide span:not(.pill){ color:rgba(255,255,255,.78); font-size:13px; } .adm-profile-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:14px 22px 0; } .adm-profile-stats div{ background:var(--s2); border:1px solid var(--line); border-radius:12px; padding:10px 12px; } .adm-profile-stats small{ display:block; color:var(--muted); font-size:10.5px; text-transform:uppercase; letter-spacing:.06em; font-weight:700; } .adm-profile-stats strong{ display:block; color:var(--navy); font-size:20px; line-height:1.1; margin-top:3px; } .adm-sync-note{ margin:0 22px 12px; padding:10px 12px; border:1px solid var(--blue-4); background:var(--blue-3); border-radius:12px; color:var(--navy); font-size:12.5px; } .adm-item-actions{ display:flex; gap:5px; justify-content:flex-end; } .adm-items-head, .adm-item-row{ grid-template-columns: 1.7fr .9fr 1.25fr .8fr .8fr 1fr 1.15fr; } @media (max-width: 1000px) { .adm-items-head, .adm-item-row{ grid-template-columns: 1.5fr .8fr 1fr .7fr .7fr .9fr 1.1fr; } } @media (max-width: 760px) { .adm-profile-guide{ align-items:flex-start; flex-direction:column; } .adm-profile-stats{ grid-template-columns:1fr; } .adm-items-head, .adm-item-row{ grid-template-columns: 1fr; } .adm-item-actions{ justify-content:flex-start; } } .admin-sport-card{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);background:linear-gradient(135deg,#fff 0%,var(--s2) 100%);border-radius:20px;padding:18px;min-height:128px;box-shadow:var(--sh);transition:.18s ease;color:var(--text);width:100%} .admin-sport-card:hover{transform:translateY(-2px);border-color:var(--blue-4);box-shadow:var(--sh2);background:var(--surface)} .admin-profile-workspace{display:grid;grid-template-columns:minmax(250px,340px) 1fr;gap:16px;align-items:start} .admin-profile-picker{position:sticky;top:84px;max-height:calc(100vh - 104px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--rxl);box-shadow:var(--sh);padding:12px} .admin-profile-card-grid{display:grid;gap:10px} .admin-profile-card{display:grid;gap:7px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px;transition:.15s;color:var(--text);width:100%} .admin-profile-card:hover{border-color:var(--blue-4);background:var(--blue-3)} .admin-profile-card.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(24,85,244,.10);background:var(--surface)} .admin-profile-card.hidden-profile{opacity:.72} .profile-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px} .profile-card-top-right{display:flex;align-items:center;gap:7px} .profile-card-del{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:13px;line-height:1;cursor:pointer;transition:.15s} .profile-card-del:hover{background:#fde8e8;border-color:#e5484d;color:#e5484d} .profile-mini-icon{width:32px;height:32px;border-radius:11px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px} .admin-profile-card strong{font-size:15px;color:var(--navy);line-height:1.2} .admin-profile-card em{font-style:normal;color:var(--blue);font-weight:700;font-size:12px} .admin-profile-card small{color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media (max-width:900px){.admin-profile-workspace{grid-template-columns:1fr}.admin-profile-picker{position:static;max-height:none}} .admin-sport-tile{ min-width:156px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--sh); display:flex;align-items:center;gap:11px;text-align:left;transition:.15s ease;color:var(--text); } .admin-sport-tile:hover{transform:translateY(-1px);border-color:var(--blue);box-shadow:var(--sh2)} .admin-sport-tile:first-child, .admin-sport-tile.is-active{background:linear-gradient(135deg,var(--blue),#06a9f4);color:#fff;border-color:var(--blue)} .admin-sport-tile:first-child em, .admin-sport-tile:first-child small, .admin-sport-tile.is-active em, .admin-sport-tile.is-active small{color:rgba(255,255,255,.82)} .sport-tile-icon{width:34px;height:34px;border-radius:11px;background:var(--blue-3);display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto} .admin-sport-tile:first-child .sport-tile-icon, .admin-sport-tile.is-active .sport-tile-icon{background:rgba(255,255,255,.18)} .sport-tile-text{display:grid;gap:1px;line-height:1.2} .sport-tile-text strong{font-size:15px;font-weight:800} .sport-tile-text em, .sport-tile-text small{font-style:normal;font-size:12px;color:var(--muted)} @media(max-width:700px){.admin-sport-tile{min-width:148px}} .admin-pg .adm-profile-guide{margin-bottom:16px} .admin-pg .adm-prof-bar{margin-bottom:12px} .admin-sport-search{margin:12px 0 10px;max-width:560px} .admin-sport-strip-head{ display:flex; align-items:stretch; justify-content:space-between; gap:14px; margin:14px 0 8px; } .admin-sport-head-left{display:flex;gap:12px;align-items:stretch} .admin-sport-all-tile{ width:160px; min-width:160px; background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:14px 16px; box-shadow:var(--sh); display:grid; gap:3px; text-align:left; color:var(--text); } .admin-sport-all-tile.active, .admin-sport-all-tile:hover{ border-color:var(--blue-4); background:var(--blue-3); } .admin-sport-all-tile strong{font-size:15px;color:var(--text)} .admin-sport-all-tile span, .admin-sport-all-tile small{font-size:12px;color:var(--muted)} .admin-sport-strip{ display:flex; gap:12px; overflow-x:auto; padding:10px 2px 16px; scrollbar-width:thin; border-bottom:1px solid var(--line); } .admin-sport-strip .admin-sport-card.admin-sport-tile{ min-width:158px; min-height:80px; height:80px; background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:13px 15px; box-shadow:var(--sh); display:flex; align-items:center; gap:11px; text-align:left; transition:.15s ease; color:var(--text); } .admin-sport-strip .admin-sport-card.admin-sport-tile:hover{ transform:translateY(-1px); border-color:var(--blue); box-shadow:var(--sh2); } .admin-sport-strip .admin-sport-card.admin-sport-tile.is-active{ background:linear-gradient(135deg,var(--blue),#06a9f4); color:#fff; border-color:var(--blue); } .admin-sport-strip .admin-sport-card.admin-sport-tile.is-active em, .admin-sport-strip .admin-sport-card.admin-sport-tile.is-active small{color:rgba(255,255,255,.84)} .admin-sport-strip .admin-sport-card.admin-sport-tile.is-active .sport-tile-icon{background:rgba(255,255,255,.18)} .admin-current-sport{ background:var(--surface); border:1px solid var(--line); border-radius:18px; box-shadow:var(--sh); padding:18px 20px; margin:18px 0 14px; } .admin-current-sport h2{font-size:28px;margin:4px 0 5px;color:var(--navy)} .admin-current-sport p{color:var(--muted);max-width:780px} .clean-admin-profiles.admin-profile-workspace{ display:grid; grid-template-columns:minmax(260px,360px) 1fr; gap:18px; align-items:start; } .clean-admin-profiles .admin-profile-picker{ position:sticky; top:86px; max-height:calc(100vh - 110px); overflow:auto; background:var(--surface); border:1px solid var(--line); border-radius:18px; box-shadow:var(--sh); padding:12px; } .clean-admin-profiles .admin-profile-card-grid{ display:grid; grid-template-columns:1fr; gap:10px; } .clean-admin-profiles .admin-profile-card{ min-height:auto; padding:13px; border-radius:14px; } .clean-admin-profiles .admin-edit-panel{ min-width:0; } @media(max-width:900px){ .clean-admin-profiles.admin-profile-workspace{grid-template-columns:1fr} .clean-admin-profiles .admin-profile-picker{position:static;max-height:none} .admin-current-sport h2{font-size:24px} } @media(max-width:700px){ .admin-sport-strip-head{flex-direction:column} .admin-sport-all-tile{width:100%;min-width:100%} .admin-sport-strip .admin-sport-card.admin-sport-tile{min-width:150px} } .pt-wrap::before{ position: absolute; inset: 0; pointer-events: none; border-radius: 20px; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(255,255,255,.55); z-index: 4; } thead .pt-sticky{ background: linear-gradient(180deg, #0d2a56, #071a37) !important; } .pt-row:hover td.pt-sticky{ background: #eef7ff; } .pt-wrap{ position: relative !important; border: 1px solid rgba(24,85,244,.16) !important; border-radius: 20px !important; background:var(--surface) !important; box-shadow: 0 14px 36px rgba(10,22,40,.10), 0 1px 0 rgba(255,255,255,.9) inset !important; overflow: hidden !important; } .pt-wrap::before{ content: none !important; } .pt-scroll{ overflow-x: auto !important; overflow-y: auto !important; max-height: calc(100vh - 280px) !important; border-radius: 20px !important; } .pt-table{ width: max-content !important; min-width: 100% !important; table-layout: fixed !important; border-collapse: separate !important; background:var(--surface) !important; } .pt-table thead th{ padding: 10px 8px !important; vertical-align: middle !important; background: linear-gradient(180deg, #0d2a56, #071a37) !important; color: rgba(255,255,255,.9) !important; border-top: 0 !important; border-right: 1px solid rgba(255,255,255,.10) !important; border-bottom: 0 !important; line-height: 1.15 !important; text-align: center !important; } .pt-table thead th:nth-child(4n){ border-top: 0 !important; } .pt-table thead th:first-child{ border-top-left-radius: 20px !important; } .pt-table thead th:last-child{ border-top-right-radius: 20px !important; } .pt-num, .pt-num-cell{ width: 42px !important; min-width: 42px !important; max-width: 42px !important; text-align: center !important; } .pt-name{ text-align: left !important; } .pt-meta, .pt-meta-cell{ text-align: center !important; } .pt-test, .pt-res-cell{ text-align: center !important; } .pt-avg-hdr, .pt-avg-cell{ text-align: center !important; } .pt-del-hdr, .pt-del-cell{ width: 42px !important; min-width: 42px !important; max-width: 42px !important; text-align: center !important; } .pt-test-name{ display: block !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .04em !important; line-height: 1.05 !important; white-space: normal !important; margin: 0 auto !important; } .pt-test-unit{ display: block !important; font-size: 8.5px !important; font-weight: 500 !important; opacity: .58 !important; text-transform: none !important; letter-spacing: 0 !important; margin-top: 3px !important; line-height: 1.05 !important; white-space: normal !important; } .pt-table td{ padding: 6px 6px !important; vertical-align: middle !important; border-bottom: 1px solid #dbe6f6 !important; border-right: 1px solid #e3ebf7 !important; } .pt-row:hover td{ background: #f7fbff !important; } .pt-num, .pt-num-cell{ position: sticky !important; left: 0 !important; z-index: 4 !important; background:var(--surface) !important; } .pt-table thead .pt-num{ z-index: 7 !important; background: linear-gradient(180deg, #0d2a56, #071a37) !important; color: rgba(255,255,255,.9) !important; } .pt-name.pt-sticky{ position: sticky !important; left: 42px !important; z-index: 4 !important; background: #f7fbff !important; border-right: 2px solid #c7d4fd !important; } thead .pt-name.pt-sticky{ z-index: 7 !important; background: linear-gradient(180deg, #0d2a56, #071a37) !important; color: #fff !important; } .pt-row.pt-named td.pt-sticky{ background: #eef7ff !important; } .pt-row:hover td.pt-sticky, .pt-row:hover .pt-num-cell{ background: #eef7ff !important; } .pt-name-input{ min-height: 34px !important; padding: 6px 8px !important; } .pt-meta-input{ min-height: 34px !important; padding: 6px 4px !important; } .pt-res-inner{ min-height: 50px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; } .pt-res-input{ min-height: 34px !important; border-radius: 999px !important; padding: 6px 8px !important; box-shadow: inset 0 1px 2px rgba(10,22,40,.04) !important; } .pt-score{ padding: 0 !important; border-radius: 0 !important; background: transparent !important; font-size: 16px !important; line-height: 1 !important; } .pt-mini-bar, .pt-avg-bar{ display: none !important; } .pt-avg-num{ font-size: 20px !important; } .pt-add-row td{ height: 54px !important; border-top: 1px solid #c7d4fd !important; } .pt-meta-input{ min-width: 72px; pointer-events: auto; user-select: text; } .aerob-helper-note{ margin:0 0 14px;background:var(--blue-3);border:1px solid var(--blue-4); color:var(--navy);border-radius:14px;padding:12px 14px;font-size:13px; } .aerob-helper-note strong{font-weight:800;} .history-panel{ background: var(--surface); border: 1px solid var(--line); border-radius: var(--rxl); padding: 22px; box-shadow: var(--sh); } .history-panel.empty{ text-align: center; padding: 42px 22px; } .history-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; } .history-head h2, .history-card h3{ margin: 0; } .history-head p, .history-card p, .history-card small{ color: var(--muted); } .history-list{ display: grid; gap: 12px; } .history-card{ display: flex; justify-content: space-between; gap: 14px; background: var(--s2); border: 1px solid var(--line); border-radius: var(--rl); padding: 16px; } .history-actions{ display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; } @media (max-width: 760px) { .history-head, .history-card{ flex-direction: column; align-items: flex-start; } .history-actions{ justify-content: flex-start; } } .shell[data-page="home"] .topbar{ top: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255,255,255,.14) !important; box-shadow: none !important; backdrop-filter: none !important; } .shell[data-page="home"] .topbar::after{ display: none; } .shell[data-page="home"] .topbar .logo{ filter: brightness(0) invert(1); } .shell[data-page="home"] .topbar .nav button, .shell[data-page="home"] .topbar .nav-user{ color: #fff !important; }.shell[data-page="home"] .topbar .nav button:hover{ background: rgba(255,255,255,.16) !important; color: #fff !important; } .shell[data-page="home"] .topbar:not(.topbar-solid) .nav-user{ background: rgba(255,255,255,.10) !important; border: 1px solid rgba(255,255,255,.30) !important; color: #fff !important; }.shell[data-page="home"] .topbar:not(.topbar-solid) .nav-user:hover{ background: rgba(255,255,255,.20) !important; border-color: rgba(255,255,255,.45) !important; color: #fff !important; } .shell[data-page="home"] .topbar.topbar-solid{ background: rgba(255,255,255,.97) !important; border-bottom: 1px solid rgba(21,87,255,.16) !important; box-shadow: 0 10px 35px rgba(6,18,38,.08) !important; backdrop-filter: blur(18px) !important; } .shell[data-page="home"] .topbar.topbar-solid::after{ display: block; } .shell[data-page="home"] .topbar.topbar-solid .logo{ filter: none; }.shell[data-page="home"] .topbar.topbar-solid .nav button, .shell[data-page="home"] .topbar.topbar-solid .nav-user, .shell[data-page="home"] .topbar.topbar-solid .lang-option{ color: var(--muted) !important; } a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer} .public-price-grid.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch} .public-price-card{display:flex;flex-direction:column} .public-price-card>p{margin-bottom:22px} .public-price-card .btn, .public-price-card a.btn{margin-top:auto;width:100%} .price-extra{max-width:1080px;margin:24px auto 0;text-align:center} .price-vat-note{color:var(--muted);font-size:13px;margin:0} .faktura-line{color:var(--muted);font-size:14px;margin:8px 0 0} .faktura-line a{color:var(--blue);font-weight:700} @media(max-width:900px){.public-price-grid.cols-3{grid-template-columns:1fr}} @media (max-width: 1024px){ .topbar-inner{ position:relative; flex-wrap:nowrap; height:60px; padding:0 16px; } } svg, video, canvas{ max-width:100%; height:auto; } .pt-table, .rt-table{ height:auto; } @media (max-width: 760px){ .to-header-right{ display:flex; flex-wrap:wrap; gap:8px; width:100%; } .to-header-right .btn{ flex:1 1 auto; } .to-tabs{ width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; } .to-tab{ flex:0 0 auto; } } .access-page{ min-height:72vh; padding:48px 18px; } .access-card{ position:relative; overflow:hidden; max-width:432px; padding:40px 38px 34px; border:1px solid var(--line); border-radius:22px; box-shadow:0 24px 70px rgba(6,18,38,.14) !important; } .access-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--blue),var(--cyan)); } .access-card .access-brand{ margin-bottom:26px; } .access-card .access-brand img{ height:30px; } .access-card .eyebrow{ font-size:10px; letter-spacing:.14em; font-weight:800; background:var(--s3); color:var(--blue); padding:5px 10px; border-radius:999px; } .access-card h1{ font-family:var(--font-display); font-size:clamp(22px,4vw,27px); line-height:1.12; letter-spacing:.005em; color:var(--navy); text-transform:uppercase; text-wrap:balance; margin-bottom:9px; } .access-card > section > p, .access-card p:not(.access-switch){ font-size:14.5px; color:var(--muted); line-height:1.6; margin-bottom:26px; } .access-card .field{ gap:7px; } .access-card .field label{ font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); } .access-card .input{ height:46px; padding:0 14px; border:1.5px solid var(--line); border-radius:12px; background:var(--surface); color:var(--text); font-size:15px; } .access-card .input::placeholder{ color:#9fb2cc; } .access-card .input:focus{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(21,87,255,.14); } .access-card .access-form{ gap:16px; margin-top:4px; } .access-card .access-form .btn{ width:100%; height:48px; border-radius:12px; font-size:15px; font-weight:700; margin-top:4px; } .access-card .access-switch{ margin-top:22px; font-size:13.5px; } .footer{ margin-top:48px; } .footer-inner{ padding:22px 24px; align-items:center; gap:18px 24px; } .footer-logo{ height:30px !important; width:auto !important; margin:0 !important; opacity:.72; } @media (max-width:640px){ .footer-inner{ flex-direction:column; align-items:flex-start; gap:14px; text-align:left; } .footer-logo{ height:26px !important; } } html{ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body{ overscroll-behavior-y: none; } #app > .loading{ height: 100dvh; } .topbar{ padding-top: env(safe-area-inset-top); } .topbar-inner{ padding-left: max(24px, env(safe-area-inset-left)); padding-right: max(24px, env(safe-area-inset-right)); } .toast{ bottom: calc(28px + env(safe-area-inset-bottom)); } .table-wrap, .pt-scroll, .rt-scroll, .adm-tabs{ -webkit-overflow-scrolling: touch; } @media (hover: none) and (pointer: coarse) { button, .btn, .nav button, a.btn, [role="button"]{ -webkit-tap-highlight-color: transparent; touch-action: manipulation; } .btn, button.btn{ min-height: 44px; } input, select, textarea, .input{ font-size: 16px; } } @media (display-mode: standalone) { body{ -webkit-tap-highlight-color: transparent; } } .to-page .to-header{ background:var(--surface); border:1px solid var(--line); border-radius:var(--rl); padding:16px 18px; box-shadow:var(--sh); } .to-page .to-header h1{ font-size:21px; margin:2px 0 0; } .to-page .to-context{ display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; } .to-page .to-pill{ background:var(--s3); color:var(--muted); font-size:12.5px; padding:3px 10px; border-radius:8px; } .to-page .to-pill-sport{ background:var(--blue-3); color:var(--blue); font-weight:600; } .to-page .to-pill-step{ background:var(--blue-3); color:var(--blue); font-weight:700; } .to-page .to-pill-live{ background:var(--green); color:#fff; font-weight:700; } .to-page .to-header-right{ display:flex; flex-wrap:wrap; gap:8px; align-items:flex-start; } .to-more{ position:relative; } .to-more summary{ list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:4px; font-size:13px; padding:7px 13px; border:1px solid var(--line2); border-radius:9px; background:var(--surface); color:var(--muted); } .to-more summary::-webkit-details-marker{ display:none; } .to-more[open] summary{ background:var(--s2); color:var(--text); } .to-more-menu{ position:absolute; right:0; top:calc(100% + 6px); z-index:30; background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:var(--sh2); padding:8px; display:flex; flex-direction:column; gap:6px; min-width:180px; } .to-more-menu .btn{ width:100%; justify-content:flex-start; text-align:left; } .to-page .to-tabs{ background:var(--s3); border:0; padding:4px; border-radius:12px; gap:4px; display:flex; } .to-page .to-tab{ flex:1; justify-content:center; border:0; background:transparent; color:var(--muted); border-radius:9px; padding:9px 6px; font-weight:600; } .to-page .to-tab:hover{ background:transparent; color:var(--text); } .to-page .to-tab.active{ background:var(--surface); color:var(--text); box-shadow:0 1px 3px rgba(10,22,40,.08); } .to-page .to-tab.active:hover{ background:var(--surface); } .to-page .to-tab[disabled]{ opacity:.4; cursor:not-allowed; } .to-page .to-tab[disabled]:hover{ background:transparent; color:var(--muted); } .wiz-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--rl); box-shadow:var(--sh); overflow:hidden; } .wiz-steps{ display:flex; align-items:center; padding:16px 20px; background:linear-gradient(180deg,var(--navy-2),var(--navy)); } .wiz-step{ display:flex; align-items:center; gap:9px; border:0; background:transparent; cursor:pointer; padding:4px 2px; border-radius:8px; flex:0 0 auto; } .wiz-step[disabled]{ cursor:not-allowed; opacity:.45; } .wiz-step:focus-visible{ outline:2px solid #fff; outline-offset:3px; } .wiz-step-num{ display:grid; place-items:center; width:30px; height:30px; border-radius:999px; background:transparent; border:2px solid rgba(255,255,255,.4); color:rgba(255,255,255,.85); font-size:13px; font-weight:800; line-height:1; flex-shrink:0; transition:background .15s,border-color .15s,color .15s,box-shadow .15s; } .wiz-step:not([disabled]):not(.active):hover .wiz-step-num{ border-color:#fff; color:#fff; } .wiz-step.active .wiz-step-num{ background:var(--blue); border-color:var(--blue); color:#fff; box-shadow:0 0 0 4px rgba(24,85,244,.35); } .wiz-step.done .wiz-step-num{ background:var(--green); border-color:var(--green); color:#fff; } .wiz-step-label{ font-size:13px; font-weight:600; white-space:nowrap; color:rgba(255,255,255,.65); } .wiz-step:not([disabled]):not(.active):hover .wiz-step-label{ color:#fff; } .wiz-step.active .wiz-step-label{ color:#fff; font-weight:800; } .wiz-step.done .wiz-step-label{ color:#CDEEDB; } .wiz-step-line{ flex:1 1 36px; min-width:16px; height:2px; margin:0 12px; border-radius:2px; background:rgba(255,255,255,.22); } .wiz-step-line.filled{ background:var(--green); } .wiz-card-body{ padding:16px; } .wiz-actions{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; border-top:1px solid var(--line); } .ts-hint{ font-size:12px; color:var(--muted); margin:0 0 10px; } .test-selector-actions{ display:flex; gap:8px; margin-bottom:12px; } .ts-group{ margin-bottom:12px; } .ts-group:last-child{ margin-bottom:0; } .ts-count{ font-size:12px; font-weight:600; color:var(--muted); } .ts-group-name{ font-size:11px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--hint); margin-bottom:6px; } .ts-items{ display:flex; flex-wrap:wrap; gap:8px; } .ts-item{ display:flex; align-items:center; gap:7px; padding:7px 11px; border:1px solid var(--line); border-radius:9px; background:var(--s2); font-size:12.5px; font-weight:500; color:var(--muted); cursor:pointer; transition:background .12s,border-color .12s,color .12s; } .ts-item:hover{ border-color:var(--blue); } .ts-item.checked{ background:var(--blue-3); border-color:var(--blue); color:var(--text); } .ts-item input{ accent-color:var(--blue); width:15px; height:15px; flex-shrink:0; } .ts-unit{ font-size:10.5px; color:var(--hint); margin-left:4px; font-style:normal; } .session-bar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; background:var(--surface); border:1px solid var(--line); border-radius:var(--rl); box-shadow:var(--sh); padding:12px 16px; } .session-bar-main{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; } .session-bar-pill{ font-size:12px; font-weight:600; color:var(--muted); background:var(--s2); border-radius:999px; padding:5px 12px; } .session-bar-pill-accent{ background:var(--blue-3); color:var(--blue); } .session-bar-actions{ display:flex; gap:8px; flex-wrap:wrap; } .pt-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--rl); box-shadow:var(--sh); } .pt-card-head{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:11px 15px; } .pt-card-title{ font-size:13px; font-weight:600; color:var(--text); } .pt-card-hint{ font-size:11px; color:var(--hint); } .pt-card .pt-wrap{ border:0 !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; } .to-save-footer{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:14px; padding:16px 18px; border:1px solid var(--line); border-radius:var(--rl); background:var(--surface); box-shadow:var(--sh); } .to-save-footer.ready{ border-color:rgba(22,163,74,.35); background:linear-gradient(180deg,#fff,var(--green-bg)); } .to-save-footer-text{ display:flex; flex-direction:column; gap:3px; min-width:0; } .to-save-footer-text strong{ font-size:15px; color:var(--text); } .to-save-footer-text span{ font-size:12.5px; line-height:1.4; color:var(--muted); } .to-save-footer .btn{ flex:0 0 auto; min-width:170px; } .to-page .pt-table tbody tr.pt-row:nth-child(even){ background:var(--s2); } .pt-avg-num{ display:inline-block; padding:3px 10px; border-radius:8px; font-weight:700; } .pt-card .rt-wrap{ border:0 !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; } .to-page .rt-table tbody tr.rt-row:nth-child(even){ background:var(--s2); } .to-page .to-res-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; justify-content:flex-end; } .history-card{ align-items:center; } .history-ic{ width:44px; height:44px; border-radius:12px; background:var(--blue-3); color:var(--blue); display:flex; align-items:center; justify-content:center; font-size:21px; flex-shrink:0; } .history-card-body{ flex:1; min-width:0; } .to-page .pt-name{ min-width:116px; } .to-page .pt-meta{ width:42px; } .to-page .pt-meta-input{ font-size:12px; } .to-page .pt-test{ min-width:60px; max-width:84px; } .to-page .pt-test-name{ font-size:9.5px; } .to-page .pt-table thead th{ padding:7px 4px; } .to-page .pt-table td{ padding:4px 3px; } .to-page .pt-res-cell{ padding:3px 3px !important; } .to-page .pt-res-input{ font-size:12.5px; border-radius:6px; } .to-page .pt-score{ font-size:11px; margin-top:2px; gap:1px; } .to-page .pt-score em{ font-size:8px; } .to-page .pt-avg-hdr{ width:58px; } .to-page .pt-avg-cell{ padding:4px 5px !important; } .to-page .pt-avg-num{ font-size:16px; padding:2px 7px; } .to-page .pt-avg-bar{ width:42px; } .to-page .proto-toolbar-fields .field-full{ grid-column:1 / -1; flex:1 1 100%; width:100%; } .to-page .proto-toolbar-fields .field-full textarea{ width:100%; resize:vertical; min-height:46px; font-family:var(--font-body); } .input, input, select, textarea{color:var(--text);} input::placeholder, textarea::placeholder{color:var(--hint);} .adm-oversikt{display:flex;flex-direction:column;gap:20px;} .adm-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;} .adm-stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--sh);} .adm-stat-ic{font-size:22px;margin-bottom:10px;} .adm-stat-val{font-family:var(--font-display);font-size:34px;color:var(--text);line-height:1;} .adm-stat-lbl{color:var(--muted);font-weight:600;font-size:14px;margin-top:6px;} .adm-stat-sub{color:var(--hint);font-size:12px;margin-top:4px;} .adm-quick{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--sh);} .adm-quick h3{margin:0 0 12px;font-family:var(--font-body);font-weight:700;font-size:15px;color:var(--text);} .adm-quick-row{display:flex;flex-wrap:wrap;gap:10px;} @media(max-width:860px){.adm-stat-grid{grid-template-columns:1fr 1fr;}} @media(max-width:520px){.adm-stat-grid{grid-template-columns:1fr;}} .adm-track-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;} .adm-track-chip{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:8px 16px;font-weight:600;font-size:13px;cursor:pointer;transition:.15s;} .adm-track-chip:hover{color:var(--text);border-color:var(--line2);} .adm-track-chip.active{background:var(--blue);border-color:var(--blue);color:#fff;} .shell[data-page="home"]{ display:flex; flex-direction:column; } @media (max-width:720px){ } .pt-table td.pt-cooper{ background: var(--surface) !important; } .pt-res-filled{ color: var(--text) !important; } .pt-res-input{ background: var(--s2) !important; color: var(--text) !important; } .pt-res-input::placeholder{ color: var(--hint) !important; } .pt-test, .pt-res-cell{ width:84px !important; min-width:84px !important; max-width:84px !important; } .pt-test-name{ max-width:74px !important; } .pt-res-input{ width:60px !important; } .pt-name{ width:148px !important; min-width:148px !important; max-width:148px !important; } .pt-meta, .pt-meta-cell{ width:54px !important; min-width:54px !important; max-width:54px !important; } .pt-meta-input{ width:42px !important; } .pt-avg-hdr, .pt-avg-cell{ width:64px !important; min-width:64px !important; max-width:64px !important; } .pt-table td{ height:54px !important; } .pt-table thead th{ height:46px !important; } .admin-pg{ background:transparent; } .admin-pg .adm-title{ color:var(--text) !important; } .admin-pg .eyebrow{ background:var(--s3) !important; color:var(--blue) !important; } .adm-tabs{ background:var(--surface) !important; border:1px solid var(--line) !important; border-radius:14px !important; padding:6px !important; gap:4px !important; box-shadow:none !important; } .adm-tab{ color:var(--muted) !important; border-radius:10px !important; border-bottom:0 !important; margin-bottom:0 !important; } .adm-tab:hover{ color:var(--text) !important; background:rgba(24,85,244,.06) !important; } .adm-tab.active{ color:#fff !important; background:linear-gradient(135deg,var(--blue),var(--cyan)) !important; border-bottom:0 !important; } .adm-tab-cnt{ background:rgba(24,85,244,.12) !important; color:var(--blue) !important; } .adm-tab.active .adm-tab-cnt{ background:rgba(255,255,255,.28) !important; color:#fff !important; } .adm-section-hdr h2{ color:var(--text) !important; } .site-text-admin{display:grid;gap:14px} .site-text-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px} .site-text-head h2{ font-size:24px; margin:4px 0 6px; } .site-text-head p{color:var(--muted);font-size:14px;line-height:1.55;max-width:760px} .site-text-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center} .site-text-sync-status{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;background:var(--surface-2,#f3f6fb);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700;line-height:1.2} .site-text-sync-status.pending{background:#fff7df;border-color:#f0cf73;color:#7b5700} .site-text-sync-status.verified{background:#e8f7ef;border-color:#9bd7b7;color:#14633a} .site-text-sync-status.error{background:#fff0f0;border-color:#efb0b0;color:#9b2424} .site-text-controls{display:grid;grid-template-columns:minmax(170px,240px) minmax(130px,170px) minmax(220px,1fr) auto auto;gap:12px;align-items:end} .site-text-meta{display:grid;grid-template-columns:auto auto auto auto;gap:4px 8px;align-items:center;color:var(--muted);font-size:12px;padding-bottom:7px} .site-text-meta strong{font-size:18px;color:var(--navy);line-height:1} .site-text-list{display:grid;gap:12px} .site-text-item{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);padding:14px;display:grid;gap:10px} .site-text-item.changed{border-color:var(--blue-4);box-shadow:0 0 0 3px rgba(24,85,244,.08)} .site-text-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px} .site-text-top span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--hint);display:block;margin-bottom:3px} .site-text-top strong{font-size:13px;line-height:1.35;color:var(--text)} .site-text-item textarea{font-size:14px;line-height:1.45;resize:vertical;min-height:72px} .site-text-item small{color:var(--muted);font-size:12px;line-height:1.45} @media(max-width:900px){ .site-text-head{display:grid} .site-text-actions{justify-content:flex-start} .site-text-controls{grid-template-columns:1fr} .site-text-meta{padding-bottom:0} } .adm-cnt{ color:var(--muted) !important; } .to-page .to-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px} .to-header-lead{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.45;max-width:720px} .wiz-intro{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:18px; padding:4px 2px 0; } .wiz-intro .eyebrow{color:var(--blue)} .wiz-intro h2{font-size:25px;line-height:1.1;margin:6px 0 7px;color:var(--text)} .wiz-intro p{margin:0;color:var(--muted);font-size:14px;line-height:1.5;max-width:760px} .wiz-intro strong{display:none} .wiz-action-note{color:var(--muted);font-size:12.5px} .wiz-actions-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end} .wiz-review{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px} .wiz-review-box{border:1px solid var(--line);border-radius:10px;background:var(--s2);padding:14px 16px} .wiz-review-box-head{display:flex;align-items:center;gap:9px;margin-bottom:10px} .wiz-review-box-head h3{margin:0;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--hint);flex:1} .wiz-review-stepnum{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:var(--green);color:#fff;font-size:11px;font-weight:800;line-height:1;flex-shrink:0} .wiz-review-list{display:grid;gap:7px;margin:0;padding:0;list-style:none} .wiz-review-list li{display:flex;justify-content:space-between;gap:12px;font-size:13.5px} .wiz-review-list li span{color:var(--muted)} .wiz-review-list li b{color:var(--text);text-align:right} .wiz-review-chips{display:flex;flex-wrap:wrap;gap:6px} .wiz-review-chip{font-size:12px;font-weight:600;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 11px;color:var(--text)} .wiz-review-chip em{font-style:normal;color:var(--hint);font-size:10.5px;margin-left:3px} .wiz-start-row{ display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; border:1px solid #B5E3C4; border-radius:10px; background:linear-gradient(180deg,var(--surface),var(--green-bg)); padding:16px 18px; } .wiz-start-row .field{margin:0;} .wiz-field-hint{display:block;margin-top:5px;color:var(--muted);font-size:11.5px} .wiz-start-note{margin:10px 2px 0;color:var(--muted);font-size:12.5px} .btn.primary.wiz-cta{font-size:15px;font-weight:700;padding:12px 26px;background:var(--green);border-color:var(--green)} .btn.primary.wiz-cta:hover:not([disabled]){background:#12873D;border-color:#12873D} .btn.primary.wiz-cta[disabled]{background:var(--s3);border-color:var(--s3);color:var(--hint)} .to-lock{display:inline-flex;opacity:.7;margin-right:1px} .wiz-card .btn:focus-visible, .wiz-card .input:focus-visible, .ts-item:focus-within{outline:2px solid var(--blue);outline-offset:2px} .wiz-optional{margin-top:14px;border:1px solid var(--line);border-radius:8px;background:var(--s2);overflow:hidden} .wiz-optional summary{cursor:pointer;padding:12px 14px;font-weight:700;color:var(--text)} .wiz-optional .proto-toolbar-fields{padding:0 14px 14px} .ts-hint-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;color:var(--muted);font-size:13px} .ts-count{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:999px;padding:5px 10px;background:var(--surface);white-space:nowrap} .ts-count.has-sel{background:var(--green-bg);border-color:#B5E3C4;color:#12873D;font-weight:700} .to-run-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .to-run-step{display:grid;grid-template-columns:34px 1fr;grid-template-areas:"num title" "num sub";gap:2px 12px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:13px 14px;box-shadow:var(--sh)} .to-run-step span{grid-area:num;display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:999px;background:var(--s3);color:var(--muted);font-size:13px;font-weight:800;line-height:1;white-space:nowrap} .to-run-step b{grid-area:title;color:var(--text);font-size:14px} .to-run-step small{grid-area:sub;color:var(--muted);font-size:12px} .to-run-step.active span{background:var(--blue);color:#fff} .to-run-step.done span{background:var(--green);color:#fff} .to-start-nudge{ display:flex; gap:8px; align-items:center; border:1px solid var(--blue-4); border-radius:8px; padding:11px 14px; color:var(--text); font-size:13px; } .to-start-nudge strong{white-space:nowrap} .to-start-nudge span{color:var(--muted)} .to-empty{display:grid;gap:12px;justify-items:start} @media(max-width:760px){ .to-page .to-header{display:grid} .wiz-steps{overflow-x:auto;padding:14px 16px} .wiz-step{flex:0 0 auto} .wiz-step-line{margin:0 8px} .wiz-intro{display:grid} .wiz-intro strong{display:none} .wiz-review{grid-template-columns:1fr} .wiz-start-row{flex-direction:column;align-items:stretch} .wiz-start-row .field{max-width:none} .wiz-cta{width:100%} .wiz-actions-right{width:100%;justify-content:space-between} .to-run-guide{grid-template-columns:1fr} .to-start-nudge{align-items:flex-start;flex-direction:column} .wiz-actions{align-items:stretch;flex-direction:column} .wiz-actions .btn{width:100%} .to-save-footer{align-items:stretch; flex-direction:column;} .to-save-footer .btn{width:100%; min-width:0;} } .adm-owner-row td{ background:var(--s2) !important; } .adm-owner-row .adm-user-name{ color:var(--text) !important; } .adm-owner-row .adm-user-meta{ color:var(--muted) !important; } .adm-user-row .adm-user-name{ color:var(--text); } html[data-theme="royal"]{ --navy:#0F1A2E; --navy-2:#16243B; --navy-3:#1E3252; --blue:#2B57D4; --blue-2:#1E40AF; --cyan:#2E90B8; --cyan-bg:#EAF2F6; --violet:#6D5AE6; --violet-bg:#EFEBFB; --lime:#6FB73A; --orange:#DD7A33; --amber:#C2780E; --pink:#CF5A82; --green:#15924A; --red:#D14343; --bg:#F3F5F8; --surface:#FFFFFF; --s2:#F5F7FA; --s3:#EAEEF4; --line:#E3E8F0; --line2:#CAD4E0; --text:#0F1A2E; --muted:#56627A; --hint:#8A94A6; --sh:0 1px 2px rgba(15,26,46,.06), 0 6px 18px rgba(15,26,46,.07); --sh2:0 8px 24px rgba(15,26,46,.10), 0 24px 60px rgba(15,26,46,.14); } html[data-theme="royal"], html[data-theme="royal"] body{ background:linear-gradient(180deg,#FAFBFC 0%,#F3F5F8 100%) !important; } html[data-theme="royal"] body::before{ display:none !important; } html[data-theme="royal"] .pt-table thead th{ background:linear-gradient(180deg,#1E3252,#16243B) !important; } html[data-theme="teal"]{ --navy:#16201E; --navy-2:#1C2A27; --navy-3:#22413B; --blue:#0E8A7B; --blue-2:#0B6E63; --cyan:#2C9C8E; --cyan-bg:#E6F4F1; --violet:#5E6AD6; --violet-bg:#EBEDFB; --lime:#6FB73A; --orange:#D9772E; --amber:#BE7A12; --pink:#C95A86; --green:#15924A; --red:#D14343; --bg:#F2F5F4; --surface:#FFFFFF; --s2:#F4F7F6; --s3:#E8EEEC; --line:#E1E8E6; --line2:#C7D2CE; --text:#16201E; --muted:#55655F; --hint:#8A968F; --sh:0 1px 2px rgba(18,32,29,.06), 0 6px 18px rgba(18,32,29,.07); --sh2:0 8px 24px rgba(18,32,29,.10), 0 24px 60px rgba(18,32,29,.14); } html[data-theme="teal"], html[data-theme="teal"] body{ background:linear-gradient(180deg,#FAFBFB 0%,#F2F5F4 100%) !important; } html[data-theme="teal"] body::before{ display:none !important; } html[data-theme="teal"] .pt-table thead th{ background:linear-gradient(180deg,#1C4640,#143631) !important; } :root{ --app-focus:rgba(43,87,212,.16); --app-card-radius:8px; } .to-page, .admin-pg{ max-width:1280px; letter-spacing:0 !important; } .to-page *, .admin-pg *{ letter-spacing:0 !important; }.to-page .to-header, .to-page .to-tabs, .wiz-card, .session-bar, .to-run-step, .to-start-nudge, .pt-card, .rt-wrap, .ip-sidebar, .ip-main, .history-panel, .admin-pg .adm-tabs, .admin-pg .adm-stat, .admin-pg .adm-quick, .admin-pg .adm-form-card, .admin-pg .admin-profile-card, .admin-pg .admin-sport-tile, .site-text-item{ border-radius:var(--app-card-radius) !important; box-shadow:0 1px 2px rgba(15,26,46,.05),0 8px 24px rgba(15,26,46,.06) !important; } .to-page .to-header, .wiz-card, .session-bar, .pt-card, .admin-pg .adm-tabs, .site-text-item{ background:#fff !important; border:1px solid #E3E8F0 !important; } .to-page .to-header h1, .admin-pg .adm-title{ font-size:22px !important; letter-spacing:0 !important; text-transform:none !important; } .to-header-lead, .wiz-intro p, .site-text-head p{ color:#56627A !important; } .to-page .to-tabs, .admin-pg .adm-tabs{ background:#F5F7FA !important; padding:4px !important; } .to-page .to-tab, .admin-pg .adm-tab{ border-radius:6px !important; } .to-page .to-tab.active, .admin-pg .adm-tab.active{ background:#fff !important; color:#0F1A2E !important; box-shadow:0 1px 2px rgba(15,26,46,.08) !important; border:1px solid #E3E8F0 !important; } .btn.primary, button.btn.primary, .admin-save-btn{ color:#fff !important; } .btn.primary:hover{ transform:translateY(-1px); } .btn:not(.primary):not(.danger){ border:1px solid #CAD4E0 !important; box-shadow:none !important; } .wiz-intro{ background:#F8FAFC !important; border:1px solid #E3E8F0 !important; } .wiz-intro strong{ background:#0F1A2E !important; color:#fff !important; } .wiz-step-num, .to-run-step span{ border-radius:999px !important; } .to-run-step.active{ background:#F8FBFF !important; border-color:#AFC4FF !important; } .to-run-step.done{ background:#F3FAF5 !important; border-color:#BFE7CB !important; } .to-start-nudge{ background:#F8FBFF !important; border-color:#AFC4FF !important; } .pt-card-head{ background:#F8FAFC !important; border-bottom:1px solid #E3E8F0 !important; } .pt-table thead th, html[data-theme="royal"] .pt-table thead th, html[data-theme="teal"] .pt-table thead th{ background:#16243B !important; color:rgba(255,255,255,.92) !important; } .pt-table td{ background:#fff !important; } .pt-table tbody tr.pt-row:nth-child(even) td{ background:#FAFBFD !important; } .pt-table tbody tr.pt-row:hover td{ background:#F1F6FF !important; } .pt-name.pt-sticky, .pt-row.pt-named td.pt-sticky{ background:#F8FAFC !important; } .pt-name-input, .pt-meta-input, .pt-res-input, .site-text-item textarea{ border-radius:6px !important; background:#fff !important; border:1px solid #CAD4E0 !important; } .pt-name-input:focus, .pt-meta-input:focus, .pt-res-input:focus, .site-text-item textarea:focus{ border-color:#2B57D4 !important; box-shadow:0 0 0 3px var(--app-focus) !important; } .pt-res-filled{ background:#F3FAF5 !important; border-color:#86C99B !important; } .pt-avg-num.avg-good{background:#E8F6ED !important;color:#137A3A !important;} .pt-avg-num.avg-mid{background:#FFF4DE !important;color:#925B10 !important;} .pt-avg-num.avg-low{background:#FDEAEA !important;color:#A33838 !important;} .admin-pg .adm-header{ border-bottom:1px solid #E3E8F0; padding-bottom:14px; } .admin-pg .adm-stat, .admin-pg .adm-quick, .admin-pg .adm-form-card, .admin-pg .admin-edit-panel, .admin-pg .admin-profile-card, .admin-pg .admin-sport-tile{ background:#fff !important; border:1px solid #E3E8F0 !important; } .admin-pg .adm-stat-ic{ background:#F5F7FA !important; color:#2B57D4 !important; } .site-text-head h2{ text-transform:none !important; color:#0F1A2E !important; } .public-price-card{ border-radius:var(--app-card-radius) !important; } .public-price-card.featured{ background:#0F1A2E !important; border-color:#2B57D4 !important; } @media(max-width:760px){ .to-page .to-header, .wiz-card, .session-bar, .pt-card, .admin-pg .adm-tabs{ border-radius:var(--app-card-radius) !important; } } .app-icon{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 auto; color:currentColor; vertical-align:-3px; } .app-icon svg{ width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } .btn .app-icon, .admin-save-btn .app-icon{ width:16px; height:16px; margin-right:6px; } .to-tab, .adm-tab{ display:inline-flex !important; align-items:center !important; justify-content:center; gap:7px !important; white-space:nowrap; } .to-tab .app-icon, .adm-tab .app-icon{ opacity:.86; } .to-tab.active .app-icon, .adm-tab.active .app-icon{ color:#2B57D4; opacity:1; } .adm-stat-ic .app-icon{ width:24px; height:24px; } .pt-card{ overflow:hidden; } .pt-card-head{ min-height:52px; } .pt-card-title{ display:inline-flex; align-items:center; gap:8px; } .pt-card-title::before{ content:""; width:8px; height:8px; border-radius:50%; background:#2B57D4; box-shadow:0 0 0 4px rgba(43,87,212,.14); } .pt-scroll{ border:1px solid #D8E0EA; border-radius:8px; background:#fff; } .pt-table{ border-spacing:0 !important; } .pt-table thead th{ position:sticky; top:0; z-index:4; box-shadow:inset 0 -1px 0 rgba(255,255,255,.12),0 1px 0 rgba(15,26,46,.08); } .pt-table thead th.pt-sticky{ z-index:6; } .pt-table tbody tr.pt-row td{ border-bottom:1px solid #E8EDF4 !important; } .pt-table tbody tr.pt-has-results td:first-child{ box-shadow:inset 3px 0 0 #2B57D4; } .pt-table tbody tr.pt-has-results td{ background:#FBFDFF !important; } .pt-table tbody tr.pt-has-results:hover td{ background:#EEF5FF !important; } .pt-res-inner{ gap:3px; } .pt-score{ display:inline-flex !important; align-items:baseline; justify-content:center; min-height:16px; padding:1px 5px; border-radius:999px; background:rgba(15,26,46,.05); } .pt-res-filled + .pt-score{ background:#E8F6ED; } .pt-add-row td{ background:#F8FAFC !important; } .pt-add-row .btn{ width:100%; justify-content:center; } @media(max-width:760px){ .to-tab, .adm-tab{ justify-content:flex-start; } } .shell[data-page="physical"] .topbar, .shell[data-page="school"] .topbar, .shell[data-page="sports"] .topbar, .shell[data-page="work"] .topbar{ border-bottom:1px solid rgba(15,26,46,.10); box-shadow:0 8px 28px rgba(6,18,38,.06); } .info-main{ display:block; }     .ph-eyebrow{ display:inline-block; padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.16); box-shadow:inset 0 1px 0 rgba(255,255,255,.10); color:#DDE8FA; font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }   @media (min-width:821px){   } .page-body{ padding-top:34px; padding-bottom:60px; } .page-body > *:first-child{ margin-top:0; }     @media (max-width:820px){    .page-body{ padding-top:24px; } } @media print { *{ text-shadow: none !important; } html, body{ background: #fff !important; } .topbar{ position: static !important; background: linear-gradient(135deg,#07111F 0%,#0A2A66 100%) !important; backdrop-filter: none !important; border-bottom: none !important; box-shadow: none !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .topbar::before{ content: ""; display: block; height: 1.6mm; background: linear-gradient(90deg,#07111F 0%,#1855F4 68%,#31D4FF 100%); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .topbar-inner{ height: auto !important; padding: 6mm 10mm 7mm !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 5mm; } .logo-btn{ display: inline-flex !important; align-items: center; justify-content: center; background: #fff !important; border-radius: 3mm; padding: 2.2mm 4.5mm; box-shadow: 0 2mm 6mm rgba(0,0,0,.3) !important; pointer-events: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .logo{ height: 9mm !important; width: auto; } .topbar-inner::after{ content: "APProfile · approfile.se"; color: #CFE0FF; font-family: "DM Sans", Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: none; } .nav, .nav-right, .nav-user, .nav-register, .language-switch, button:not(.printPerson){ display: none !important; } .card, .panel{ box-shadow: none !important; } .footer{ background: #fff !important; } .footer-links{ display: none !important; } .footer-logo{ opacity: 1 !important; } a[href]{ color: inherit !important; text-decoration: none !important; } } .wiz-mixed-note{ margin:10px 0 4px; padding:10px 14px; border:1px solid color-mix(in srgb, var(--accent, #7ba6ff) 35%, transparent); border-left:3px solid var(--accent, #7ba6ff); background:color-mix(in srgb, var(--accent, #7ba6ff) 8%, transparent); border-radius:10px; font-size:12.5px; line-height:1.5; color:var(--text, inherit); } .wiz-mixed-note strong{margin-right:4px} .legal-page{ grid-template-columns:1fr !important; max-width:900px; margin:0 auto; } .legal-card{ padding:24px 28px !important; } .legal-card h2{ font-size:22px !important; line-height:1.2; margin-bottom:10px; } .legal-card p{ color:var(--muted); line-height:1.7; margin:0; } .legal-card p+p{ margin-top:10px; } .legal-card small{ color:var(--hint); } .pt-table .pt-meta.pt-gender, .pt-table .pt-meta-cell.pt-gender{ width:92px !important; min-width:92px !important; max-width:92px !important; } .pt-table .pt-meta-cell.pt-gender select.pt-meta-input{ width:84px !important; min-width:84px !important; max-width:84px !important; padding-left:4px !important; padding-right:4px !important; text-align:center !important; } .to-page .pt-scroll{ overflow-x:auto !important; overflow-y:auto !important; } .to-page .pt-table{ width:max-content !important; min-width:100% !important; table-layout:fixed !important; } .to-page .pt-table th, .to-page .pt-table td{ box-sizing:border-box !important; } .to-page .pt-name, .to-page .pt-name.pt-sticky{ width:170px !important; min-width:170px !important; max-width:170px !important; } .to-page .pt-num, .to-page .pt-num-cell{ width:34px !important; min-width:34px !important; max-width:34px !important; } .to-page .pt-meta, .to-page .pt-meta-cell{ width:72px !important; min-width:72px !important; max-width:72px !important; } .to-page .pt-meta.pt-gender, .to-page .pt-meta-cell.pt-gender{ width:98px !important; min-width:98px !important; max-width:98px !important; } .to-page .pt-test, .to-page .pt-res-cell{ width:96px !important; min-width:96px !important; max-width:96px !important; } .to-page .pt-avg-hdr, .to-page .pt-avg-cell{ width:74px !important; min-width:74px !important; max-width:74px !important; } .to-page .pt-del-hdr, .to-page .pt-del-cell{ width:34px !important; min-width:34px !important; max-width:34px !important; } .to-page .pt-name-input, .to-page .pt-meta-input, .to-page .pt-res-input{ box-sizing:border-box !important; display:block !important; max-width:100% !important; margin:0 auto !important; } .to-page .pt-name-input{ width:100% !important; } .to-page .pt-meta-input{ width:62px !important; min-width:0 !important; padding:6px 5px !important; } .to-page .pt-meta-cell.pt-gender select.pt-meta-input{ width:88px !important; min-width:0 !important; padding:6px 5px !important; } .to-page .pt-res-input{ width:76px !important; min-width:0 !important; padding:6px 6px !important; } .to-page .pt-test-name{ max-width:none !important; white-space:normal !important; overflow-wrap:anywhere !important; } .to-page .proto-toolbar-fields, .wiz-card .proto-toolbar-fields{ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important; gap:14px !important; align-items:end !important; } .to-page .proto-toolbar-fields .field, .wiz-card .proto-toolbar-fields .field{ min-width:0 !important; } .to-page .proto-toolbar-fields .input, .wiz-card .proto-toolbar-fields .input{ width:100% !important; min-width:0 !important; box-sizing:border-box !important; } .wiz-card .field-full{ grid-column:1 / -1 !important; } .wiz-start-row{ align-items:flex-end !important; } .wiz-start-row .field{ flex:1 1 220px !important; max-width:280px !important; } .wiz-start-row .input{ width:100% !important; box-sizing:border-box !important; } @media(max-width:720px){ .to-page .proto-toolbar-fields, .wiz-card .proto-toolbar-fields{ grid-template-columns:1fr !important; } .wiz-start-row .field{ max-width:none !important; } } :root{ --s2:#F8FAFD; --s3:#EEF3F8; --line2:#C7D3E4; --blue-2:#1745B5; --gold:#E6A437; --sh2:0 10px 30px rgba(9,18,32,.10),0 28px 70px rgba(9,18,32,.13); }.card, .legal-card, .info-hero-card, .info-wide-card, .public-price-card, .to-page .to-header, .wiz-card, .pt-card, .rt-wrap, .ip-sidebar, .ip-main{ border-color:rgba(199,211,228,.82) !important; } .btn.primary:hover{ box-shadow:0 16px 36px rgba(36,88,214,.27) !important; }      .info-page-grid .eyebrow{ color:#2458D6 !important; } .legal-card{ position:relative; overflow:hidden; } .legal-card::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg,#2458D6,#18A999); opacity:.86; } .legal-card h2{ color:#0F1A2E !important; } .footer{ background:linear-gradient(180deg,#FFFFFF 0%,#F7FAFE 100%) !important; border-top-color:#DDE6F2 !important; } .footer-links a:hover, .footer-legal-links a:hover{ color:#2458D6 !important; } :root{ --font-display:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-body:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --navy:#0B1728; --navy-2:#13243A; --text:#101828; --muted:#526176; --hint:#7C8BA0; --blue:#2458D6; --blue-2:#1745B5; --teal:#139E8D; --bg:#F6F8FB; --surface:#FFFFFF; --s2:#F7F9FC; --s3:#EDF2F8; --line:#DCE5F0; --line2:#C5D2E2; --r:8px; --rl:10px; --rxl:12px; --sh:0 1px 2px rgba(16,24,40,.04),0 8px 22px rgba(16,24,40,.06); --sh2:0 8px 24px rgba(16,24,40,.08),0 22px 54px rgba(16,24,40,.10); } body{ font-size:15px !important; line-height:1.6 !important; color:var(--text) !important; background:linear-gradient(180deg,#FBFCFE 0%,#F4F7FB 54%,#EFF4F9 100%) !important; } h1, h2, h3, h4, .adm-title, .to-header h1{ font-family:var(--font-display) !important; font-weight:750 !important; letter-spacing:0 !important; } .topbar{ background:rgba(255,255,255,.94) !important; border-bottom:1px solid rgba(220,229,240,.92) !important; box-shadow:0 1px 0 rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.055) !important; backdrop-filter:blur(18px) saturate(145%) !important; } .logo{ height:42px !important; max-width:250px !important; } .logo-btn{ flex:0 0 auto !important; } .nav{ gap:3px !important; }.nav button, .nav-user, .nav-register, .lang-option{ min-height:36px !important; border-radius:8px !important; font-size:14px !important; font-weight:650 !important; letter-spacing:0 !important; line-height:1.2 !important; } .nav button{ padding:8px 12px !important; color:var(--muted) !important; } .nav button:hover, .nav button.active{ background:#EEF4FF !important; color:var(--blue-2) !important; } .language-switch{ height:36px !important; padding:3px !important; border-radius:999px !important; background:#F2F5F9 !important; border:1px solid rgba(197,210,226,.86) !important; } .lang-option{ min-width:36px !important; padding:7px 9px !important; color:#59687D !important; } .lang-option.active{ background:#FFFFFF !important; color:var(--blue-2) !important; box-shadow:0 1px 3px rgba(16,24,40,.08) !important; }.nav-register{ background:var(--blue) !important; border:1px solid var(--blue) !important; color:#fff !important; box-shadow:0 8px 18px rgba(36,88,214,.18) !important; }.nav-register:hover{ background:var(--blue-2) !important; border-color:var(--blue-2) !important; } .shell[data-page="home"] .topbar:not(.topbar-solid){ background:linear-gradient(180deg,rgba(7,17,31,.58),rgba(7,17,31,.20)) !important; border-bottom-color:rgba(255,255,255,.10) !important; box-shadow:none !important; }.shell[data-page="home"] .topbar:not(.topbar-solid) .nav button, .shell[data-page="home"] .topbar:not(.topbar-solid) .nav-user{ color:rgba(255,255,255,.86) !important; background:transparent !important; }.shell[data-page="home"] .topbar:not(.topbar-solid) .nav button:hover, .shell[data-page="home"] .topbar:not(.topbar-solid) .nav button.active{ color:#fff !important; background:rgba(255,255,255,.12) !important; } .shell[data-page="home"] .topbar:not(.topbar-solid) .language-switch{ background:rgba(255,255,255,.10) !important; border-color:rgba(255,255,255,.18) !important; } .shell[data-page="home"] .topbar:not(.topbar-solid) .lang-option{ color:rgba(255,255,255,.78) !important; } .shell[data-page="home"] .topbar:not(.topbar-solid) .lang-option.active{ color:#0B1728 !important; background:#fff !important; } .btn, .app-dialog-btn, .to-tab, .adm-tab{ border-radius:8px !important; letter-spacing:0 !important; } .btn{ min-height:38px !important; padding:9px 15px !important; font-size:14px !important; font-weight:700 !important; } .btn.sm{ min-height:34px !important; padding:7px 12px !important; font-size:13px !important; } .btn.xs{ min-height:28px !important; padding:5px 9px !important; font-size:12px !important; } .btn.primary, button.btn.primary, .admin-save-btn{ background:var(--blue) !important; border-color:var(--blue) !important; box-shadow:0 9px 20px rgba(36,88,214,.20) !important; } .btn:not(.primary):not(.danger){ background:#FFFFFF !important; border-color:#C9D5E4 !important; color:#172033 !important; } .card, .public-price-card, .legal-card, .info-benefit-list article, .how-steps article, .how-split article, .manual-cat, .to-page .to-header, .wiz-card, .pt-card, .rt-wrap, .ip-sidebar, .ip-main, .admin-pg .adm-stat, .admin-pg .adm-quick, .admin-pg .adm-form-card, .admin-pg .admin-profile-card, .admin-pg .admin-sport-tile, .site-text-item{ border-radius:10px !important; border-color:#DCE5F0 !important; box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 22px rgba(16,24,40,.06) !important; }  .public-price-hero h2, .info-hero-card h2, .info-wide-card h2{ font-size:clamp(30px,4vw,48px) !important; line-height:1.08 !important; letter-spacing:0 !important; text-transform:none !important; } .eyebrow{ font-size:12px !important; font-weight:800 !important; letter-spacing:.06em !important; color:var(--blue) !important; } .input, select, textarea{ border-radius:8px !important; font-size:14px !important; border-color:#C9D5E4 !important; } @media(max-width:980px){ .topbar-inner{ height:62px !important; padding:0 18px !important; } .logo{ height:36px !important; max-width:210px !important; } } @media(max-width:720px){ body{ font-size:14.5px !important; } .topbar-inner{ height:60px !important; padding:0 14px !important; } } .wiz-track-note{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin:-4px 0 16px; padding:13px 15px; border:1px solid rgba(24,85,244,.18); background:linear-gradient(180deg,rgba(24,85,244,.06),rgba(24,85,244,.025)); border-radius:13px; } .wiz-track-note strong{ color:var(--blue); font-size:13px; white-space:nowrap; } .wiz-track-note span{ color:var(--muted); font-size:13px; line-height:1.45; } @media(max-width:560px){ .wiz-track-note{display:grid;} .wiz-track-note strong{white-space:normal;} } .shell[data-page="home"] .topbar{ flex:0 0 auto !important; } .shell[data-page="home"] .topbar-inner{ height:68px !important; } @media (max-width:720px){ .shell[data-page="home"]{height:100dvh !important; min-height:100dvh !important; overflow:hidden !important;} .shell[data-page="home"] .topbar-inner{height:60px !important;} } .shell[data-page="home"] .topbar{ border-bottom:1px solid rgba(255,255,255,.08); background:rgba(6,16,31,.82) !important; backdrop-filter:blur(18px); } .shell[data-page="home"] .footer{ background:rgba(6,16,31,.92) !important; border-top:1px solid rgba(255,255,255,.08); } .shell[data-page="home"]{ background:#06111f !important; } @media (max-width:980px){ body:has(.shell[data-page="home"]), #app:has(.shell[data-page="home"]), .shell[data-page="home"]{ height:auto !important; max-height:none !important; overflow:auto !important; } }   .info-hero-card h2, .info-wide-card h2, .public-price-hero h2{ font-size:clamp(22px,2.6vw,32px) !important; line-height:1.12 !important; } .info-hero-card p, .info-wide-card p{ font-size:14.5px !important; line-height:1.58 !important; } html, body{ overflow-x: clip; max-width: 100%; } img, svg, video, canvas{ max-width: 100%; }.card, .field, td, th, p, h1, h2, h3, h4, li, .adm-user-row{ overflow-wrap: break-word; } .adm-user-row *, .field label, .field .input{ min-width: 0; } .shell[data-page="school"], .shell[data-page="sports"], .shell[data-page="physical"], .shell[data-page="work"]{ min-height:100dvh; display:flex; flex-direction:column; background:#081321; } .shell[data-page="school"] .footer, .shell[data-page="sports"] .footer, .shell[data-page="physical"] .footer, .shell[data-page="work"] .footer{ display:none !important; } @media (max-width: 820px){ html body .shell[data-page="home"] .topbar:not(.topbar-solid){ background:rgba(255,255,255,.97) !important; border-bottom:1px solid rgba(21,87,255,.14) !important; box-shadow:0 6px 24px rgba(6,18,38,.06) !important; backdrop-filter:blur(18px) saturate(140%) !important; } html body .shell[data-page="home"] .topbar .nav button, html body .shell[data-page="home"] .topbar .nav-home-btn, html body .shell[data-page="home"] .topbar .nav-user, html body .shell[data-page="home"] .topbar .nav-admin-btn{ color:var(--navy) !important; } html body .footer{ background:#EEF3FA !important; border-top:1px solid #DBE4F0 !important; } html body .footer-inner{ padding:14px 18px !important; gap:10px !important; justify-content:center !important; } html body .footer-navs{ display:none !important; } html body .footer-copy{ font-size:12px !important; text-align:center !important; width:100% !important; } } .admin-pg .admin-sport-strip .admin-sport-card.admin-sport-tile{color:var(--text) !important} .admin-pg .admin-sport-strip .admin-sport-card.admin-sport-tile strong{color:var(--text) !important} .admin-pg .admin-sport-strip .admin-sport-card.admin-sport-tile em, .admin-pg .admin-sport-strip .admin-sport-card.admin-sport-tile small{color:var(--muted) !important} .admin-pg .admin-sport-strip .admin-sport-card.admin-sport-tile.is-active{background:linear-gradient(135deg,var(--blue),#06a9f4) !important;border-color:var(--blue) !important} .admin-pg .admin-sport-strip .admin-sport-card.admin-sport-tile.is-active strong{color:#fff !important} .admin-pg .admin-sport-strip .admin-sport-card.admin-sport-tile.is-active em, .admin-pg .admin-sport-strip .admin-sport-card.admin-sport-tile.is-active small{color:rgba(255,255,255,.85) !important} .program-main{background:#f4f7fb;min-height:100vh;padding:104px 24px 56px}.program-status{position:relative;z-index:1} .program-status{min-width:210px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.11);border-radius:16px;padding:15px 17px;box-shadow:0 12px 28px rgba(0,0,0,.12)} .program-status b, .program-status span{display:block}.program-status span{margin-top:5px;color:rgba(255,255,255,.68);font-size:12px}.program-status.ready{border-color:rgba(128,255,205,.44);background:rgba(14,116,94,.24)} .program-workbench{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px;align-items:start} .program-panel, .program-output{background:#fff;border:1px solid #dbe5f1;border-radius:16px;box-shadow:0 14px 36px rgba(10,22,40,.06)} .program-panel{padding:18px;position:sticky;top:92px;max-height:calc(100vh - 92px - 24px);overflow-y:auto;overscroll-behavior:contain} .pg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pg-form-grid .field{margin:0}.pg-form-grid .field-full{grid-column:1/-1} .pg-score-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.pg-score-head h3{margin:0;font-size:15px;color:var(--text);text-transform:none}.pg-score-head span{font-weight:800;color:var(--blue)} .pg-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pg-score-grid label{display:grid;gap:5px}.pg-score-grid label span{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.pg-score-grid input{min-width:0} .program-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.program-actions .btn{flex:1 1 150px} .program-output{position:relative;min-height:640px;padding:18px}.program-output-actions{ right:18px; display:flex; gap:8px; } .pg-result-empty{min-height:520px;display:grid;place-items:center;text-align:center;padding:42px;border:1px dashed #c8d5e7;border-radius:14px;background:#f8fbff;color:var(--muted)}.pg-result-empty h2{font-size:28px;color:var(--text);text-transform:none;margin:0 0 8px}.pg-error{border-color:#fecaca;background:#fff7f7;color:#991b1b} .pg-result-head{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:18px;align-items:start;padding-right:130px}.pg-result-head h2{font-size:30px;color:var(--text);text-transform:none;margin:4px 0 8px;line-height:1.08}.pg-result-head p{color:var(--muted);line-height:1.55;margin:0} .pg-result-score{width:104px;aspect-ratio:1;border-radius:16px;background:linear-gradient(135deg,#1557ff,#16a34a);color:#fff;display:grid;place-items:center;text-align:center}.pg-result-score b{font-size:38px;line-height:.8}.pg-result-score span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .pg-meta-row, .pg-priorities{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pg-meta-row span, .pg-priority{border:1px solid #dbe5f1;background:#f8fbff;border-radius:999px;padding:7px 11px;color:#41516b;font-size:12.5px;font-weight:700}.pg-priority{display:flex;gap:8px;align-items:center;background:#eef8f1;border-color:#ccebd4;color:#14532d}.pg-priority b{color:#0f3d24} .pg-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.pg-info-grid article, .pg-week{border:1px solid #dbe5f1;background:#f8fbff;border-radius:12px;padding:14px}.pg-info-grid h3, .pg-progression h3{margin:0 0 6px;font-size:15px;color:var(--text);text-transform:none}.pg-info-grid p, .pg-week p{margin:0;color:var(--muted);line-height:1.5} .pg-sessions{display:grid;gap:14px}.pg-session{border:1px solid #dbe5f1;border-radius:14px;overflow:hidden;background:#fff}.pg-session-head{ background:#0f1a2e; color:#fff; padding:12px 14px; }.pg-session-head span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#b8c7dd}.pg-session-head h3{font-size:17px;margin:0;text-transform:none;color:#fff;text-align:right} .pg-exercise-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start;padding:13px 14px;border-top:1px solid #edf2f7}.pg-exercise-row:first-of-type{border-top:0}.pg-role{font-size:11px;font-weight:900;color:#1557ff;text-transform:uppercase;letter-spacing:.04em}.pg-role span{display:block;margin-top:4px;color:#64748b;text-transform:none;letter-spacing:0;font-weight:700}.pg-exercise-body strong{display:block;color:var(--text);font-size:15px;line-height:1.25}.pg-exercise-body p{margin:4px 0 0;color:#334155;line-height:1.45}.pg-exercise-body small{display:block;margin-top:4px;color:#64748b;line-height:1.4} .pg-progression{margin-top:16px}.pg-progression>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pg-week span{display:block;color:#1557ff;font-size:11px;font-weight:900;text-transform:uppercase}.pg-week b{display:block;margin:4px 0;color:var(--text)} @media(max-width:1040px){.program-workbench{grid-template-columns:1fr}.program-panel{position:static;max-height:none;overflow-y:visible}.program-output{min-height:420px}.pg-result-head{padding-right:0}} @media(max-width:720px){.program-main{padding:82px 14px 34px}.pg-form-grid, .pg-score-grid, .pg-info-grid, .pg-progression>div{grid-template-columns:1fr}.program-output{padding:12px}.program-output-actions{position:static;margin-bottom:10px;justify-content:flex-end}.pg-result-head{grid-template-columns:1fr}.pg-result-score{width:86px}.pg-exercise-row{grid-template-columns:1fr}.pg-session-head{display:grid}.pg-session-head h3{text-align:left}} @media print{.shell[data-page="program"] .topbar, .shell[data-page="program"] .footer, .shell[data-page="program"] .program-panel, .shell[data-page="program"] .program-output-actions{display:none!important}.shell[data-page="program"] .program-main{padding:0;background:#fff}.shell[data-page="program"] .program-workbench{display:block;max-width:none}.shell[data-page="program"] .program-output{border:0;box-shadow:none;padding:0}.pg-result-head{padding-right:0}.pg-session, .pg-info-grid article, .pg-week{break-inside:avoid;box-shadow:none}.pg-progression>div{grid-template-columns:repeat(2,1fr)}} .pg-exec{margin-top:10px;padding:10px;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:rgba(15,23,42,.06)} .pg-exec>b{display:block;margin-bottom:4px}.pg-exec ol{margin:6px 0 6px 18px;padding:0}.pg-exec li{margin:3px 0;line-height:1.35}.pg-exec-muted{display:block;color:var(--muted)} .pg-exec-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.pg-exec-warning{color:#9a3412!important} @media(max-width:720px){.pg-exec-meta{grid-template-columns:1fr}} @media print{.pg-exec{background:white;border-color:#cbd5e1}.pg-exec-warning{color:#7c2d12!important}} .pg-block-v076{border:1px solid rgba(148,163,184,.22);border-radius:18px;margin:14px 0;overflow:hidden;background:rgba(15,23,42,.42)} .pg-block-head-v076{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.20);background:rgba(2,6,23,.35)} .pg-block-head-v076 h4{margin:0;font-size:15px}.pg-block-head-v076 p{margin:4px 0 0;color:var(--muted,#94a3b8);font-size:13px}.pg-block-head-v076 span{white-space:nowrap;border:1px solid rgba(56,189,248,.35);border-radius:999px;padding:4px 9px;font-size:12px;color:#bae6fd}.pg-why-v076{display:block;margin:8px 0;padding:9px;border:1px solid rgba(245,158,11,.25);background:rgba(69,26,3,.18);border-radius:12px;color:#fde68a}.pg-coach-extra{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.pg-coach-extra small{border:1px solid rgba(148,163,184,.20);background:rgba(15,23,42,.36);border-radius:12px;padding:8px;line-height:1.35} @media(max-width:760px){.pg-block-head-v076{flex-direction:column}.pg-coach-extra{grid-template-columns:1fr}} @media print{.pg-block-v076, .pg-why-v076, .pg-coach-extra small{background:white!important;border-color:#cbd5e1!important;color:#111827!important}.pg-block-head-v076{background:#f8fafc!important}.pg-block-head-v076 span{color:#111827;border-color:#cbd5e1}.pg-block-v076{break-inside:avoid}} .pg-decision-support{margin:0 0 18px;padding:12px 14px;border-left:4px solid #f59e0b;background:#fffbeb;color:#78350f;border-radius:8px} .pg-history{margin:0 0 16px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)} .pg-history-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--border)} @media (prefers-reduced-motion:reduce){*, *::before, *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} @media(max-width:720px){.program-status{min-width:0}} .shell[data-page="program"] .program-main{background:#f4f7fb;min-height:100vh;padding:0 0 56px} .shell[data-page="program"] .program-page-body{max-width:var(--max);margin:0 auto;padding:28px 24px 0} .shell[data-page="program"] .program-workbench{max-width:none;margin:0} .program-library-state.ready{border-color:#a7f3d0;background:#ecfdf5;color:#047857!important} @media(max-width:720px){.shell[data-page="program"] .program-page-body{padding:18px 14px 0}.shell[data-page="program"] .program-main{padding-bottom:34px}} @media print{ .shell[data-page="program"] .program-library-strip{display:none!important}.shell[data-page="program"] .program-page-body{max-width:none;padding:0}} .pg-constraints{margin:20px 0 4px;padding:16px;border:1px solid rgba(125,17,40,.14);border-radius:16px;background:#fbf7f8}.pg-constraints h3{margin:0 0 10px;font-size:1rem}.pg-constraints>small{display:block;margin-top:8px;color:var(--muted,#667085);line-height:1.45}.pg-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}.pg-check{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(125,17,40,.12);border-radius:10px;background:#fff;font-size:.85rem;cursor:pointer}.pg-check input{accent-color:#7d1128}.pg-constraints textarea{min-height:74px;resize:vertical}.pg-program-note-v084{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin:14px 0;padding:11px 13px;border-radius:12px;background:#f7f1f3;font-size:.86rem}.pg-template-ok{display:inline-flex;margin-left:5px;padding:2px 7px;border-radius:999px;background:#e8f5ed;color:#17683a;font-size:.72rem;font-weight:700}.pg-filter-summary{margin:10px 0;padding:10px 12px;border-left:3px solid #7d1128;background:#fff7f8;border-radius:0 10px 10px 0;font-size:.84rem}.pg-session-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.pg-session-head>div:first-child{min-width:0}.pg-session-time{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.pg-session-time b{font-size:1rem;color:#7d1128}.pg-session-time small{font-size:.68rem;color:var(--muted,#667085)}.pg-session-tools{display:flex;align-items:center;gap:10px;margin:8px 0 10px}.pg-session-tools span{font-size:.75rem;color:var(--muted,#667085)}.pg-session-equipment{margin:0 0 12px;padding:8px 10px;border-radius:10px;background:#f7f7f8;font-size:.76rem;color:#4b5563}.pg-block-head-v076>div:last-child{display:flex;align-items:center;gap:8px}.pg-exercise-row-v084{position:relative}.pg-exercise-row-v084.is-locked{box-shadow:inset 3px 0 0 #7d1128;background:linear-gradient(90deg,#fff8fa 0,#fff 24%)}.pg-exercise-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.pg-lock-state{padding:2px 7px;border-radius:999px;background:#7d1128;color:#fff;font-size:.66rem;font-weight:700}.pg-dose-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:7px 0 5px;padding:7px 9px;border-radius:9px;background:#f6f7f8;font-size:.78rem}.pg-dose-summary b{font-size:.8rem}.pg-dose-summary span{white-space:nowrap;color:#7d1128;font-weight:700}.pg-edit-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.pg-edit-actions .btn{min-height:28px;padding:4px 8px}.pg-exercise-details{margin-top:9px;border-top:1px solid #ececef;padding-top:7px}.pg-exercise-details summary{cursor:pointer;color:#7d1128;font-size:.76rem;font-weight:700;list-style-position:inside}.pg-exercise-details[open] summary{margin-bottom:9px}.pg-progression-table{margin-top:16px}.pg-progression-table summary{cursor:pointer;font-weight:700;color:#7d1128}.pg-table-scroll{overflow:auto;margin-top:10px;border:1px solid #e6e0e2;border-radius:10px}.pg-progression-table table{width:100%;min-width:850px;border-collapse:collapse;font-size:.73rem}.pg-progression-table th, .pg-progression-table td{padding:8px;vertical-align:top;text-align:left;border-bottom:1px solid #eee}.pg-progression-table th{background:#f7f1f3;color:#7d1128}.pg-progression-table td:first-child{white-space:nowrap}.program-output-actions{position:sticky;top:72px;z-index:5;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);padding:6px 0} @media(max-width:760px){.pg-check-grid{grid-template-columns:1fr}.pg-program-note-v084{display:block}.pg-program-note-v084>div+div{margin-top:6px}.pg-session-head{align-items:flex-start}.pg-session-tools{align-items:flex-start;flex-direction:column}.pg-block-head-v076{align-items:flex-start;gap:8px}.pg-block-head-v076>div:last-child{flex-direction:column;align-items:flex-end}.pg-dose-summary{align-items:flex-start}.pg-edit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pg-edit-actions .btn{width:100%}.program-output-actions{top:58px}} @media print{.program-panel, .program-output-actions, .pg-edit-actions, .pg-session-tools, .pg-block-head-v076 button{display:none!important}.program-workbench{display:block!important}.program-output{width:100%!important}.pg-exercise-details{display:none!important}} .my-page{ padding-top:42px; padding-bottom:70px; }.my-credit{display:flex;flex-direction:column;text-align:right}.my-credit b{font-size:27px}.my-credit span{font-size:12px;color:#b9cbe4} .my-latest-card, .my-empty-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:30px;margin-top:22px;padding:28px 32px;border:1px solid var(--line);border-radius:20px;background:var(--card,#fff);box-shadow:0 12px 35px rgba(30,52,82,.08)} .my-latest-main h2, .my-empty-card h2{margin:5px 0 7px;font-size:25px}.my-latest-main p, .my-empty-card p{margin:0;color:var(--muted)}.my-meta{display:flex;gap:8px;margin-top:13px}.my-meta span{padding:5px 9px;border-radius:999px;background:var(--soft,#f1f5f9);font-size:12px;color:var(--muted)} .my-score{min-width:130px;text-align:center;padding:4px 25px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.my-score b{display:block;font-size:44px;line-height:1;color:var(--blue)}.my-score span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:6px}.my-score em{display:block;font-style:normal;font-size:11px;margin-top:7px}.my-score em.up{color:#168149}.my-score em.down{color:#c2413b} .my-latest-actions{display:flex;flex-direction:column;gap:8px}.my-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.my-panel{min-width:0;padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--card,#fff)}.my-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.my-panel-head h2{font-size:23px;margin:4px 0 0}.my-count{display:grid;place-items:center;min-width:32px;height:32px;padding:0 9px;border-radius:999px;background:#e7effc;color:var(--blue);font-weight:800} .my-list-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.my-list-row:first-of-type{border-top:0}.my-list-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--soft,#eef3f8);font-size:18px}.my-list-row strong, .my-list-row span{display:block}.my-list-row strong{font-size:14px}.my-list-row span{margin-top:3px;color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-row-score{font-size:18px;color:var(--blue)}.my-empty-text{padding:24px 0;color:var(--muted);text-align:center} .my-settings-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:20px 25px;border:1px solid var(--line);border-radius:16px;background:var(--card,#fff)}.my-settings-strip strong, .my-settings-strip span{display:block}.my-settings-strip span{margin-top:3px;color:var(--muted);font-size:13px} @media(max-width:850px){.my-latest-card, .my-empty-card{grid-template-columns:1fr}.my-score{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px}.my-latest-actions{flex-direction:row}.my-grid{grid-template-columns:1fr}} @media(max-width:560px){.my-page{padding-top:20px}.my-credit{text-align:left}.my-latest-card, .my-empty-card, .my-panel{padding:21px}.my-list-row{grid-template-columns:38px minmax(0,1fr) auto}.my-row-score{display:none}.my-latest-actions{flex-direction:column}.my-settings-strip{align-items:flex-start;flex-direction:column}} @media(min-width:981px){ .topbar-inner{height:68px !important;flex-wrap:nowrap !important;gap:14px !important;padding:0 18px !important} .nav-right{flex-wrap:nowrap !important;white-space:nowrap !important;gap:5px !important} .nav-user{white-space:nowrap !important} } .my-page{max-width:none !important;margin:0 !important;padding:0 0 70px !important} .my-page-body{max-width:1180px;margin:0 auto;padding:28px 24px 0} .pg-test-origin, .pg-source-proof{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #b8d7c5;border-radius:14px;background:#f0faf4;color:#174c30} .pg-test-origin{margin:0 0 18px;padding:13px 15px}.pg-test-origin>span, .pg-source-proof>div>span{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border-radius:50%;background:#198754;color:#fff;font-weight:800}.pg-test-origin>div{min-width:0}.pg-test-origin b, .pg-test-origin small{display:block}.pg-test-origin small{margin-top:3px;color:#507262;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pg-source-proof{margin-bottom:18px;padding:15px 17px}.pg-source-proof>div{display:flex;align-items:center;gap:12px}.pg-source-proof b, .pg-source-proof p{display:block;margin:0}.pg-source-proof p{margin-top:3px;font-size:12px;color:#507262}.pg-source-proof em{padding:5px 9px;border-radius:999px;background:#dff2e6;font-size:11px;font-style:normal;font-weight:700;white-space:nowrap} .pg-session-head h3::before{content:"Huvudkvalitet · ";display:block;margin-bottom:4px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase} @media(max-width:600px){.my-page-body{padding:20px 14px 0}.pg-source-proof{align-items:flex-start;flex-direction:column}} .topbar{z-index:400 !important}.topbar-inner{height:68px !important;max-width:none !important;padding:0 22px !important;gap:14px !important;flex-wrap:nowrap !important} .topbar-spacer{flex:1 1 auto} .topbar>.topbar-inner>.nav-right{display:flex !important;align-items:center !important;flex:0 0 auto !important;gap:6px !important;white-space:nowrap}.topbar .logo-btn{flex:0 0 auto}.topbar .logo{height:46px !important;max-width:250px !important}   @media(max-width:820px){ .topbar-inner{height:60px !important;padding:0 12px !important;gap:9px !important}.topbar .logo{height:38px !important}.topbar .nav-user{max-width:130px;overflow:hidden;text-overflow:ellipsis}  } @media(max-width:520px){.topbar .language-switch{display:none !important}.topbar .nav-user{max-width:96px}}  @media(max-width:820px){} @media(max-width:520px){} .pg-followup{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f7f9fc}.pg-followup>div:first-child h3{margin:0;font-size:15px}.pg-followup>div:first-child p{margin:4px 0 13px;color:var(--muted);font-size:12px;line-height:1.45}.pg-followup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pg-followup-grid label>span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:700}.pg-pain-check{grid-column:1/-1;display:flex !important;align-items:center;gap:9px;padding:10px 11px;border:1px solid #efd4d1;border-radius:10px;background:#fff7f6;color:#8b302c}.pg-pain-check input{width:17px;height:17px}.pg-pain-check span{margin:0 !important;color:inherit !important} .pg-adaptive-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:15px 17px;border:1px solid #cbd8ea;border-radius:14px;background:#f4f7fb}.pg-adaptive-card>div{display:flex;align-items:center;gap:12px}.pg-adaptive-card>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#60738e;color:#fff;font-size:18px;font-weight:900}.pg-adaptive-card small, .pg-adaptive-card h3, .pg-adaptive-card p{display:block;margin:0}.pg-adaptive-card small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.pg-adaptive-card h3{margin-top:2px;font-size:16px}.pg-adaptive-card p{margin-top:3px;color:var(--muted);font-size:12px}.pg-adaptive-card>b{font-size:24px;color:#60738e}.pg-adaptive-card.increase{border-color:#b8d9c5;background:#f1faf4}.pg-adaptive-card.increase>div>span{background:#198754}.pg-adaptive-card.increase>b{color:#198754}.pg-adaptive-card.reduce{border-color:#edc4bf;background:#fff5f3}.pg-adaptive-card.reduce>div>span{background:#c3483e}.pg-adaptive-card.reduce>b{color:#c3483e} @media(max-width:600px){.pg-followup-grid{grid-template-columns:1fr 1fr}.pg-pain-check{grid-column:1/-1}.pg-adaptive-card{align-items:flex-start;flex-direction:column}.pg-adaptive-card>b{padding-left:46px}} .program-test-source{padding:13px;border:1px solid #bdd0eb;border-radius:12px;background:#f3f7fd}.program-test-source small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.4} .program-output-actions .btn.ai{background:linear-gradient(135deg,#5c38d6,#2458d6);border-color:transparent;color:#fff}.program-output-actions .btn.ai:hover{filter:brightness(1.08)}.program-output-actions .btn.ai:disabled{opacity:.65;cursor:wait} .pg-ai-card{margin-bottom:18px;padding:18px;border:1px solid #c9c2ee;border-radius:16px;background:linear-gradient(145deg,#f8f6ff,#f2f6ff);box-shadow:0 10px 26px rgba(63,53,143,.07)}.pg-ai-card.loading-state, .pg-ai-card.error-state{background:#f8f9fc}.pg-ai-card.error-state{border-color:#e7c5c1}.pg-ai-card.error-state h3{margin:0 0 5px;font-size:15px}.pg-ai-card.error-state p{margin:0;color:var(--muted);font-size:12px} .pg-ai-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.pg-ai-head>div{display:flex;align-items:center;gap:11px}.pg-ai-head>div>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#6f48df,#2458d6);color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em}.pg-ai-head small, .pg-ai-head h3{display:block;margin:0}.pg-ai-head small{color:#6c63a3;font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.pg-ai-head h3{margin-top:2px;font-size:17px}.pg-ai-head em{padding:5px 9px;border-radius:999px;background:#e8e3ff;color:#5945b8;font-size:10px;font-style:normal;font-weight:800}.pg-ai-summary{margin:0 0 13px;color:#35425a;font-size:14px;line-height:1.55}.pg-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pg-ai-grid article, .pg-ai-sessions article{padding:12px;border:1px solid rgba(105,89,185,.16);border-radius:11px;background:rgba(255,255,255,.72)}.pg-ai-grid b, .pg-ai-sessions strong{font-size:12px}.pg-ai-grid p, .pg-ai-sessions p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.pg-ai-sessions{display:grid;gap:8px;margin-top:10px}.pg-ai-sessions small{display:block;margin-top:6px;color:#72514c;font-size:11px}.pg-ai-warnings{display:grid;gap:5px;margin-top:10px}.pg-ai-warnings span{padding:7px 9px;border-radius:8px;background:#fff4ef;color:#854338;font-size:11px} @media(max-width:640px){.pg-ai-grid{grid-template-columns:1fr}.pg-ai-head{align-items:flex-start}.pg-ai-head em{display:none}} .admin-programs-section{ display: grid; grid-template-columns: 1fr; gap: 20px; padding: 20px; background: var(--page-bg); } .admin-guide{ display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; padding: 18px 20px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } .guide-content{ display: grid; gap: 6px; } .guide-content .eyebrow{ font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--hint); } .guide-content h3{ margin: 0; font-size: 18px; font-weight: 600; color: var(--text); } .guide-content p{ margin: 8px 0 0; color: var(--muted); font-size: 14px; line-height: 1.45; max-width: 520px; } .guide-actions{ display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; align-items: center; } .admin-search-box{ display: flex; gap: 8px; } .admin-search-box .input{ flex: 1; min-width: 240px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font-size: 14px; } .admin-search-box .input:focus{ border-color: var(--blue); outline: none; box-shadow: 0 0 0 3px rgba(24, 85, 244, 0.08); } .program-workspace{ display: grid; grid-template-columns: 280px 1fr; gap: 16px; min-height: 400px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; } .program-list-sidebar{ border-right: 1px solid var(--line); background: #fafbfc; overflow-y: auto; max-height: 600px; } .program-card-grid{ display: grid; gap: 8px; padding: 12px; } .program-card{ display: grid; grid-template-columns: 1fr; gap: 4px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--text); text-align: left; cursor: pointer; transition: all 0.16s ease; } .program-card:hover{ border-color: var(--blue-2); background: #f8fbff; transform: translateX(2px); } .program-card.active{ border-color: var(--blue); background: #eaf1ff; box-shadow: inset 0 0 0 2px var(--blue); } .program-card strong{ display: block; font-size: 14px; font-weight: 600; line-height: 1.3; margin: 0; } .program-card em{ display: block; font-size: 12px; color: var(--muted); font-style: normal; margin-top: 2px; } .program-card small{ display: block; font-size: 11px; color: var(--hint); margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .program-edit-panel{ overflow-y: auto; max-height: 600px; padding: 20px; } .program-edit-form{ display: grid; grid-template-columns: 1fr; gap: 24px; } .adm-edit-header{ display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: flex-start; padding-bottom: 16px; border-bottom: 1px solid var(--line); } .edit-header-left{ display: grid; gap: 6px; } .edit-header-left h2{ margin: 0; font-size: 20px; font-weight: 600; line-height: 1.3; color: var(--text); } .program-meta{ font-size: 12px; color: var(--muted); } .edit-header-actions{ display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; } .program-form-section{ display: grid; gap: 16px; } .program-form-section .field{ display: grid; gap: 6px; } .program-form-section label{ font-size: 13px; font-weight: 600; color: var(--text); } .program-form-section .input, .program-form-section textarea{ padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: 14px; font-family: inherit; line-height: 1.45; } .program-form-section textarea{ resize: vertical; min-height: 80px; } .program-form-section .input:focus, .program-form-section textarea:focus{ border-color: var(--blue); outline: none; box-shadow: 0 0 0 3px rgba(24, 85, 244, 0.08); } .section-header{ display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; } .section-header h3{ margin: 0; font-size: 16px; font-weight: 600; color: var(--text); } .exercises-list{ display: grid; gap: 12px; } .program-exercise-item{ display: grid; gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fafbfc; } .exercise-item-top{ display: grid; grid-template-columns: 1fr 24px 28px; gap: 8px; align-items: center; } .exercise-item-top .input{ padding: 8px 10px; border: 1px solid var(--line); border-radius: 6px; background: #fff; font-size: 13px; font-weight: 600; } .exercise-item-number{ display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--blue); color: #fff; font-size: 11px; font-weight: 700; } .exercise-item-top .btn{ width: 28px; padding: 0; justify-content: center; } .program-exercise-item textarea{ padding: 8px 10px; border: 1px solid var(--line); border-radius: 6px; background: #fff; font-size: 13px; font-family: inherit; resize: vertical; min-height: 60px; } .program-exercise-item textarea:focus{ border-color: var(--blue); outline: none; box-shadow: 0 0 0 3px rgba(24, 85, 244, 0.08); } .program-save-note{ padding: 12px 14px; border-left: 3px solid var(--blue); background: #eaf1ff; border-radius: 6px; font-size: 13px; color: var(--text); } .program-save-note strong{ display: block; margin-bottom: 4px; font-weight: 600; } .admin-programs-section .admin-empty{ display: grid; place-items: center; min-height: 200px; text-align: center; padding: 20px; } .admin-programs-section .admin-empty p{ margin: 0; color: var(--muted); font-size: 14px; } @media (max-width: 900px) { .program-workspace{ grid-template-columns: 1fr; } .program-list-sidebar{ max-height: 220px; border-right: none; border-bottom: 1px solid var(--line); } .program-card-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; } .admin-guide{ grid-template-columns: 1fr; gap: 12px; } .guide-actions{ justify-content: flex-start; } } @media (max-width: 600px) { .admin-programs-section{ padding: 12px; gap: 12px; } .admin-guide{ padding: 12px 14px; } .guide-content p{ font-size: 13px; } .program-card-grid{ grid-template-columns: 1fr; } .adm-edit-header{ grid-template-columns: 1fr; gap: 12px; } .edit-header-actions{ justify-content: flex-start; } .program-edit-panel{ padding: 14px; } .program-form-section{ gap: 12px; } } .admin-pg .adm-tabs{ flex-wrap:wrap; } @media(max-width:760px){ .admin-pg .adm-tabs{ overflow-x:auto; } .admin-pg .adm-tab{ flex:1 1 auto; } } .topbar-nav{ display:flex; align-items:center; gap:2px; margin-left:14px; } .topbar-nav-link{ display:inline-flex; align-items:center; gap:7px; padding:8px 12px; border:0; border-radius:10px; background:transparent; color:var(--muted); font:inherit; font-size:14px; font-weight:600; white-space:nowrap; cursor:pointer; transition:background .16s ease,color .16s ease; } .topbar-nav-link span{ display:grid; place-items:center; width:20px; height:20px; border-radius:6px; background:rgba(24,85,244,.08); color:var(--blue); font-size:12px; line-height:1; } .topbar-nav-link:hover{ background:rgba(24,85,244,.06); color:var(--text); } .topbar-nav-link.active{ background:rgba(24,85,244,.10); color:var(--blue); } .topbar-nav-link.active span{ background:var(--blue); color:#fff; } @media(max-width:899px){ .topbar-nav{ display:none; } } .my-action-strip{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:18px; padding:14px 18px; border:1px solid var(--line); border-radius:14px; background:var(--surface); } .my-action-strip .my-credit{ display:grid; gap:2px; } .my-action-strip .my-credit b{ font-size:20px; line-height:1.1; } .my-action-strip .my-credit span, .my-action-strip > div > span{ color:var(--muted); font-size:12.5px; } .my-action-strip > div > strong{ display:block; font-size:15px; } .my-strip-actions{ display:flex; gap:10px; flex-wrap:wrap; } .my-history-tools{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 12px; padding-bottom:12px; border-bottom:1px solid var(--line); } .my-purge{ display:inline-flex; align-items:center; gap:8px; margin-left:auto; color:var(--muted); font-size:12.5px; } .my-purge select{ width:auto; min-width:96px; padding:6px 8px; font-size:12.5px; } .my-row-actions{ display:flex; align-items:center; gap:6px; } .btn.icon-only{ min-width:32px; padding:6px 8px; line-height:1; } @media(max-width:600px){ .my-history-tools{ align-items:stretch; } .my-purge{ margin-left:0; width:100%; justify-content:space-between; } .my-row-actions{ flex-direction:column; align-items:stretch; } } .how-program-card{ grid-column:1 / -1; } .how-program-card b{ color:var(--text); font-weight:700; }        @media(max-width:1080px){      } .topbar-area-chip{ display:inline-flex; align-items:center; gap:7px; padding:6px 10px 6px 8px; border:1px solid var(--line); border-radius:999px; background:var(--surface); font:inherit; font-size:12.5px; cursor:pointer; white-space:nowrap; } .topbar-area-chip:hover{ border-color:var(--blue); } .topbar-area-chip b{ font-weight:600; } .topbar-area-chip em{ color:var(--muted); font-style:normal; font-size:11px; } .area-dot{ width:9px; height:9px; border-radius:50%; display:inline-block; } .pg-locked-hint{ margin-left:6px; color:var(--muted); font-style:normal; font-size:11px; font-weight:600; } .pg-area-note{ display:block; margin-top:5px; color:var(--muted); font-size:11.5px; } #programContext:disabled{ opacity:.75; cursor:not-allowed; } .topbar-inner-v103{display:flex;align-items:center;gap:10px;flex-wrap:nowrap !important;padding:0 16px !important;min-height:68px} .logo-btn-compact{flex:0 0 auto} .topbar .logo-compact{height:34px !important;max-width:190px !important;width:auto} .topbar-nav-primary{display:flex !important;align-items:center;gap:4px;flex:1 1 auto;min-width:0;margin-left:6px;overflow-x:auto;scrollbar-width:none} .topbar-nav-primary::-webkit-scrollbar{display:none} .topbar-nav-primary .topbar-nav-link{flex:0 0 auto;padding:8px 10px;font-size:13px;gap:6px} .topbar-nav-primary .topbar-nav-link span{width:18px;height:18px;font-size:11px} .topbar .nav-right{display:flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap} .topbar .topbar-spacer{display:none} @media(max-width:1100px){ .topbar-inner-v103{padding:0 12px !important;gap:8px} .topbar .logo-compact{height:31px !important;max-width:165px !important} .topbar-nav-primary .topbar-nav-link{padding:7px 9px;font-size:12.5px} .topbar .nav-user{max-width:140px;overflow:hidden;text-overflow:ellipsis} } @media(max-width:820px){ .topbar-inner-v103{min-height:62px;padding:0 10px !important} .topbar .logo-compact{height:28px !important;max-width:145px !important} .topbar-nav-primary .topbar-nav-link{padding:7px 8px;font-size:12px} .topbar-nav-primary .topbar-nav-link b{white-space:nowrap} } .topbar-area-chip-static{cursor:default;pointer-events:none} .topbar-area-chip-static em{display:none} body:has(.shell[data-page="home"]), #app:has(.shell[data-page="home"]){ height:auto !important; max-height:none !important; overflow:auto !important; } .shell[data-page="home"]{ max-height:none !important; } .shell[data-page="home"]{ height:100dvh !important; min-height:100dvh !important; overflow:hidden !important; } .shell[data-page="home"] .footer{display:none !important} .shell[data-page="home"] .topbar{position:relative;z-index:20} .shell[data-page="home"] .topbar-area-chip{display:none !important} @media(max-width:900px){ .shell[data-page="home"]{ overflow:auto !important; height:auto !important; min-height:100dvh !important; } }    @media (min-width:821px){   } @media (max-width:820px){   } .nav-burger{ display:none; flex:0 0 auto; align-items:center; justify-content:center; flex-direction:column; gap:4.5px; width:44px; height:44px; padding:0; border-radius:12px; cursor:pointer; background:#fff; border:1px solid rgba(11,27,51,.16); box-shadow:0 2px 10px rgba(6,18,38,.14); -webkit-tap-highlight-color:transparent; } .nav-burger span{ display:block; width:22px; height:2.5px; border-radius:2px; background:#0b1b33; } .nav-burger[aria-expanded="true"]{ background:var(--blue,#1855f4); border-color:var(--blue,#1855f4); } .nav-burger[aria-expanded="true"] span{ background:#fff; } .mnav-backdrop{ position:fixed; inset:0; z-index:1200; background:rgba(6,18,38,.5); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); } .mnav-panel{ position:fixed; top:0; right:0; bottom:0; z-index:1201; display:flex; flex-direction:column; width:min(86vw,340px); padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px)); overflow-y:auto; -webkit-overflow-scrolling:touch; background:var(--surface,#fff); color:var(--text); border-left:1px solid var(--line); box-shadow:-20px 0 60px rgba(6,18,38,.28); } .mnav-panel[hidden], .mnav-backdrop[hidden]{ display:none !important; } body.mnav-open{ overflow:hidden; } .mnav-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; } .mnav-logo{ height:26px; width:auto; } .mnav-close{ display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid var(--line); border-radius:12px; background:transparent; color:var(--text); font-size:24px; line-height:1; cursor:pointer; } .mnav-area{ display:flex; align-items:center; gap:9px; margin-bottom:12px; padding:11px 13px; border:1px solid var(--line); border-radius:12px; background:var(--soft,#f4f7fb); color:var(--text) !important; text-decoration:none; font-size:14px; } .mnav-area b{ font-weight:700; } .mnav-area-hint{ margin-left:auto; color:var(--muted); font-size:12px; } .mnav-links{ display:flex; flex-direction:column; gap:4px; } .mnav-link{ display:flex; align-items:center; gap:12px; padding:13px 12px; border-radius:12px; color:var(--text) !important; text-decoration:none; font-size:15px; font-weight:600; } .mnav-link.active{ background:rgba(24,85,244,.10); color:var(--blue) !important; } .mnav-foot{ margin-top:auto; padding-top:18px; } .mnav-lang{ display:flex; justify-content:center; margin-bottom:14px; } .mnav-lang .language-switch{ display:flex !important; } .mnav-user{ display:flex; flex-direction:column; gap:2px; margin-bottom:10px; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:var(--soft,#f4f7fb); } .mnav-user strong{ font-size:15px; } .mnav-user span{ color:var(--muted); font-size:12.5px; } .mnav-logout, .mnav-cta{ width:100%; justify-content:center; margin-top:8px; min-height:46px; } @media (max-width:900px){ .topbar .nav-burger{ display:inline-flex !important; } .topbar .topbar-nav, .topbar .topbar-nav-primary, .topbar .language-switch, .topbar .topbar-area-chip, .topbar .nav-user, .topbar .nav-login, .topbar .nav-register{ display:none !important; } .topbar .nav-right{ gap:6px !important; margin-left:auto; } .topbar-inner-v103{ gap:10px !important; flex-wrap:nowrap !important; } .topbar .topbar-spacer{ display:block !important; flex:1 1 auto; } } @media (min-width:901px){ .topbar .nav-burger{ display:none !important; } .mnav-panel, .mnav-backdrop{ display:none !important; } } .pg-origin-note{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; margin:10px 0 14px; padding:12px 14px; border:1px solid rgba(217,119,6,.35); border-radius:12px; background:rgba(217,119,6,.08); } .pg-origin-note b{ font-size:13.5px; } .pg-origin-note span{ color:var(--muted); font-size:12.5px; line-height:1.45; } .rt-print-cell{ white-space:nowrap; } .rt-print-cell .btn+.btn{ margin-left:5px; } .next-step-actions{ display:flex; flex-wrap:wrap; gap:8px; } .next-step-hint{ margin:10px 0 0; color:var(--muted); font-size:12.5px; line-height:1.5; } .pg-group-note{ display:flex; flex-direction:column; gap:5px; margin:10px 0 14px; padding:12px 14px; border:1px solid rgba(24,85,244,.28); border-radius:12px; background:rgba(24,85,244,.07); } .pg-group-note b{ font-size:13.5px; } .pg-group-note span{ color:var(--muted); font-size:12.5px; line-height:1.45; } @media (pointer: coarse){ .to-page .pt-res-input, .to-page .pt-meta-input, .to-page .pt-name-input, .to-page select.pt-meta-input{ font-size:16px !important; min-height:44px !important; } .to-page .pt-res-input{ width:88px !important; padding:8px 6px !important; } .to-page .pt-meta-input{ width:72px !important; padding:8px 5px !important; } .to-page .pt-meta-cell.pt-gender select.pt-meta-input{ width:104px !important; } .to-page .pt-table td{ padding-top:7px !important; padding-bottom:7px !important; } } .pv-toggle{ display:flex; gap:4px; margin:0 0 12px; padding:4px; border:1px solid var(--line); border-radius:12px; background:var(--s2); width:max-content; } .pv-btn{ display:flex; align-items:center; gap:6px; min-height:38px; padding:0 14px; border:0; border-radius:9px; background:transparent; color:var(--muted); font-size:13.5px; font-weight:600; cursor:pointer; } .pv-btn.active{ background:var(--surface); color:var(--text); box-shadow:0 1px 4px rgba(6,18,38,.12); } .pc-wrap{ display:flex; flex-direction:column; gap:12px; } .pc-strip{ display:flex; gap:8px; overflow-x:auto; -webkit-overflow-scrolling:touch; padding:2px 2px 6px; } .pc-chip{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; flex:0 0 auto; min-height:48px; padding:8px 13px; border:1px solid var(--line); border-radius:12px; background:var(--surface); cursor:pointer; } .pc-chip b{ font-size:13.5px; font-weight:700; color:var(--text); } .pc-chip small{ font-size:11.5px; color:var(--muted); } .pc-chip.partial{ border-color:rgba(217,119,6,.45); } .pc-chip.done{ border-color:rgba(22,163,74,.5); background:rgba(22,163,74,.06); } .pc-chip.active{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(24,85,244,.12); } .pc-card{ border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:var(--sh); padding:16px; } .pc-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; } .pc-head-main{ flex:1; min-width:0; } .pc-name{ width:100%; font-size:18px !important; font-weight:700; border:1px solid var(--line); border-radius:10px; padding:10px 12px; } .pc-meta{ display:flex; gap:8px; margin-top:8px; } .pc-meta label{ display:flex; flex-direction:column; gap:3px; flex:1; } .pc-meta span{ font-size:11.5px; color:var(--muted); font-weight:600; } .pc-meta input{ width:100% !important; } .pc-score-big{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:76px; padding:8px 10px; border-radius:14px; background:var(--s2); } .pc-score-big b{ font-size:26px; line-height:1; font-weight:800; } .pc-score-big small{ font-size:10.5px; color:var(--muted); margin-top:3px; } .pc-progress{ display:flex; align-items:center; gap:10px; margin:14px 0 4px; } .pc-progress-bar{ flex:1; height:6px; border-radius:99px; background:var(--s2); overflow:hidden; } .pc-progress-bar i{ display:block; height:100%; border-radius:99px; background:var(--blue); transition:width .18s; } .pc-progress span{ font-size:12px; color:var(--muted); white-space:nowrap; } .pc-group{ margin-top:16px; } .pc-group h4{ margin:0 0 8px; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); } .pc-row{ display:flex; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid var(--line); } .pc-row:last-child{ border-bottom:0; } .pc-label{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; } .pc-label b{ font-size:14.5px; font-weight:600; } .pc-label small{ font-size:11.5px; color:var(--muted); } .pc-row .pc-input{ width:104px !important; min-height:46px !important; font-size:16px !important; text-align:center; border-radius:10px; } .pc-row.filled .pc-input{ border-color:var(--blue); background:rgba(24,85,244,.04); } .pc-score{ min-width:52px; text-align:right; font-size:14px; font-weight:700; } .pc-score em{ font-style:normal; font-size:10px; color:var(--muted); } .pc-profile{ flex:1 1 100%; margin-top:8px; } .pc-profile select{ width:100% !important; } .pc-remove{ display:flex; justify-content:center; margin-top:12px; } .pc-nav{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:18px; padding-top:14px; border-top:1px solid var(--line); } .pc-nav .btn{ min-height:46px; } .pc-pos{ font-size:13px; color:var(--muted); font-weight:600; } .unsynced-banner{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:0 0 16px; padding:14px 16px; border:1px solid rgba(220,38,38,.35); border-radius:14px; background:rgba(220,38,38,.07); } .unsynced-banner b{ display:block; font-size:14px; color:#b91c1c; } .unsynced-banner span{ display:block; margin-top:3px; color:var(--muted); font-size:12.5px; line-height:1.45; max-width:62ch; } .unsynced-actions{ display:flex; gap:8px; flex-wrap:wrap; } .history-card.is-local-only{ border-color:rgba(220,38,38,.4); } .local-only-tag{ display:inline-block; margin-left:8px; padding:2px 8px; border-radius:99px; background:rgba(220,38,38,.12); color:#b91c1c; font-size:11px; font-weight:700; letter-spacing:.02em; vertical-align:middle; } .journey{ display:flex; align-items:stretch; flex-wrap:wrap; gap:6px; margin:0 0 18px; } .journey-step{ display:flex; align-items:center; gap:10px; flex:1 1 190px; min-width:0; padding:11px 13px; border:1px solid var(--line); border-radius:13px; background:var(--surface); text-decoration:none; color:var(--text) !important; } .journey-step b{ display:grid; place-items:center; flex:0 0 auto; width:26px; height:26px; border-radius:50%; background:var(--s2); color:var(--muted); font-size:12.5px; font-weight:800; } .journey-step span{ display:flex; flex-direction:column; min-width:0; } .journey-step strong{ font-size:13.5px; font-weight:700; line-height:1.2; } .journey-step small{ color:var(--muted); font-size:11.5px; line-height:1.35; margin-top:2px; } .journey-step.done b{ background:rgba(22,163,74,.14); color:#16a34a; } .journey-step.now{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(24,85,244,.10); } .journey-step.now b{ background:var(--blue); color:#fff; } .journey-step.next{ opacity:.55; } .journey-sep{ flex:0 0 10px; align-self:center; height:1px; background:var(--line); } .home-journey{ max-width:1280px; margin:0 auto; padding:34px 20px 8px; } .home-journey-head{ max-width:70ch; margin-bottom:16px; } .home-journey-head h2{ margin:6px 0 8px; font-size:clamp(22px,2.4vw,30px); } .home-journey-head p{ color:var(--muted); font-size:14px; line-height:1.55; } .home-journey-cta{ display:flex; flex-wrap:wrap; gap:9px; margin-top:14px; } @media (max-width:900px){ .journey{ flex-direction:column; gap:8px; } .journey-step{ flex:1 1 auto; } .journey-sep{ display:none; } .home-journey{ padding:26px 16px 4px; } } .proto-done{ display:flex; align-items:center; gap:13px; margin:0 0 16px; padding:13px 16px; border:1px solid rgba(22,163,74,.4); border-radius:14px; background:rgba(22,163,74,.08); } .proto-done>span{ display:grid; place-items:center; flex:0 0 auto; width:30px; height:30px; border-radius:50%; background:#16a34a; color:#fff; font-size:15px; font-weight:800; } .proto-done div{ flex:1; min-width:0; } .proto-done b{ display:block; font-size:14px; } .proto-done small{ display:block; color:var(--muted); font-size:12px; margin-top:2px; } .proto-done .btn{ flex:0 0 auto; } .handoff-bar{ position:sticky; bottom:0; z-index:60; display:flex; align-items:center; justify-content:space-between; gap:14px; margin:18px -4px 0; padding:13px 16px calc(13px + env(safe-area-inset-bottom,0px)); border:1px solid var(--blue); border-radius:16px; background:linear-gradient(180deg, rgba(24,85,244,.10), rgba(24,85,244,.16)); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:0 -8px 26px rgba(6,18,38,.16); } .handoff-text{ min-width:0; } .handoff-text b{ display:block; font-size:14.5px; } .handoff-text span{ display:block; color:var(--muted); font-size:12.5px; margin-top:2px; } .handoff-actions{ display:flex; gap:8px; flex-wrap:wrap; flex:0 0 auto; } .handoff-actions .btn{ min-height:46px; } @media (max-width:760px){ .proto-done{ flex-wrap:wrap; } .proto-done .btn{ width:100%; } .handoff-bar{ flex-direction:column; align-items:stretch; gap:10px; } .handoff-actions .btn{ flex:1 1 auto; justify-content:center; } } .pg-x5-priorities{margin-top:18px;padding:18px;border:1px solid rgba(23,50,77,.14);border-radius:16px;background:linear-gradient(180deg,#f8fbfd,#fff)}.pg-x5-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.pg-x5-summary{margin:18px 0;padding:18px;border-radius:18px;background:#f4f8fa;border:1px solid rgba(11,110,117,.18)}.pg-x5-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pg-x5-summary-grid article{padding:12px;border-radius:13px;background:#fff;border:1px solid rgba(23,50,77,.1);display:flex;flex-direction:column;gap:4px}.pg-x5-summary-grid span{font-size:1.15rem;font-weight:800;color:#0b6e75}.pg-x5-summary-grid small{color:#526273}.pg-x5-blocked{border:1px solid #e5a900;background:#fff9e6}@media(max-width:760px){.pg-x5-grid,.pg-x5-summary-grid{grid-template-columns:1fr}} .org-page{max-width:none;padding:0 0 64px} .org-body{width:min(1180px,calc(100% - 32px));margin:28px auto;display:grid;gap:22px} .org-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .org-summary article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(20,35,65,.06)} .org-summary small,.org-summary strong{display:block}.org-summary small{color:var(--muted);font-weight:700}.org-summary strong{font-size:30px;margin-top:6px;color:var(--ink)} .org-section,.org-system-admin{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 28px rgba(20,35,65,.05)} .org-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px} .org-section-head h2{margin:3px 0 0}.org-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .org-team-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#f8fafc;display:grid;gap:12px} .org-team-card.active{border-color:#3157d5;box-shadow:0 0 0 2px rgba(49,87,213,.12);background:#f5f7ff} .org-team-select{appearance:none;border:0;background:none;text-align:left;padding:0;cursor:pointer;color:inherit}.org-team-select h3{font-size:20px;margin:2px 0}.org-team-select p{color:var(--muted);margin:0} .org-team-stats{display:flex;gap:18px;border-top:1px solid var(--line);padding-top:10px}.org-team-stats span{font-size:12px;color:var(--muted)}.org-team-stats b{display:block;color:var(--ink);font-size:16px} .org-team-card label{font-size:12px;font-weight:700}.org-team-card label input{margin-top:5px} .org-inline-form{display:grid;grid-template-columns:2fr 1.5fr 1fr auto;gap:10px;margin-top:16px;align-items:end} .org-members{width:100%;border-collapse:collapse}.org-members th,.org-members td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.org-members small{display:block;color:var(--muted);margin-top:2px} .org-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.org-directory article{border:1px solid var(--line);border-radius:12px;padding:12px}.org-directory strong,.org-directory span{display:block}.org-directory span{font-size:12px;color:var(--muted);margin-top:3px} .to-team-picker{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.to-team-picker select{min-width:150px} .to-pill-team{background:#eef2ff!important;color:#2948a8!important;border-color:#cdd7ff!important} .org-switcher{display:flex;align-items:center;gap:10px;margin-top:16px;width:min(430px,100%);font-size:12px;font-weight:800}.org-switcher select{background:#fff;color:var(--ink)} .org-card-actions{display:flex;gap:7px}.org-invitations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.org-invitations article{display:grid;gap:3px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fafc}.org-invitations span{font-size:12px;color:var(--muted)}.org-invitations code{margin-top:5px;padding:7px;border-radius:7px;background:#eef2ff;color:#2948a8;overflow-wrap:anywhere} @media(max-width:850px){.org-summary,.org-team-grid,.org-directory{grid-template-columns:1fr}.org-inline-form{grid-template-columns:1fr}.org-body{width:min(100% - 20px,1180px)}} @media(max-width:850px){.org-invitations{grid-template-columns:1fr}.org-members th,.org-members td{min-width:140px}} .auth-turnstile{display:flex;justify-content:center;min-height:65px;margin:14px 0} .auth-security-blocked{margin:14px 0;padding:12px 14px;border:1px solid #f1c27d;border-radius:10px;background:#fff8e8;color:#6b4700;font-size:.92rem;line-height:1.4} .auth-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important} .to-page .pt-meta.pt-position, .to-page .pt-meta-cell.pt-position{ width:168px; min-width:168px; max-width:168px; } .to-page .pt-meta-cell.pt-position select.pt-meta-input{ width:154px !important; min-width:154px; font-size:11px; } .rt-position,.rt-position-cell{ min-width:140px; width:140px; text-align:left; } .rt-position-cell .pill{ white-space:normal; line-height:1.25; text-align:left; } .position-summary{ margin:0 0 16px; padding:18px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(135deg,rgba(20,184,166,.08),rgba(24,85,244,.04)); } .position-summary-head h3{margin:4px 0 0;font-size:20px} .position-summary-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; } .position-summary-grid article{ display:grid; gap:5px; min-height:104px; padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--card); } .position-summary-grid span{font-size:12px;font-weight:800;color:var(--muted)} .position-summary-grid strong{font-size:28px;color:var(--accent)} .position-summary-grid small{font-size:12px;color:var(--muted)} @media(max-width:720px){ .position-summary-grid{grid-template-columns:1fr} .position-summary-grid article{min-height:auto} } body:has(.shell[data-page="home"]), #app:has(.shell[data-page="home"]){ height:100dvh !important; min-height:100dvh !important; overflow:hidden !important; } :root{ --ui-ink:#172b42; --ui-muted:#5f7185; --ui-line:#dce4ee; --ui-soft:#f7f9fc; --ui-blue:#1855f4; --ui-green:#16824f; } .to-page,.program-main{color:var(--ui-ink)} .to-page h1,.program-main h1{letter-spacing:-.035em} .to-page h2,.program-main h2{letter-spacing:-.018em} .to-page p,.program-main p{line-height:1.55} .wiz-intro p,.program-simple-section-head p,.program-result-top p, .pg-exercise-body p{color:var(--ui-muted)} .wiz-card small,.program-simple-form small,.program-result-mode small{font-size:max(.8rem,13px)} .to-page>.journey{ align-items:center; gap:0; margin:0 0 24px; padding:0 2px; } .to-page>.journey .journey-step{ flex:0 1 auto; min-width:0; padding:7px 9px; border-color:transparent; border-radius:10px; background:transparent; box-shadow:none; } .to-page>.journey .journey-step b{width:24px;height:24px} .to-page>.journey .journey-step small{display:none} .to-page>.journey .journey-sep{flex:1 1 42px;max-width:72px;background:#cfd9e6} .to-page>.journey .journey-step.now{background:#edf3ff;color:var(--ui-blue)!important} .to-page>.journey .journey-step.done{color:#315777!important} .to-page>.journey .journey-step.next{opacity:.48} .to-header{padding-bottom:18px;border-bottom:1px solid var(--ui-line)} .to-header h1{margin-bottom:8px} .to-header-lead{max-width:68ch;color:var(--ui-muted)} .to-tabs{margin-top:18px} .to-tab{border-radius:10px 10px 0 0} .to-tab.active{color:var(--ui-blue)} .wiz-card{ border-color:var(--ui-line); border-radius:18px; box-shadow:0 12px 32px rgba(26,48,75,.055); } .wiz-card-body{padding-top:24px} .wiz-track-note,.wiz-mixed-note{box-shadow:none} .wiz-actions{border-top-color:var(--ui-line)} .wiz-cta{min-height:50px;padding-inline:24px} .program-setup-mode{max-width:1120px;padding-top:30px} .program-simple-hero{margin-bottom:28px} .program-simple-hero h1{font-size:clamp(2rem,3.3vw,2.75rem)} .program-simple-form{ gap:0; overflow:visible; border:1px solid var(--ui-line); border-radius:22px; background:#fff; box-shadow:0 18px 48px rgba(28,50,78,.065); } .program-stepper{ display:flex; align-items:center; gap:10px; padding:17px 22px; border-bottom:1px solid var(--ui-line); background:#fbfcfe; border-radius:22px 22px 0 0; } .program-stepper span{display:flex;align-items:center;gap:8px;color:#718196;font-size:13px;font-weight:750;white-space:nowrap} .program-stepper span b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8edf4;color:#52667c;font-size:12px} .program-stepper i{flex:1 1 24px;height:1px;background:#d8e0ea} .program-stepper span.is-active,.program-simple-form:has(#programTestSessionSelect:focus) .program-stepper span:nth-of-type(1){color:var(--ui-blue)} .program-stepper span.is-active b,.program-simple-form:has(#programTestSessionSelect:focus) .program-stepper span:nth-of-type(1) b{background:var(--ui-blue);color:#fff} .program-simple-form:has(#programSessions:focus) .program-stepper span:nth-of-type(1), .program-simple-form:has(#programTime:focus) .program-stepper span:nth-of-type(1), .program-simple-form:has(.programQualityEnabled:focus) .program-stepper span:nth-of-type(1){color:#718196} .program-simple-form:has(#programSessions:focus) .program-stepper span:nth-of-type(1) b, .program-simple-form:has(#programTime:focus) .program-stepper span:nth-of-type(1) b, .program-simple-form:has(.programQualityEnabled:focus) .program-stepper span:nth-of-type(1) b{background:#e8edf4;color:#52667c} .program-simple-form:has(#programSessions:focus) .program-stepper span:nth-of-type(2), .program-simple-form:has(#programTime:focus) .program-stepper span:nth-of-type(2), .program-simple-form:has(.programQualityEnabled:focus) .program-stepper span:nth-of-type(3){color:var(--ui-blue)} .program-simple-form:has(#programSessions:focus) .program-stepper span:nth-of-type(2) b, .program-simple-form:has(#programTime:focus) .program-stepper span:nth-of-type(2) b, .program-simple-form:has(.programQualityEnabled:focus) .program-stepper span:nth-of-type(3) b{background:var(--ui-blue);color:#fff} .program-simple-source{ gap:0; padding:18px 22px; border-bottom:1px solid var(--ui-line); background:#f7f9fc; } .program-simple-source>div{ min-height:58px; padding:5px 18px; border:0; border-right:1px solid var(--ui-line); border-radius:0; background:transparent; } .program-simple-source>div:first-child{padding-left:0} .program-simple-source>div:last-child{border-right:0} .program-simple-section{ margin:0 22px; padding:26px 0 28px; border:0; border-bottom:1px solid var(--ui-line); border-radius:0; background:transparent; box-shadow:none; } .program-simple-section-head{margin-bottom:18px} .program-simple-section-head>span{background:#edf3ff;color:var(--ui-blue)} .program-simple-section-head h2{font-size:1.18rem} .program-standard-equipment{ display:flex; align-items:baseline; gap:5px; margin:0 22px; padding:13px 0; border:0; border-bottom:1px solid var(--ui-line); border-radius:0; background:transparent; color:var(--ui-muted); font-size:13px; } .program-standard-equipment b{color:var(--ui-ink)} .program-standard-icon{display:none} .pg-simple-quality-card{min-height:108px;border-radius:13px;box-shadow:none} .pg-simple-quality-card:hover{transform:none;border-color:#7c9eff;background:#fbfcff} .pg-simple-quality-card.is-selected{border-color:var(--ui-blue);background:#f1f5ff;box-shadow:0 0 0 2px rgba(24,85,244,.08)} .pg-simple-quality-card input:checked+.pg-simple-check{border-color:var(--ui-blue);background:var(--ui-blue)} .program-simple-submit{ margin:0; padding:20px 22px; border:0; border-radius:0 0 22px 22px; background:#f7f9fc; } .program-simple-submit .btn{background:var(--ui-blue)} .program-result-mode{max-width:1180px} .program-result-top{padding-bottom:20px;border-bottom:1px solid var(--ui-line)} .program-result-mode .pg-session{ overflow:hidden; border-left:4px solid var(--ui-blue); border-radius:16px; box-shadow:0 10px 30px rgba(28,50,78,.055); } .program-result-mode .pg-session-head{padding-bottom:14px;border-bottom:1px solid var(--ui-line)} .program-result-mode .pg-exercise-row{border-bottom:1px solid #e6ebf2} .program-result-mode .pg-exercise-row:last-child{border-bottom:0} .program-result-mode .pg-dose-summary b{color:#123fba;font-size:.96rem} .program-result-mode .pg-exercise-details{margin-top:8px} .app-dialog-overlay{background:rgba(12,25,43,.48);backdrop-filter:blur(6px)} .app-dialog-box{ border-color:#d6e0eb; background:#fff; color:var(--ui-ink); box-shadow:0 28px 80px rgba(10,28,50,.28); } .app-dialog-title{color:var(--ui-ink)} .app-dialog-msg{color:var(--ui-muted)} .app-dialog-detail,.app-dialog-hint{color:#718196} .app-dialog-input{border-color:#aebed0;background:#fff;color:var(--ui-ink)} .app-dialog-actions{border-top-color:#e2e8f0;background:#fbfcfe} .app-dialog-cancel{border-color:#bdc9d7;background:#fff;color:#334a62} .app-dialog-danger{border-color:#713d45;background:linear-gradient(180deg,#2b1b22,#21161b);color:#fff} .app-dialog-danger .app-dialog-title{color:#fff} .app-dialog-danger .app-dialog-msg{color:#ead9dc} .app-dialog-danger .app-dialog-detail{color:#cdb6bb} .app-dialog-danger .app-dialog-actions{border-top-color:rgba(255,255,255,.12);background:rgba(0,0,0,.1)} .app-dialog-danger .app-dialog-cancel{border-color:#86646b;background:transparent;color:#fff} @media(max-width:760px){ .to-page>.journey{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px} .to-page>.journey .journey-step{flex:0 0 auto} .to-page>.journey .journey-sep{flex:0 0 22px} .to-header{gap:14px} .program-simple-form{border-radius:17px} .program-stepper{overflow-x:auto;gap:7px;padding:13px 14px;border-radius:17px 17px 0 0} .program-stepper span{font-size:12px} .program-stepper i{flex:0 0 16px} .program-simple-source{grid-template-columns:1fr;padding:8px 15px} .program-simple-source>div{min-height:0;padding:10px 0;border-right:0;border-bottom:1px solid var(--ui-line)} .program-simple-source>div:last-child{border-bottom:0} .program-simple-section{margin:0 15px;padding:22px 0} .program-standard-equipment{align-items:flex-start;margin:0 15px;padding:12px 0;line-height:1.4} .program-simple-submit{ position:sticky; bottom:8px; z-index:30; flex-direction:row; align-items:center; margin:8px; padding:10px; border:1px solid #d5dfeb; border-radius:14px; box-shadow:0 12px 32px rgba(23,50,77,.17); } .program-simple-submit>div small{display:none} .program-simple-submit>div b{font-size:13px} .program-simple-submit .btn{width:auto;min-width:150px;min-height:46px} } @media(max-width:430px){ .program-stepper span{gap:5px} .program-stepper span b{width:23px;height:23px} .program-stepper i{display:none} .program-simple-submit>div{display:none} .program-simple-submit .btn{width:100%} } .pg-time-breakdown{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px;padding:10px 12px;border:1px solid #dce5ef;border-radius:11px;background:#f7f9fc} .pg-time-breakdown span{color:#607286;font-size:12.5px} .pg-time-breakdown span b{color:#263f5a;font-weight:750} .pg-session-time{max-width:245px} .pg-session-time small{line-height:1.35} @media(max-width:760px){.pg-time-breakdown{display:grid;grid-template-columns:1fr 1fr}.pg-session-time{max-width:none}} .pg-short-session{display:inline-flex;margin-top:7px;padding:4px 8px;border-radius:999px;background:#eef3ff;color:#1855f4;font-size:11.5px;font-style:normal;font-weight:750} .shell[data-page="home"]{ height:100dvh !important; min-height:100dvh !important; overflow:hidden !important; background:#071321 !important; } .shell[data-page="home"] .footer{display:none !important} .shell[data-page="home"] .topbar{ position:relative !important; z-index:50 !important; height:60px !important; min-height:60px !important; background:rgba(5,15,28,.97) !important; border-bottom:0 !important; backdrop-filter:blur(18px) !important; } .shell[data-page="home"] .topbar-inner{ height:60px !important; min-height:60px !important; max-width:1360px !important; margin:0 auto !important; padding:0 18px !important; gap:10px !important; } .shell[data-page="home"] .logo-compact{ height:32px !important; max-width:190px !important; } .shell[data-page="home"] .topbar-nav-primary{ margin-left:14px !important; gap:2px !important; } .shell[data-page="home"] .topbar-nav-primary .topbar-nav-link{ min-height:36px !important; padding:7px 10px !important; color:rgba(255,255,255,.82) !important; font-size:12.5px !important; border-radius:9px !important; } .shell[data-page="home"] .topbar-nav-primary .topbar-nav-link span{ width:18px !important; height:18px !important; color:#d8e5ff !important; background:rgba(255,255,255,.08) !important; } .shell[data-page="home"] .topbar-nav-primary .topbar-nav-link:hover, .shell[data-page="home"] .topbar-nav-primary .topbar-nav-link.active{ color:#fff !important; background:rgba(255,255,255,.08) !important; } .shell[data-page="home"] .topbar-area-chip{display:none !important} .shell[data-page="home"] .nav-right{gap:7px !important} .shell[data-page="home"] .language-switch, .shell[data-page="home"] .nav-user, .shell[data-page="home"] .nav-register{ min-height:36px !important; border-color:rgba(255,255,255,.18) !important; background:rgba(255,255,255,.04) !important; color:#fff !important; } .shell[data-page="home"] .language-switch .lang-option.active{ background:#fff !important; color:#071321 !important; }                                          @media(max-width:1100px){       } @media(max-height:660px) and (min-width:901px){               } @media(max-width:900px){     } @media(max-width:560px){       }  @media(max-height:660px) and (min-width:901px){  }           @media (min-width:821px){  }                                  @media(max-width:900px){       } @media(max-width:560px){         } :where(button, a, input, select, textarea, summary, [role="button"]):focus-visible{ outline:3px solid #7fb0ff !important; outline-offset:3px !important; } :where(button, [role="button"], summary){touch-action:manipulation} @media(prefers-reduced-motion:reduce){ *, *::before, *::after{scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important} } .program-panel-wizard{padding:20px !important} .pg-steps{display:grid;gap:12px;margin-top:14px} .pg-step{ overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; } .pg-step>summary{ display:grid; grid-template-columns:36px minmax(0,1fr) 18px; gap:12px; align-items:center; min-height:66px; padding:12px 14px; list-style:none; cursor:pointer; background:linear-gradient(180deg,#fff,#f8fafc); } .pg-step>summary::-webkit-details-marker{display:none} .pg-step>summary::after{content:"+";color:var(--muted);font-size:20px;font-weight:500;text-align:center} .pg-step[open]>summary::after{content:"−"} .pg-step>summary>span{ display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:#eaf1ff; color:var(--blue); font-size:13px; font-weight:900; } .pg-step>summary b, .pg-step>summary small{display:block} .pg-step>summary b{color:var(--navy);font-size:14px} .pg-step>summary small{margin-top:3px;color:var(--muted);font-size:11.5px;font-weight:500;line-height:1.35} .pg-step-body{padding:16px;border-top:1px solid var(--line)} .pg-step-body .pg-form-grid{margin:0} .pg-step .pg-constraints{margin:0 0 18px} .pg-step .pg-score-head{margin-top:4px} .pg-step-followup{border-color:#bfd4ff;background:#f8fbff} .program-actions-sticky{ position:sticky; bottom:10px; z-index:5; display:flex; align-items:center; gap:14px; margin-top:16px; padding:12px; border:1px solid #ccd8ea; border-radius:15px; background:rgba(255,255,255,.94); box-shadow:0 14px 32px rgba(15,31,52,.12); backdrop-filter:blur(14px); } .program-actions-sticky small{color:var(--muted);font-size:11.5px} @media(max-width:720px){ .program-panel-wizard{padding:14px !important} .pg-step>summary{grid-template-columns:34px minmax(0,1fr) 18px;padding:11px 12px} .pg-step-body{padding:13px} .program-actions-sticky{position:static;flex-direction:column;align-items:stretch} .program-actions-sticky .btn{width:100%} } .skip-link{ transform:translateY(-160%); } .skip-link:focus{transform:translateY(0)} .local-data-card{margin-top:18px;padding:24px} .local-data-card h2{margin:7px 0 8px;font-size:22px;text-transform:none} .local-data-card p{margin:0 0 16px;color:var(--muted);line-height:1.65} @media(max-width:900px){ .topbar-inner-v103{min-height:58px !important;padding:0 12px !important;gap:10px !important} .topbar .logo-compact{height:28px !important;max-width:150px !important} .topbar .topbar-nav, .topbar .topbar-nav-primary, .topbar .language-switch, .topbar .nav-user, .topbar .nav-login, .topbar .nav-register{display:none !important} .topbar .nav-burger{display:inline-flex !important} .shell[data-page="home"] .topbar:not(.topbar-solid) .nav-burger{ border-color:rgba(255,255,255,.55); box-shadow:0 2px 14px rgba(0,0,0,.35); } } @media(max-width:430px){ .topbar .logo-compact{max-width:120px !important;height:25px !important} } .logo-btn, .topbar-nav-link{text-decoration:none}  .pg-step-body .pg-advanced-grid{margin:0 0 12px} @media(min-width:901px){    } @media(min-width:901px) and (max-width:1200px){   } @media(min-width:901px) and (min-height:661px){ } @media(min-width:901px) and (max-height:660px){  }    @media(min-width:901px) and (min-height:661px){  } @media(min-width:901px) and (max-height:660px){   } @media(min-width:901px) and (max-width:1200px){   }         @media (min-width:821px){   } @media (max-width:820px){    } .journey{padding:26px 26px 22px} .journey-head{margin-bottom:18px} .journey-head h2{margin:6px 0 0;font-size:26px;color:var(--navy);text-transform:none} .journey-track{ position:relative; list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; } .journey-step{position:relative;display:flex;flex-direction:column;min-width:0} .journey-node{ position:relative; z-index:1; display:grid; place-items:center; width:38px; height:38px; flex:none; border-radius:999px; background:var(--blue); color:#fff; box-shadow:0 0 0 5px var(--surface),0 8px 18px rgba(24,85,244,.24); } .journey-node b{font-size:14px;font-weight:900;line-height:1} .journey-body{padding-top:14px} .journey-kicker{ display:block; color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; } .journey-step h3{ margin:6px 0 6px; color:var(--navy); font-size:16px; line-height:1.25; text-transform:none; } .journey-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.55} @media(min-width:901px){ .journey-track::before{ content:""; position:absolute; top:19px; left:19px; right:19px; height:2px; background:linear-gradient(90deg,var(--blue),color-mix(in srgb,var(--blue) 22%,transparent)); border-radius:2px; } .journey-track::after{ content:""; position:absolute; top:14px; right:12px; width:9px; height:9px; border-top:2px solid color-mix(in srgb,var(--blue) 45%,transparent); border-right:2px solid color-mix(in srgb,var(--blue) 45%,transparent); transform:rotate(45deg); } } @media(min-width:901px) and (max-width:1100px){ .journey-track{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:26px} .journey-track::before, .journey-track::after{display:none} .journey-step::before{ content:""; position:absolute; top:19px; left:38px; right:-18px; height:2px; background:color-mix(in srgb,var(--blue) 28%,transparent); } .journey-step:nth-child(3)::before, .journey-step:last-child::before{display:none} } @media(max-width:900px){ .journey{padding:22px 20px 18px} .journey-track{grid-template-columns:1fr;gap:0} .journey-step{flex-direction:row;gap:14px;padding-bottom:20px} .journey-step:last-child{padding-bottom:0} .journey-step:not(:last-child)::before{ content:""; position:absolute; top:38px; bottom:0; left:18px; width:2px; background:color-mix(in srgb,var(--blue) 26%,transparent); } .journey-body{padding-top:2px} .journey-step h3{font-size:15.5px} } .pg-type-hint{ display:block; margin-top:7px; color:var(--muted); font-size:12px; line-height:1.5; } .toast{ max-width:min(560px,calc(100vw - 32px)); text-align:center; line-height:1.45; white-space:normal; overflow-wrap:anywhere; }  @media (min-width:821px){  } @media(max-width:900px){ body:has(.shell[data-page="home"]), #app:has(.shell[data-page="home"]), .shell[data-page="home"]{ height:100dvh !important; min-height:100dvh !important; overflow:hidden !important; }         } @media(min-width:701px) and (max-width:900px){        } @media(max-width:700px){              } @media(max-width:900px) and (max-height:560px){ body:has(.shell[data-page="home"]), #app:has(.shell[data-page="home"]), .shell[data-page="home"]{ height:auto !important; min-height:100dvh !important; overflow:auto !important; }    } table, input, select, .score, .bar, [class*="score"], [class*="credit"], [class*="count"], [class*="metric"], [class*="-num"]{ font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; } p, li, td, th, h1,h2,h3,h4, .card{ overflow-wrap:break-word; hyphens:auto; } h1,h2{ hyphens:manual; overflow-wrap:break-word; } .skip-link{ position:fixed; top:-100px; left:16px; z-index:10000; padding:12px 18px; border-radius:0 0 12px 12px; background:var(--blue); color:#fff; font-size:14px; font-weight:800; box-shadow:0 12px 30px rgba(24,85,244,.35); transition:top .16s ease; } .skip-link:focus{top:0} .toast{pointer-events:none} .pg-trail, .next-step-trail, .pg-empty-trail{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 14px; font-size:11.5px; font-weight:800; } .pg-trail a, .pg-trail .now, .next-step-trail span, .pg-empty-trail span{ display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:999px; border:1px solid var(--line); background:var(--surface); color:var(--muted); white-space:nowrap; } .pg-trail a b, .pg-empty-trail b{ display:grid; place-items:center; width:16px; height:16px; border-radius:999px; background:var(--line); color:var(--muted); font-size:9.5px; } .pg-trail a:hover{border-color:var(--blue);color:var(--blue)} .pg-trail a:hover b{background:var(--blue);color:#fff} .pg-trail .now, .next-step-trail .now, .pg-empty-trail .now{ border-color:transparent; background:var(--blue); color:#fff; } .pg-trail .now b, .pg-empty-trail .now b{background:rgba(255,255,255,.28);color:#fff} .next-step-trail .done{ border-color:transparent; background:color-mix(in srgb, #16a34a 12%, transparent); color:#15803d; } .next-step-trail .done:before{content:"✓";font-weight:900} .pg-trail i, .next-step-trail i, .pg-empty-trail i{ width:16px; height:2px; border-radius:2px; background:var(--line2); flex:0 0 auto; } .next-step{ margin:20px 0 0; padding:20px 22px; border:1px solid var(--line); border-radius:16px; background: linear-gradient(180deg, color-mix(in srgb, var(--blue) 5%, transparent), transparent 70%), var(--surface); box-shadow:var(--sh); } .next-step-body{ display:flex; align-items:center; justify-content:space-between; gap:20px; } .next-step-body b{ display:block; color:var(--navy); font-size:16px; font-weight:800; } .next-step-body p{ margin:5px 0 0; max-width:62ch; color:var(--muted); font-size:13px; line-height:1.55; } .next-step-body .btn{flex:0 0 auto;white-space:nowrap} @media(max-width:720px){ .next-step-body{flex-direction:column;align-items:stretch} .next-step-body .btn{width:100%} } .pg-empty{ max-width:760px; margin:28px auto 40px; padding:30px 32px 28px; border:1px solid var(--line); border-radius:20px; background:var(--surface); box-shadow:var(--sh2); } .pg-empty h2{ margin:6px 0 8px; color:var(--navy); font-size:26px; text-transform:none; } .pg-empty>p{ margin:0 0 20px; max-width:60ch; color:var(--muted); font-size:14px; line-height:1.6; } .pg-empty-steps{ list-style:none; margin:0 0 22px; padding:0; counter-reset:pgstep; display:grid; gap:12px; } .pg-empty-steps li{ position:relative; counter-increment:pgstep; padding:0 0 0 38px; } .pg-empty-steps li:before{ content:counter(pgstep); position:absolute; left:0; top:1px; display:grid; place-items:center; width:24px; height:24px; border-radius:999px; background:var(--blue); color:#fff; font-size:11px; font-weight:900; } .pg-empty-steps b{display:block;color:var(--navy);font-size:14.5px;font-weight:800} .pg-empty-steps span{display:block;margin-top:2px;color:var(--muted);font-size:13px;line-height:1.5} .pg-empty-actions{display:flex;flex-wrap:wrap;gap:10px} @media(max-width:600px){ .pg-empty{margin:18px 12px 30px;padding:22px 20px} .pg-empty-actions .btn{width:100%} } .boot-error{ max-width:620px; margin:64px auto; padding:32px 34px; } .boot-error h1{ margin:0 0 10px; color:var(--navy); font-size:28px; text-transform:none; } .boot-error p{ margin:0 0 20px; color:var(--muted); font-size:14.5px; line-height:1.6; } .boot-error-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px} .boot-error-detail summary{ cursor:pointer; color:var(--hint); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; } .boot-error-detail code{ display:block; margin-top:10px; padding:12px 14px; border-radius:10px; background:var(--s3, #f1f5fb); color:var(--muted); font-size:12px; line-height:1.5; overflow-wrap:anywhere; } @media(max-width:600px){ .boot-error{margin:28px 12px;padding:24px 20px} .boot-error-actions .btn{width:100%} } @media(max-width:760px){ .pt-scroll{ overflow-x:visible !important; overflow-y:visible !important; max-height:none !important; } .pt-table{ width:100% !important; min-width:0 !important; table-layout:auto !important; display:block !important; background:transparent !important; } .pt-table thead{display:none !important} .pt-table tbody{display:block !important} .pt-table tr.pt-row{ display:block !important; position:relative; margin:0 0 14px; padding:14px 14px 12px; border:1px solid var(--line); border-radius:16px; background:var(--surface); box-shadow:var(--sh); } .pt-table tr.pt-row.pt-has-results{border-color:color-mix(in srgb, var(--blue) 30%, var(--line))} .pt-table td{ display:block !important; width:auto !important; min-width:0 !important; max-width:none !important; position:static !important; border:0 !important; padding:0 !important; background:transparent !important; text-align:left !important; } .pt-table td.pt-num-cell{ display:inline-grid !important; place-items:center; width:22px !important; height:22px !important; margin-bottom:8px; border-radius:999px; background:var(--blue); color:#fff; font-size:11px; font-weight:900; } .pt-table td.pt-name{margin:0 0 10px} .pt-table td.pt-name .pt-name-input{ width:100% !important; font-size:16px !important; font-weight:800; } .pt-table td.pt-del-cell{ position:absolute !important; top:10px; right:10px; } .pt-table td.pt-meta-cell{ display:inline-block !important; width:calc(50% - 5px) !important; margin:0 0 8px; vertical-align:top; } .pt-table td.pt-meta-cell:nth-of-type(odd){margin-right:8px} .pt-table td.pt-meta-cell:before, .pt-table td.pt-res-cell:before, .pt-table td.pt-avg-cell:before{ content:attr(data-label); display:block; margin-bottom:4px; color:var(--hint); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; } .pt-table td.pt-meta-cell .pt-meta-input{width:100% !important;font-size:16px !important} .pt-table td.pt-res-cell{ display:grid !important; grid-template-columns:minmax(0,1fr) 96px; align-items:center; gap:10px; padding:9px 0 !important; border-top:1px solid var(--line) !important; } .pt-table td.pt-res-cell:before{ grid-column:1; margin:0; font-size:12px; letter-spacing:0; text-transform:none; color:var(--text); font-weight:700; } .pt-table td.pt-res-cell .pt-res-inner{ grid-column:2; display:flex; align-items:center; justify-content:flex-end; gap:8px; } .pt-table td.pt-res-cell .pt-res-input{ width:60px !important; font-size:16px !important; text-align:center; } .pt-table td.pt-avg-cell{ margin-top:10px; padding-top:10px !important; border-top:2px solid var(--line) !important; } .pt-table td.pt-avg-cell .pt-avg-num{font-size:26px} } .sync-chip{ appearance:none; font-family:inherit; display:inline-flex; align-items:center; gap:7px; height:32px; padding:0 12px; border-radius:999px; border:1px solid transparent; font-size:11.5px; font-weight:800; letter-spacing:.02em; white-space:nowrap; cursor:pointer; } .sync-chip i{ width:7px; height:7px; border-radius:999px; flex:0 0 auto; } .sync-chip.is-offline{ background:color-mix(in srgb, #d97706 12%, transparent); border-color:color-mix(in srgb, #d97706 30%, transparent); color:#a45c07; } .sync-chip.is-offline i{background:#d97706} .sync-chip.is-pending{ background:color-mix(in srgb, var(--blue) 10%, transparent); border-color:color-mix(in srgb, var(--blue) 26%, transparent); color:var(--blue); } .sync-chip.is-pending i{ background:var(--blue); animation:sync-pulse 1.4s ease-in-out infinite; } @keyframes sync-pulse{ 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.35;transform:scale(.7)} } @media(prefers-reduced-motion:reduce){ .sync-chip.is-pending i{animation:none} } .shell[data-page="home"] .sync-chip.is-offline{background:rgba(217,119,6,.22);color:#ffd9a0;border-color:rgba(217,119,6,.45)} .shell[data-page="home"] .sync-chip.is-pending{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.28)} @media(max-width:620px){ .sync-chip{height:28px;padding:0 9px;font-size:10.5px} .sync-chip.is-pending span{display:none} } .footer-version{ margin-left:6px; padding:2px 7px; border-radius:999px; background:color-mix(in srgb, var(--blue) 10%, transparent); color:var(--blue); font-size:10.5px; font-weight:800; font-variant-numeric:tabular-nums; cursor:help; } .shell[data-page="home"] .topbar .logo, .shell[data-page="home"] .topbar .logo-compact{ filter:brightness(0) invert(1) !important; } @media (max-width:900px){      } .wiz-card .proto-toolbar-fields{ display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:14px !important; align-items:end !important; } .wiz-card .proto-toolbar-fields > .field, .wiz-card .proto-toolbar-fields .input{ width:100% !important; min-width:0 !important; max-width:none !important; box-sizing:border-box !important; } .wiz-card .proto-toolbar-fields .input{ min-height:46px !important; font-size:14px !important; } @media (min-width:701px) and (max-width:1199px){ .wiz-card .proto-toolbar-fields{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .wiz-card .proto-toolbar-fields > .field:last-child:nth-child(odd){ grid-column:1 / -1 !important; } .wiz-track-note{ display:grid !important; grid-template-columns:minmax(220px,.8fr) minmax(0,2fr) !important; align-items:start !important; } } @media (max-width:700px){ .wiz-card .proto-toolbar-fields{ grid-template-columns:minmax(0,1fr) !important; } .wiz-card .proto-toolbar-fields > .field{grid-column:auto !important} .wiz-card-body{padding-left:16px !important;padding-right:16px !important} .wiz-actions{align-items:stretch !important;gap:10px !important} .wiz-actions .btn{width:100% !important;min-height:46px !important} .wiz-actions-right{width:100% !important} .wiz-action-note{line-height:1.4 !important} } html:has(.shell[data-page="home"]), body:has(.shell[data-page="home"]), #app:has(.shell[data-page="home"]){ height:100% !important; height:100dvh !important; min-height:0 !important; overflow:hidden !important; overscroll-behavior:none !important; } .shell[data-page="home"]{ height:100dvh !important; min-height:0 !important; max-height:100dvh !important; overflow:hidden !important; } .shell[data-page="home"] .topbar{flex:0 0 60px !important}    @media (max-width:900px){           } @media (max-width:700px), (max-width:900px) and (orientation:portrait){               } @media (max-width:420px){ .shell[data-page="home"] .topbar, .shell[data-page="home"] .topbar-inner{height:56px !important;min-height:56px !important}      } @media (max-height:600px){      }  .program-guide-hero h1{text-transform:none;letter-spacing:-.035em} .pg-guide-intro{max-width:1180px;margin:0 auto 24px} .pg-guide-progress{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 14px;padding:0 4px} .pg-guide-progress span{display:block;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .pg-guide-progress b{display:block;margin-top:3px;color:var(--navy);font-size:15px} .pg-guide-progress-track{display:grid;grid-template-columns:repeat(4,42px);gap:7px} .pg-guide-progress-track i{height:5px;border-radius:999px;background:var(--line2)} .pg-guide-progress-track i:first-child{background:var(--blue)} .pg-guide-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:26px;padding:28px;border:1px solid color-mix(in srgb,var(--blue) 20%,var(--line));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 6%,var(--surface)),var(--surface) 48%,color-mix(in srgb,var(--teal,#0f766e) 5%,var(--surface)));box-shadow:var(--sh2)} .pg-guide-copy h2{margin:6px 0 10px;color:var(--navy);font-size:clamp(24px,3vw,34px);line-height:1.12;letter-spacing:-.025em;text-transform:none} .pg-guide-copy>p{max-width:68ch;margin:0;color:var(--muted);font-size:14px;line-height:1.65} .pg-guide-checks{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px} .pg-guide-checks li{display:flex;align-items:flex-start;gap:11px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent)} .pg-guide-checks li>span{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border-radius:50%;background:rgba(22,163,74,.13);color:#15803d;font-size:12px;font-weight:900} .pg-guide-checks b{display:block;color:var(--navy);font-size:13.5px} .pg-guide-checks small{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.45} .pg-guide-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px} .pg-guide-actions small{max-width:42ch;color:var(--muted);font-size:11.5px;line-height:1.45} .pg-guide-start{min-height:48px;padding-inline:20px;text-decoration:none!important} .pg-guide-flow{display:grid;align-content:start;gap:9px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--surface)} .pg-guide-flow article{position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:13px;background:var(--s2)} .pg-guide-flow article:not(:last-child):after{content:"";position:absolute;left:24px;bottom:-10px;width:2px;height:11px;background:var(--line2)} .pg-guide-flow article>span{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:900} .pg-guide-flow article:first-child{background:color-mix(in srgb,var(--blue) 9%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 24%,transparent)} .pg-guide-flow article:first-child>span{background:var(--blue)} .pg-guide-flow b{display:block;color:var(--navy);font-size:13px} .pg-guide-flow small{display:block;margin-top:1px;color:var(--muted);font-size:11.5px} .pg-guide-trust{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:13px 16px;color:var(--muted);font-size:11.5px;font-weight:700} .pg-guide-trust span{white-space:nowrap} #programGuideForm{scroll-margin-top:92px} html{scroll-behavior:smooth} @media(max-width:900px){.pg-guide-card{grid-template-columns:1fr}.pg-guide-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-guide-flow article:not(:last-child):after{display:none}} @media(max-width:620px){.pg-guide-intro{margin:0 0 18px}.pg-guide-progress{align-items:flex-start;flex-direction:column;gap:10px}.pg-guide-progress-track{width:100%;grid-template-columns:repeat(4,1fr)}.pg-guide-card{padding:20px 16px;border-radius:18px}.pg-guide-flow{grid-template-columns:1fr}.pg-guide-actions{align-items:stretch}.pg-guide-actions .btn{width:100%;justify-content:center}.pg-guide-trust{justify-content:flex-start;gap:8px}.pg-guide-trust span{white-space:normal;width:100%}} .program-guide-hero h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.02;letter-spacing:-.03em}  .pg-guide-copy h2{font-size:clamp(1.45rem,2.4vw,2.05rem);line-height:1.12;letter-spacing:-.022em} .pg-step summary b,.pg-score-head h3,.pg-quality-guidance b{text-transform:none;letter-spacing:0} .pg-quality-selector{padding:20px} .pg-quality-selector .pg-score-head{align-items:flex-start;gap:18px} .pg-quality-selector .pg-score-head h3{margin:0 0 5px;font-size:clamp(1.15rem,2vw,1.45rem)} .pg-quality-selector .pg-score-head>span{flex:none;border-radius:999px;padding:7px 11px;background:#eaf4f5;color:#0b6e75;font-weight:800;font-size:.78rem} .pg-quality-guidance{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:12px 14px;border-radius:14px;background:#f5f8fb;color:#405366} .pg-quality-guidance b{flex:none;color:#17324d} .pg-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .pg-quality-card{border:1px solid rgba(23,50,77,.14);border-radius:16px;padding:14px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease} .pg-quality-card.is-selected{border-color:#0b6e75;background:#f3fbfb;box-shadow:0 0 0 2px rgba(11,110,117,.08)} .pg-quality-toggle{display:flex;align-items:flex-start;gap:11px;cursor:pointer} .pg-quality-toggle input{position:absolute;opacity:0;pointer-events:none} .pg-quality-check{width:22px;height:22px;flex:0 0 22px;border:2px solid #9aabba;border-radius:7px;background:#fff;position:relative;margin-top:1px} .pg-quality-toggle input:checked+.pg-quality-check{border-color:#0b6e75;background:#0b6e75} .pg-quality-toggle input:checked+.pg-quality-check:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)} .pg-quality-toggle b{display:block;color:#17324d;font-size:1rem} .pg-quality-toggle small{display:block;color:#607283;line-height:1.35;margin-top:3px} .pg-quality-role{display:block;margin-top:12px} .pg-quality-role>span{display:block;font-size:.76rem;font-weight:750;color:#536779;margin-bottom:5px} .pg-quality-role select:disabled{opacity:.45;cursor:not-allowed} .pg-quality-validation{margin-top:13px;padding:10px 12px;border-radius:12px;font-size:.86rem;font-weight:650} .pg-quality-validation.is-valid{background:#edf8f2;color:#22633e} .pg-quality-validation.is-error{background:#fff1ef;color:#9b3428} @media(max-width:720px){.program-guide-hero h1{font-size:2rem}.pg-quality-grid{grid-template-columns:1fr}.pg-quality-selector .pg-score-head{flex-direction:column}.pg-quality-guidance{flex-direction:column}} .pg-step-fixed{padding:0;border:1px solid rgba(23,50,77,.12);border-radius:16px;background:#fff} .pg-step-fixed-head{display:flex;gap:13px;align-items:flex-start;padding:16px} .pg-step-fixed-head>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#17324d;color:#fff;font-weight:800} .pg-step-fixed-head b{display:block;color:#17324d;font-size:1rem} .pg-step-fixed-head small{display:block;margin-top:4px;color:#637587;line-height:1.4} .pg-cycle-overview{margin:24px 0;padding:20px;border:1px solid rgba(23,50,77,.12);border-radius:20px;background:linear-gradient(180deg,#f8fbfd,#fff)} .pg-cycle-head h3{margin:4px 0 7px;font-size:clamp(1.25rem,2vw,1.7rem);color:#17324d} .pg-cycle-head p{margin:0;max-width:850px;color:#5d6f80;line-height:1.5} .pg-cycle-ranking{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0} .pg-cycle-ranking article{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:13px;background:#fff;border:1px solid rgba(23,50,77,.1)} .pg-cycle-ranking article>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#17324d;color:#fff;font-weight:800;font-size:.75rem} .pg-cycle-ranking b,.pg-cycle-ranking small{display:block} .pg-cycle-ranking small{margin-top:2px;color:#66788a;font-size:.74rem} .pg-cycle-weeks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .pg-cycle-week{padding:15px;border-radius:16px;background:#fff;border:1px solid rgba(23,50,77,.1)} .pg-cycle-week header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px} .pg-cycle-week header span{font-weight:850;color:#17324d} .pg-cycle-week header small{color:#6a7b8b;text-align:right} .pg-cycle-week>div{display:grid;gap:7px} .pg-cycle-session{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 11px;border-left:4px solid #708090;border-radius:9px;background:#f7f9fb} .pg-cycle-session em{font-style:normal;color:#697b8b;font-size:.77rem} .pg-cycle-session b{color:#17324d;text-align:right} .pg-cycle-session.q-strength{border-left-color:#a4433c}.pg-cycle-session.q-conditioning{border-left-color:#2875a8} .pg-cycle-session.q-speed{border-left-color:#23866d}.pg-cycle-session.q-power{border-left-color:#c38a12} .pg-cycle-session.q-anaerobic{border-left-color:#704a91} @media(max-width:760px){.pg-cycle-weeks{grid-template-columns:1fr}.pg-cycle-week header{align-items:flex-start;flex-direction:column}.pg-cycle-week header small{text-align:left}} .pg-model-card{display:flex;flex-direction:column;gap:3px;margin:16px 0 10px;padding:13px 15px;border-radius:14px;background:#eef5f8;border:1px solid rgba(23,50,77,.1)} .pg-model-card span{font-size:.75rem;font-weight:800;color:#607283;text-transform:uppercase;letter-spacing:.04em} .pg-model-card b{font-size:1.05rem;color:#17324d}.pg-model-card small{color:#607283} .pg-cycle-session{flex-wrap:wrap}.pg-cycle-session small{flex-basis:100%;padding-left:calc(100% - 220px);color:#6a7b8b;font-size:.72rem;text-align:right} @media(max-width:760px){.pg-cycle-session small{padding-left:0;text-align:left}} .program-setup-mode, .program-result-mode{ width:min(100%,1240px); margin:0 auto; padding:22px 24px 52px; } .program-simple-hero{ max-width:880px; margin:8px 0 22px; } .program-simple-hero h1, .program-result-top h1{ margin:5px 0 9px; color:#15263b; font-size:clamp(1.9rem,3.5vw,3rem); line-height:1.05; letter-spacing:-.035em; } .program-simple-hero p, .program-result-top p{ margin:0; color:#5d6d80; font-size:1rem; line-height:1.55; } .program-simple-form{ display:grid; gap:16px; } .program-simple-source{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } .program-simple-source>div{ min-height:78px; padding:14px 16px; border:1px solid rgba(23,50,77,.12); border-radius:15px; background:#f7f9fc; } .program-simple-source span, .program-simple-source b{ display:block; } .program-simple-source span{ margin-bottom:5px; color:#6c7c8e; font-size:.75rem; font-weight:750; text-transform:uppercase; letter-spacing:.04em; } .program-simple-source b{ color:#17324d; line-height:1.35; } .program-simple-section{ padding:22px; border:1px solid rgba(23,50,77,.12); border-radius:20px; background:#fff; box-shadow:0 8px 28px rgba(31,52,79,.045); } .program-simple-section-head{ display:flex; align-items:flex-start; gap:13px; margin-bottom:18px; } .program-simple-section-head>span{ display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:#355bd6; color:#fff; font-size:.82rem; font-weight:850; } .program-simple-section-head>div{ flex:1; } .program-simple-section-head h2{ margin:1px 0 4px; color:#17324d; font-size:1.2rem; } .program-simple-section-head p{ margin:0; color:#657587; line-height:1.45; } .program-simple-section-head>strong{ flex:none; padding:7px 10px; border-radius:999px; background:#eef3ff; color:#355bd6; font-size:.78rem; } .program-simple-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .program-simple-grid-three{ grid-template-columns:repeat(3,minmax(0,1fr)); } .program-simple-quality-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:11px; } .pg-simple-quality-card{ position:relative; display:flex; align-items:flex-start; gap:10px; min-height:118px; padding:15px; border:1px solid rgba(23,50,77,.14); border-radius:16px; background:#fff; cursor:pointer; transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease; } .pg-simple-quality-card:hover{ transform:translateY(-1px); border-color:#8fa6e9; } .pg-simple-quality-card.is-selected{ border-color:#355bd6; background:#f4f7ff; box-shadow:0 0 0 2px rgba(53,91,214,.08); } .pg-simple-quality-card input{ position:absolute; opacity:0; pointer-events:none; } .pg-simple-check{ position:relative; flex:0 0 22px; width:22px; height:22px; border:2px solid #a8b4c2; border-radius:7px; background:#fff; } .pg-simple-quality-card input:checked+.pg-simple-check{ border-color:#355bd6; background:#355bd6; } .pg-simple-quality-card input:checked+.pg-simple-check::after{ content:""; position:absolute; left:6px; top:2px; width:6px; height:11px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); } .pg-simple-quality-card b, .pg-simple-quality-card small{ display:block; } .pg-simple-quality-card b{ color:#17324d; font-size:.96rem; } .pg-simple-quality-card small{ margin-top:5px; color:#69798a; font-size:.77rem; line-height:1.35; } .program-simple-submit{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 20px; border:1px solid #cbd7f7; border-radius:18px; background:#f5f8ff; } .program-simple-submit b, .program-simple-submit small{ display:block; } .program-simple-submit b{ color:#17324d; } .program-simple-submit small{ margin-top:4px; color:#647589; line-height:1.4; } .program-simple-submit .btn{ min-width:210px; min-height:50px; } .program-result-top{ display:flex; justify-content:space-between; align-items:flex-end; gap:22px; margin:6px 0 20px; } .program-result-top>div:first-child{ max-width:730px; } .program-result-top-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; } .program-result-full{ width:100%; } .program-result-mode .program-output, .program-result-mode .pg-result, .program-result-mode .pg-sessions{ width:100%; max-width:none; } .program-result-mode .pg-session{ width:100%; } .shell[data-page="program"] .program-workbench, .shell[data-page="program"] .program-page-body{ max-width:none; } @media(max-width:1000px){ .program-simple-quality-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .program-result-top{align-items:flex-start;flex-direction:column} .program-result-top-actions{justify-content:flex-start} } @media(max-width:760px){ .program-setup-mode,.program-result-mode{padding:14px 12px 36px} .program-simple-source, .program-simple-grid, .program-simple-grid-three, .program-simple-quality-grid{grid-template-columns:1fr} .program-simple-section{padding:17px} .program-simple-submit{align-items:stretch;flex-direction:column} .program-simple-submit .btn{width:100%} .program-result-top-actions{width:100%} .program-result-top-actions .btn{flex:1 1 auto} } .topbar-inner-v103{ gap:14px; } .topbar-nav-primary{ gap:5px; } .topbar-nav-link{ min-height:42px; padding:8px 12px; } .topbar-nav-link span{ opacity:.72; } .nav-right{ gap:8px; } .topbar-menu{ position:relative; } .topbar-menu>summary{ list-style:none; display:flex; align-items:center; gap:7px; min-height:42px; padding:8px 11px; border:1px solid rgba(31,52,79,.13); border-radius:12px; background:#fff; color:#394b60; cursor:pointer; font-size:.84rem; font-weight:750; white-space:nowrap; } .topbar-menu>summary::-webkit-details-marker{ display:none; } .topbar-menu[open]>summary, .topbar-menu.active>summary{ border-color:#9fb1ec; background:#f4f7ff; color:#2f55cf; } .topbar-menu-panel{ position:absolute; z-index:120; top:calc(100% + 8px); right:0; width:280px; padding:8px; border:1px solid rgba(31,52,79,.14); border-radius:15px; background:#fff; box-shadow:0 18px 48px rgba(23,50,77,.18); } .topbar-menu-panel a, .topbar-menu-panel button{ display:block; width:100%; padding:10px 11px; border:0; border-radius:10px; background:transparent; color:#263a50; text-align:left; text-decoration:none; cursor:pointer; } .topbar-menu-panel a:hover, .topbar-menu-panel button:hover{ background:#f3f6fb; } .topbar-menu-panel b, .topbar-menu-panel small{ display:block; } .topbar-menu-panel small{ margin-top:3px; color:#6d7d8f; font-size:.74rem; line-height:1.3; } .topbar-account>summary{ max-width:220px; } .account-avatar{ display:grid; place-items:center; flex:0 0 29px; width:29px; height:29px; border-radius:50%; background:#355bd6; color:#fff; font-weight:850; } .account-summary{ min-width:0; } .account-summary b, .account-summary small{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .account-summary b{ max-width:125px; font-size:.82rem; } .account-summary small{ max-width:125px; color:#778697; font-size:.68rem; font-weight:600; } .account-language{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:5px 3px; padding:9px 8px; border-top:1px solid #edf0f4; border-bottom:1px solid #edf0f4; color:#627286; font-size:.78rem; font-weight:700; } .topbar-menu-logout{ color:#a33d35!important; } .topbar-auth-actions{ display:flex; gap:7px; } .action-more-menu{ position:relative; } .action-more-menu>summary{ list-style:none; display:flex; align-items:center; min-height:42px; padding:9px 13px; border:1px solid rgba(31,52,79,.15); border-radius:11px; background:#fff; color:#394b60; cursor:pointer; font-weight:750; } .action-more-menu>summary::-webkit-details-marker{ display:none; } .action-more-menu[open]>summary{ border-color:#91a7e8; background:#f5f7ff; } .action-more-menu>div{ position:absolute; z-index:80; top:calc(100% + 7px); right:0; width:230px; padding:7px; border:1px solid rgba(31,52,79,.14); border-radius:13px; background:#fff; box-shadow:0 15px 38px rgba(23,50,77,.16); } .action-more-menu button{ display:block; width:100%; padding:10px; border:0; border-radius:9px; background:transparent; color:#304257; text-align:left; cursor:pointer; } .action-more-menu button:hover{ background:#f3f6fb; } .program-result-top-actions>.btn.primary, .program-simple-submit>.btn.primary{ box-shadow:0 7px 18px rgba(53,91,214,.18); } .program-result-top-actions>.btn:not(.primary){ background:#fff; } .page-actions, .toolbar, .action-row, .form-actions{ display:flex; flex-wrap:wrap; gap:8px; } .page-actions .btn, .toolbar .btn, .action-row .btn, .form-actions .btn{ min-height:40px; } .page-actions .btn:not(.primary), .toolbar .btn:not(.primary), .action-row .btn:not(.primary), .form-actions .btn:not(.primary){ box-shadow:none; } .btn.xs, .btn.sm{ font-weight:700; } .btn.xs:not(.primary):not(.danger), .btn.sm:not(.primary):not(.danger){ background:#fff; border-color:#d8dee8; color:#415267; } @media(max-width:1120px){ .topbar-more{display:none} .account-summary small{display:none} } @media(max-width:760px){ .topbar-account{display:none} .topbar-auth-actions{display:none} .program-result-top-actions{ display:grid; grid-template-columns:1fr 1fr; width:100%; } .program-result-top-actions>.btn, .program-result-top-actions>.action-more-menu, .program-result-top-actions>.action-more-menu>summary{ width:100%; } .action-more-menu>div{ right:auto; left:0; } } .topbar-nav-link{appearance:none;border:0;cursor:pointer;font:inherit} .mnav-link{appearance:none;width:100%;border:0;text-align:left;font:inherit;cursor:pointer} .pg-section-prep [data-pg-action="add"],.pg-section-prep .pg-edit-actions{display:none!important} .pg-block-v076[data-group="prep"] .pg-edit-actions, .pg-block-v076[data-group="cooldown"] .pg-edit-actions, .pg-section-prep [data-pg-action], .pg-section-cooldown [data-pg-action]{display:none!important} html,body,#app,.shell,.program-main,.program-result-full,.program-simple-form{max-width:100%;overflow-x:hidden} img,svg,canvas,video{max-width:100%;height:auto} select,input,textarea,button{max-width:100%} @media (min-width:761px) and (max-width:1100px){ .program-setup-mode,.program-result-mode{padding-inline:18px} .program-simple-quality-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .program-simple-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))} .pg-cycle-weeks{grid-template-columns:1fr 1fr} .pg-exercise{grid-template-columns:minmax(0,1fr)} } @media (max-width:760px){ body{font-size:16px} .topbar-nav-primary,.nav-right{display:none!important} .mobile-menu-toggle{display:flex!important;min-width:44px;min-height:44px} .mobile-nav-drawer{width:min(92vw,380px);overflow-y:auto;-webkit-overflow-scrolling:touch} .mnav-link{min-height:50px;padding:12px 14px} .program-simple-hero h1,.program-result-top h1{font-size:1.8rem;line-height:1.08} .program-simple-source,.program-simple-grid,.program-simple-grid-three,.program-simple-quality-grid{grid-template-columns:1fr} .program-simple-section-head{flex-wrap:wrap} .program-simple-section-head>strong{margin-left:45px} .pg-simple-quality-card{min-height:88px} .program-simple-submit{position:sticky;bottom:8px;z-index:30;padding:14px;box-shadow:0 12px 35px rgba(23,50,77,.18)} .program-result-top-actions{grid-template-columns:1fr} .program-result-top-actions>.btn,.program-result-top-actions>.action-more-menu{min-height:46px} .action-more-menu>summary{min-height:46px;justify-content:center} .action-more-menu>div{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto;max-height:60vh;overflow:auto} .pg-cycle-weeks{grid-template-columns:1fr} .pg-cycle-session{align-items:flex-start;flex-direction:column} .pg-cycle-session b{text-align:left} .pg-session-head{align-items:flex-start;flex-direction:column} .pg-session-time{align-items:flex-start;text-align:left} .pg-section-head{align-items:flex-start;flex-wrap:wrap} .pg-exercise{padding:14px} .pg-exercise-dose,.pg-dose-line{width:100%;white-space:normal} .pg-edit-actions{width:100%} .pg-edit-actions .btn{width:100%;min-height:44px} .field .input,.field select,.field input{min-height:48px;font-size:16px} .btn{min-height:44px} } @media (max-width:390px){ .program-setup-mode,.program-result-mode{padding-inline:9px} .program-simple-section,.pg-cycle-overview{padding:14px;border-radius:15px} .program-simple-hero h1,.program-result-top h1{font-size:1.62rem} }  .how-steps, .steps-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; align-items:start; }  .how-steps > *, .steps-grid > *{ min-width:0; padding:0; } .step-card-aligned, .how-step{ display:grid; grid-template-rows:auto minmax(48px,auto) 1fr; align-content:start; } .step-card-aligned h3, .how-step h3, .steps-grid h3{ margin:14px 0 9px; min-height:44px; font-size:1rem; line-height:1.3; } .step-card-aligned p, .how-step p, .steps-grid p{ margin:0; line-height:1.55; } .step-card-aligned .step-number, .how-step .step-number, .steps-grid .step-number{ margin-bottom:0; } .program-feature-grid-aligned, .feature-grid-aligned, .program-feature-grid, .feature-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; } .program-feature-grid-aligned > *, .feature-grid-aligned > *, .program-feature-grid > *, .feature-grid > *{ height:100%; } .program-feature-grid h3, .feature-grid h3{ margin:0 0 10px; min-height:30px; line-height:1.3; } .program-feature-grid p, .feature-grid p{ margin:0; line-height:1.55; } .how-section, .program-generator-section, .info-section, .content-card{ padding:28px 30px; } .how-section > header, .program-generator-section > header{ margin-bottom:22px; } .how-section h2, .program-generator-section h2{ margin:6px 0 8px; } .how-section > p, .program-generator-section > p{ max-width:920px; margin:0; line-height:1.55; } .program-standard-equipment{ display:flex; align-items:center; padding:15px 17px; border:1px solid #dbe3ef; border-radius:15px; background:#f8fafc; } .program-standard-equipment>div{ display:flex; align-items:center; gap:12px; } .program-standard-equipment b, .program-standard-equipment small{ display:block; } .program-standard-equipment b{ color:#17324d; } .program-standard-equipment small{ margin-top:3px; color:#667789; line-height:1.4; } .program-standard-icon{ display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; border-radius:10px; background:#eef3ff; font-size:1.25rem; } .program-simple-grid-three{ grid-template-columns:repeat(2,minmax(0,1fr)); } @media (min-width:761px) and (max-width:1100px){  .how-steps, .steps-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }  .how-steps > *:last-child, .steps-grid > *:last-child{ grid-column:1 / -1; max-width:50%; } .program-feature-grid-aligned, .feature-grid-aligned, .program-feature-grid, .feature-grid{ grid-template-columns:1fr 1fr; } .program-feature-grid > *:last-child, .feature-grid > *:last-child{ grid-column:1 / -1; } } @media (max-width:760px){ .how-section, .program-generator-section, .info-section, .content-card{ padding:18px 16px; }  .how-steps, .steps-grid, .program-feature-grid-aligned, .feature-grid-aligned, .program-feature-grid, .feature-grid{ grid-template-columns:1fr; gap:14px; }  .how-steps > *:last-child, .steps-grid > *:last-child, .program-feature-grid > *:last-child, .feature-grid > *:last-child{ grid-column:auto; max-width:none; } .step-card-aligned, .how-step{ grid-template-rows:auto; } .step-card-aligned h3, .how-step h3, .steps-grid h3{ min-height:0; } .program-standard-equipment>div{ align-items:flex-start; } .program-simple-grid-three{ grid-template-columns:1fr; } } .topbar-nav-link{gap:0!important} .app-dialog-overlay{ position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:20px; background:rgba(3,11,26,.66); backdrop-filter:blur(8px); } .app-dialog-box{ width:min(100%,480px); padding:0; overflow:hidden; border:1px solid rgba(137,161,197,.32); border-radius:22px; background:linear-gradient(180deg,#17263d 0%,#101b2d 100%); color:#fff; box-shadow:0 30px 90px rgba(0,0,0,.48); } .app-dialog-icon{ display:none!important; } .app-dialog-title{ padding:28px 30px 0; color:#fff; font-size:1.4rem; font-weight:800; line-height:1.2; letter-spacing:-.02em; } .app-dialog-msg{ padding:10px 30px 0; color:#d0d9e5; font-size:.95rem; line-height:1.5; } .app-dialog-detail{ padding:8px 30px 0; color:#9fb0c6; font-size:.82rem; line-height:1.45; } .app-dialog-input{ display:block; width:calc(100% - 60px); min-height:52px; margin:20px 30px 0; padding:12px 14px; border:1px solid #6385b2; border-radius:12px; outline:none; background:#182a43; color:#fff; font:inherit; } .app-dialog-input:focus{ border-color:#4d8cff; box-shadow:0 0 0 3px rgba(77,140,255,.2); } .app-dialog-hint{ padding:7px 30px 0; color:#90a2ba; font-size:.75rem; } .app-dialog-actions{ display:flex; justify-content:flex-end; gap:10px; margin-top:24px; padding:18px 30px 26px; border-top:1px solid rgba(150,170,198,.18); } .app-dialog-btn{ min-width:116px; min-height:46px; padding:10px 18px; border-radius:12px; font:inherit; font-weight:750; cursor:pointer; } .app-dialog-cancel{ border:1px solid #6d7f97; background:transparent; color:#eef3f8; } .app-dialog-confirm{ border:1px solid #2e6ce8; background:linear-gradient(180deg,#3b7fff,#1f56d6); color:#fff; box-shadow:0 8px 22px rgba(31,86,214,.3); } .app-dialog-danger .app-dialog-confirm{ border-color:#c54b4b; background:linear-gradient(180deg,#df6464,#b63838); } .app-dialog-in .app-dialog-box{ animation:appDialogIn .18s ease both; } .app-dialog-out .app-dialog-box{ animation:appDialogOut .16s ease both; } @keyframes appDialogIn{ from{opacity:0;transform:translateY(10px) scale(.985)} to{opacity:1;transform:translateY(0) scale(1)} } @keyframes appDialogOut{ from{opacity:1;transform:translateY(0) scale(1)} to{opacity:0;transform:translateY(8px) scale(.985)} } @media(max-width:600px){ .app-dialog-overlay{ align-items:end; padding:12px; } .app-dialog-box{ width:100%; border-radius:20px; } .app-dialog-title{ padding:22px 20px 0; font-size:1.25rem; } .app-dialog-msg, .app-dialog-detail, .app-dialog-hint{ padding-left:20px; padding-right:20px; } .app-dialog-input{ width:calc(100% - 40px); margin-left:20px; margin-right:20px; font-size:16px; } .app-dialog-actions{ padding:15px 20px 20px; flex-direction:column-reverse; } .app-dialog-btn{ width:100%; } } .to-page>.journey{align-items:center;gap:0;margin:0 0 24px;padding:0 2px} .to-page>.journey .journey-step{flex:0 1 auto;min-width:0;padding:7px 9px;border-color:transparent;border-radius:10px;background:transparent;box-shadow:none} .to-page>.journey .journey-step b{width:24px;height:24px} .to-page>.journey .journey-step small{display:none} .to-page>.journey .journey-sep{flex:1 1 42px;max-width:72px;background:#cfd9e6} .to-page>.journey .journey-step.now{background:#edf3ff;color:var(--ui-blue)!important} .to-header{padding-bottom:18px;border-bottom:1px solid var(--ui-line)} .to-header-lead{max-width:68ch;color:var(--ui-muted)} .wiz-card{border-color:var(--ui-line);border-radius:18px;box-shadow:0 12px 32px rgba(26,48,75,.055)} .program-setup-mode{max-width:1120px;padding-top:30px} .program-simple-form{gap:0;overflow:visible;border:1px solid var(--ui-line);border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(28,50,78,.065)} .program-stepper{display:flex;align-items:center;gap:10px;padding:17px 22px;border-bottom:1px solid var(--ui-line);background:#fbfcfe;border-radius:22px 22px 0 0} .program-stepper span{display:flex;align-items:center;gap:8px;color:#718196;font-size:13px;font-weight:750;white-space:nowrap} .program-stepper span b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8edf4;color:#52667c;font-size:12px} .program-stepper i{flex:1 1 24px;height:1px;background:#d8e0ea} .program-stepper span.is-active{color:var(--ui-blue)} .program-stepper span.is-active b{background:var(--ui-blue);color:#fff} .program-simple-source{gap:0;padding:18px 22px;border-bottom:1px solid var(--ui-line);background:#f7f9fc} .program-simple-source>div{min-height:58px;padding:5px 18px;border:0;border-right:1px solid var(--ui-line);border-radius:0;background:transparent} .program-simple-source>div:first-child{padding-left:0} .program-simple-source>div:last-child{border-right:0} .program-simple-section{margin:0 22px;padding:26px 0 28px;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;background:transparent;box-shadow:none} .program-simple-section-head>span{background:#edf3ff;color:var(--ui-blue)} .program-standard-equipment{display:flex;align-items:baseline;gap:5px;margin:0 22px;padding:13px 0;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;background:transparent;color:var(--ui-muted);font-size:13px} .program-standard-equipment b{color:var(--ui-ink)} .program-standard-icon{display:none} .pg-simple-quality-card{min-height:108px;border-radius:13px;box-shadow:none} .pg-simple-quality-card:hover{transform:none;border-color:#7c9eff;background:#fbfcff} .pg-simple-quality-card.is-selected{border-color:var(--ui-blue);background:#f1f5ff;box-shadow:0 0 0 2px rgba(24,85,244,.08)} .program-simple-submit{margin:0;padding:20px 22px;border:0;border-radius:0 0 22px 22px;background:#f7f9fc} .program-result-top{padding-bottom:20px;border-bottom:1px solid var(--ui-line)} .program-result-mode .pg-session{overflow:hidden;border-left:4px solid var(--ui-blue);border-radius:16px;box-shadow:0 10px 30px rgba(28,50,78,.055)} .program-result-mode .pg-session-head{padding-bottom:14px;border-bottom:1px solid var(--ui-line)} .program-result-mode .pg-dose-summary b{color:#123fba;font-size:.96rem} .program-result-mode .pg-block-v076{ background:#fff; border-color:#dbe4ef; } .program-result-mode .pg-block-head-v076{ background:#f7f9fc; border-bottom-color:#dbe4ef; } .program-result-mode .pg-block-head-v076 h4, .program-result-mode .pg-exercise-body strong{color:var(--ui-ink,#13233a)} .program-result-mode .pg-block-head-v076 p, .program-result-mode .pg-exercise-body p{color:var(--ui-muted,#607086)} .program-result-mode .pg-block-head-v076 span{color:#176f91;border-color:#8fc9df;background:#f2fbff} .program-result-mode .pg-exercise-row-v084{background:#fff} .program-result-mode .pg-exercise-row-v084.is-locked{background:linear-gradient(90deg,#fff8fa 0,#fff 24%)} .program-result-mode .pg-why-v076{background:#fff8e8;border-color:#edcf82;color:#704500} .program-result-mode .pg-coach-extra small{background:#f7f9fc;border-color:#dbe4ef;color:#40546b} .app-dialog-overlay{background:rgba(12,25,43,.48);backdrop-filter:blur(6px)} .app-dialog-box{border-color:#d6e0eb;background:#fff;color:var(--ui-ink);box-shadow:0 28px 80px rgba(10,28,50,.28)} .app-dialog-title{color:var(--ui-ink)} .app-dialog-msg{color:var(--ui-muted)} .app-dialog-detail,.app-dialog-hint{color:#718196} .app-dialog-input{border-color:#aebed0;background:#fff;color:var(--ui-ink)} .app-dialog-actions{border-top-color:#e2e8f0;background:#fbfcfe} .app-dialog-cancel{border-color:#bdc9d7;background:#fff;color:#334a62} .app-dialog-danger{border-color:#713d45;background:linear-gradient(180deg,#2b1b22,#21161b);color:#fff} .app-dialog-danger .app-dialog-title{color:#fff} .app-dialog-danger .app-dialog-msg{color:#ead9dc} .app-dialog-danger .app-dialog-actions{border-top-color:rgba(255,255,255,.12);background:rgba(0,0,0,.1)} .app-dialog-danger .app-dialog-cancel{border-color:#86646b;background:transparent;color:#fff} @media(max-width:760px){ .to-page>.journey{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px} .to-page>.journey .journey-step{flex:0 0 auto} .to-page>.journey .journey-sep{flex:0 0 22px} .program-simple-form{border-radius:17px} .program-stepper{overflow-x:auto;gap:7px;padding:13px 14px;border-radius:17px 17px 0 0} .program-stepper span{font-size:12px} .program-stepper i{flex:0 0 16px} .program-simple-source{grid-template-columns:1fr;padding:8px 15px} .program-simple-source>div{min-height:0;padding:10px 0;border-right:0;border-bottom:1px solid var(--ui-line)} .program-simple-source>div:last-child{border-bottom:0} .program-simple-section{margin:0 15px;padding:22px 0} .program-standard-equipment{align-items:flex-start;margin:0 15px;padding:12px 0;line-height:1.4} .program-simple-submit{position:sticky;bottom:8px;z-index:30;flex-direction:row;align-items:center;margin:8px;padding:10px;border:1px solid #d5dfeb;border-radius:14px;box-shadow:0 12px 32px rgba(23,50,77,.17)} .program-simple-submit>div small{display:none} .program-simple-submit .btn{width:auto;min-width:150px;min-height:46px} } @media(max-width:430px){ .program-stepper i{display:none} .program-simple-submit>div{display:none} .program-simple-submit .btn{width:100%} } .area-dot.area-football{background:#14b8a6} @media(min-width:901px){     } .trust-v132{position:relative;max-width:1100px;margin:24px auto 0;padding:34px 34px 30px;overflow:hidden;border:1px solid #dce4ec;border-radius:22px;background:linear-gradient(145deg,#fff 0%,#fbfcfe 72%,color-mix(in srgb,var(--trust,#1855f4) 4%,#fff) 100%);box-shadow:0 12px 30px rgba(17,35,59,.055)} .trust-v132::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--trust,#1855f4),color-mix(in srgb,var(--trust,#1855f4) 22%,transparent) 65%,transparent)} .football-hub .trust-v132{max-width:1120px} .trust-v132-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:end;padding-bottom:25px;border-bottom:1px solid #e3e9ef} .trust-v132-head>div>span{color:var(--trust,#1855f4);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .trust-v132-head h2{margin:8px 0 0;color:#0b182b;font-size:clamp(24px,2.4vw,34px);line-height:1.1;letter-spacing:-.025em;text-transform:none} .trust-v132-head>p{max-width:610px;margin:0;color:#5b6b80;font-size:14.5px;line-height:1.7} .trust-v132-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:24px} .trust-v132-grid article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;min-height:150px;padding:9px 26px 8px;border-left:1px solid #e2e8ef;background:transparent} .trust-v132-grid article:first-child{padding-left:0;border-left:0} .trust-v132-grid article:last-child{padding-right:0} .trust-v132-grid article>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid color-mix(in srgb,var(--trust,#1855f4) 22%,#dce5ed);border-radius:999px;background:color-mix(in srgb,var(--trust,#1855f4) 9%,white);color:var(--trust,#1855f4);font-size:13px;font-weight:900} .trust-v132-grid h3{margin:2px 0 8px;color:#0b182b;font-size:17px;line-height:1.2;text-transform:none} .trust-v132-grid p{margin:0;color:#607086;font-size:13px;line-height:1.58} .trust-v132-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--trust,#1855f4) 18%,#dce5ed);border-radius:12px;background:color-mix(in srgb,var(--trust,#1855f4) 4%,white);color:#53667a;font-size:12.5px;line-height:1.55} .trust-v132-note b{flex:0 0 auto;color:color-mix(in srgb,var(--trust,#1855f4) 72%,#0b182b)} @media(max-width:900px){.trust-v132-head{grid-template-columns:1fr;gap:12px}} @media(max-width:760px){.trust-v132{margin-top:14px;padding:25px 20px 21px;border-radius:18px;box-shadow:0 8px 22px rgba(17,35,59,.05)}.trust-v132-head{padding-bottom:20px}.trust-v132-grid{grid-template-columns:1fr;margin-top:0}.trust-v132-grid article,.trust-v132-grid article:first-child,.trust-v132-grid article:last-child{min-height:0;padding:18px 0;border:0;border-top:1px solid #e4eaf0}.trust-v132-grid article:first-child{border-top:0}.trust-v132-note{display:block;margin-top:2px}.trust-v132-note b{display:block;margin-bottom:4px}.trust-v132-head h2{font-size:23px}.trust-v132-head>p{font-size:13px;line-height:1.62}.trust-v132-grid h3{font-size:16px}} @media(min-width:901px) and (max-width:1200px){         } .football-hub{ --football:#14b8a6; min-height:calc(100dvh - 68px); padding:28px 24px 72px; background: radial-gradient(circle at 88% 10%,rgba(20,184,166,.17),transparent 29%), linear-gradient(180deg,#07111f 0,#0a1728 430px,#f3f6fb 430px,#f3f6fb 100%); }           @media(min-width:901px){  } @media(min-width:701px) and (max-width:900px){     } @media(max-width:700px){           } .football-hero{ position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(255px,.55fr); gap:34px; align-items:end; max-width:1240px; min-height:500px; margin:0 auto; padding:48px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:30px; background:#07111f; box-shadow:0 30px 82px rgba(0,0,0,.31); } .football-hero::before{ content:""; position:absolute; inset:0; z-index:-2; background-image:var(--football-image); background-size:cover; background-position:center; filter:saturate(.92) contrast(1.04); } .football-hero::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(3,12,24,.99) 0%,rgba(4,15,29,.95) 37%,rgba(4,15,29,.60) 69%,rgba(4,15,29,.24) 100%); } .football-hero-copy{align-self:center;max-width:690px} .football-back{ display:inline-flex; align-items:center; min-height:36px; color:rgba(230,238,249,.72); font-size:12px; font-weight:850; text-decoration:none; } .football-back:hover{color:#fff} .football-badge{ display:table; margin-top:17px; padding:7px 11px; border:1px solid rgba(45,212,191,.48); border-radius:999px; background:rgba(20,184,166,.15); color:#c9fff6; font-size:10px; font-weight:900; letter-spacing:.10em; text-transform:uppercase; } .football-hero h1{ max-width:13ch; margin:17px 0 14px; color:#fff; font-size:clamp(36px,4.4vw,58px); line-height:1.04; letter-spacing:-.05em; text-transform:none; } .football-hero-copy>p{ max-width:56ch; margin:0; color:rgba(226,235,246,.82); font-size:16px; line-height:1.62; } .football-definition{ display:flex; align-items:flex-start; gap:9px; max-width:620px; margin-top:21px; padding:13px 15px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(8,24,40,.64); color:rgba(223,233,245,.72); font-size:12px; line-height:1.5; backdrop-filter:blur(14px); } .football-definition b{flex:0 0 auto;color:#d1fff8}       .football-profiles{ max-width:1120px; margin:22px auto 0; border:1px solid #d9e3ee; border-radius:24px; background:#fff; box-shadow:0 16px 38px rgba(17,35,59,.07); }   .football-section-head>span{ color:#0e9384; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }  .football-section-head h2{ margin:8px 0 0; color:#0b182b; font-size:clamp(24px,2.4vw,34px); line-height:1.1; letter-spacing:-.025em; text-transform:none; }  .football-section-head p{ margin:0; color:#5d6c81; font-size:14.5px; line-height:1.68; }  .football-profiles{padding:30px 32px} .football-section-head{max-width:760px} .football-section-head>p{margin-top:10px} .football-section-head>a{ display:table; margin-bottom:18px; color:#587087; font-size:12px; font-weight:800; text-decoration:none; } .football-section-head>a:hover{color:#0e9384} .football-paths{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:24px; } .football-path{ position:relative; display:flex; flex-direction:column; min-height:360px; padding:0; overflow:hidden; border:1px solid #dce5ed; border-radius:20px; background:linear-gradient(160deg,#f9fbfd,#f1f7f7); color:#0b182b; text-decoration:none; transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease; } .football-path::after{ content:""; position:absolute; left:0;right:0;bottom:0; height:4px; background:linear-gradient(90deg,#0f766e,#2dd4bf); } .football-path:hover, .football-path.active{transform:translateY(-2px);border-color:#72d8cc;box-shadow:0 17px 36px rgba(14,116,106,.12)} .football-path.active{background:linear-gradient(160deg,#effcf9,#f7fffd)} .football-path-image{ position:relative; display:block; flex:0 0 146px; width:100%; overflow:hidden; background-color:#0a1728; background-position:center; background-size:cover; } .football-path-image::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,12,24,.03),rgba(3,12,24,.52)); } .football-path-number{ position:absolute; left:16px; bottom:14px; z-index:1; display:inline-flex; min-width:36px; min-height:27px; align-items:center; justify-content:center; padding:0 9px; border:1px solid rgba(255,255,255,.34); border-radius:999px; background:rgba(4,20,34,.72); color:#cffff7; font-size:10px; font-weight:900; letter-spacing:.13em; backdrop-filter:blur(10px); } .football-path-copy{display:block;margin:18px 22px 0} .football-path-copy small{display:block;color:#6c7d90;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em} .football-path-copy b{display:block;margin-top:5px;color:#0b182b;font-size:25px;line-height:1.1} .football-path-copy p{margin:10px 0 0;color:#607086;font-size:13px;line-height:1.58} .football-path-count{margin:0 22px;margin-top:auto;padding:18px 34px 20px 0;color:#0e9384;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em} .football-path-arrow{position:absolute;right:21px;bottom:20px;color:#0e9384;font-size:20px} .football-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px} .football-profile-card{ display:flex; flex-direction:column; min-height:230px; padding:22px; border:1px solid #dce5ed; border-radius:19px; background:linear-gradient(180deg,#fbfcfe,#f5f8fb); } .football-profile-meta{display:flex;justify-content:space-between;gap:12px;color:#607086;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em} .football-profile-meta span:first-child{color:#0e9384} .football-profile-card h3{margin:18px 0 8px;color:#0b182b;font-size:22px;line-height:1.18;text-transform:none} .football-profile-card p{margin:0 0 20px;color:#607086;font-size:13px;line-height:1.58} .football-profile-card button{ display:flex; align-items:center; justify-content:space-between; width:100%; min-height:47px; margin-top:auto; padding:0 15px; border:0; border-radius:12px; background:#0f766e; color:#fff; font:inherit; font-size:13px; font-weight:900; cursor:pointer; box-shadow:0 12px 24px rgba(15,118,110,.18); } .football-profile-card button:hover{background:#0b625c} .football-profile-footnote{margin:18px 0 0;padding:15px 17px;border:1px solid #bfe7e2;border-radius:14px;background:#f0fdfa;color:#4f657a;font-size:12.5px;line-height:1.55} .football-profile-footnote b{color:#0b625c} @media(max-width:900px){ .football-hub{padding:18px 16px 52px;background:linear-gradient(180deg,#07111f 0,#0a1728 390px,#f3f6fb 390px)} .football-hero{grid-template-columns:1fr;min-height:560px;padding:34px;background-position:center} .football-hero::after{background:linear-gradient(90deg,rgba(3,12,24,.98),rgba(3,12,24,.82) 58%,rgba(3,12,24,.38))} .football-hero-copy{max-width:650px}       .football-paths{grid-template-columns:1fr} .football-path{min-height:344px} } @media(max-width:620px){ .football-hub{padding:10px 10px 38px;background:linear-gradient(180deg,#07111f 0,#0a1728 430px,#f3f6fb 430px)} .football-hero{min-height:620px;padding:24px 19px;border-radius:22px;align-content:space-between} .football-hero::before{background-position:64% center} .football-hero::after{background:linear-gradient(180deg,rgba(3,12,24,.96) 0%,rgba(3,12,24,.87) 58%,rgba(3,12,24,.58) 100%)} .football-badge{margin-top:12px;font-size:8.5px} .football-hero h1{max-width:12ch;margin:13px 0 10px;font-size:clamp(32px,9vw,40px)} .football-hero-copy>p{font-size:13.5px;line-height:1.53} .football-definition{display:block;margin-top:14px;padding:11px 12px;font-size:11px} .football-definition b{display:block;margin-bottom:3px}     .football-profiles{margin-top:12px;border-radius:18px} .football-profiles{padding:21px 18px} .football-section-head h2{font-size:24px} .football-section-head p{font-size:13px} .football-paths{margin-top:18px} .football-path{min-height:330px;padding:0} .football-path-image{flex-basis:142px} .football-path-copy{margin:16px 18px 0} .football-path-copy b{font-size:22px} .football-path-count{margin-left:18px;margin-right:18px;padding-bottom:18px} .football-profile-grid{grid-template-columns:1fr;margin-top:18px} .football-profile-card{min-height:218px;padding:19px} } .football-manual-category{grid-column:1/-1} .football-manual-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px} .football-manual-test{padding:18px;border:1px solid #dce5ed;border-radius:16px;background:#f8fbfc} .football-manual-title{display:flex;align-items:flex-start;gap:10px} .football-manual-title>span{flex:none;padding:5px 8px;border-radius:8px;background:#dff6f2;color:#0f766e;font-size:11px;font-weight:900} .football-manual-title h4{margin:2px 0 0;font-size:17px;line-height:1.25} .football-manual-test>p{margin:8px 0 12px;color:#587087;font-size:13px} .football-manual-test ul{display:grid;gap:7px;margin:0;padding-left:18px;color:#243a4d;font-size:13px;line-height:1.45} .football-manual-test small{display:block;margin-top:12px;padding:9px 11px;border-radius:10px;background:#fff3cd;color:#735c0f;font-weight:700} @media(max-width:760px){.football-manual-list{grid-template-columns:1fr}} :root{ --user-font-heading:"Questrial",Arial,sans-serif; --user-font-subheading:"DM Sans",Arial,sans-serif; --user-font-body:"DM Sans",Arial,sans-serif; --user-heading-size:34px; --user-subheading-size:28px; --user-body-size:16px; } body{font-family:var(--user-font-body,var(--font-body));} main h1,.track-hero h1,.football-hero h1{font-family:var(--user-font-heading,var(--font-display))!important;} main h2{font-family:var(--user-font-subheading,var(--font-display))!important;font-size:var(--user-subheading-size)!important;} main h3,main h4{font-family:var(--user-font-subheading,var(--font-display))!important;} main p,main li{font-family:var(--user-font-body,var(--font-body));font-size:var(--user-body-size);}  main h3{font-size:clamp(18px,2vw,calc(var(--user-subheading-size) * .78));} main h4{font-size:clamp(16px,1.7vw,calc(var(--user-subheading-size) * .66));} .shell[data-page="program"] .program-page-content{ width:100%;max-width:var(--max)!important;margin:0 auto;padding-left:24px;padding-right:24px; } .shell[data-page="program"] .pg-empty{width:100%;max-width:none;margin:28px 0 40px;padding:34px 38px;} .shell[data-page="program"] .pg-empty>p{max-width:88ch;} .shell[data-page="program"] .pg-empty-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;} .shell[data-page="program"] .pg-empty-steps li{min-height:76px;padding:4px 12px 4px 42px;border-right:1px solid var(--line);} .shell[data-page="program"] .pg-empty-steps li:last-child{border-right:0;} @media(max-width:760px){ .shell[data-page="program"] .program-page-content{padding-left:14px;padding-right:14px;} .shell[data-page="program"] .pg-empty{margin:18px 0 30px;padding:23px 20px;} .shell[data-page="program"] .pg-empty-steps{grid-template-columns:1fr;} .shell[data-page="program"] .pg-empty-steps li{border-right:0;border-bottom:1px solid var(--line);padding-bottom:14px;} .shell[data-page="program"] .pg-empty-steps li:last-child{border-bottom:0;} } .account-settings-body{max-width:980px!important;} .account-typography-card{grid-column:1/-1;} .typography-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 16px;} .typography-settings-grid article{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,var(--blue) 8%);} .typography-settings-grid label{display:grid;gap:6px;} .typography-settings-grid label>span{font-size:12px;font-weight:800;color:var(--muted);} .typography-current-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--line) 78%,var(--blue) 22%);border-radius:11px;background:var(--surface);} .typography-current-setting span{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);} .typography-current-setting small{display:block;margin-top:2px;font-size:10px;line-height:1.35;color:var(--muted);} .typography-current-setting strong{font-size:13px;color:var(--navy);text-align:right;} .typography-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.65fr);gap:10px;align-items:end;} .typography-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;} .typography-actions>span{font-size:12px;color:var(--muted);} .typography-preview{min-height:62px;display:flex;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--navy);} .typography-preview-heading{font-family:var(--user-font-heading);font-size:min(var(--user-heading-size),38px);line-height:1.05;} .typography-preview-subheading{font-family:var(--user-font-subheading);font-size:min(var(--user-subheading-size),30px);line-height:1.12;} .typography-preview-body{font-family:var(--user-font-body);font-size:var(--user-body-size);line-height:1.55;color:var(--muted);} @media(max-width:820px){.typography-settings-grid{grid-template-columns:1fr;}} @media(max-width:520px){.typography-controls{grid-template-columns:1fr}.typography-current-setting{align-items:flex-start;flex-direction:column}.typography-current-setting strong{text-align:left}} .manual-complete-page{display:grid;gap:22px;} .manual-complete-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;} .manual-complete-intro h2{margin:8px 0 10px;} .manual-complete-intro p{max-width:78ch;margin:0;color:var(--muted);line-height:1.65;} .manual-complete-stat{flex:0 0 150px;display:grid;place-items:center;text-align:center;min-height:120px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 14%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line));} .manual-complete-stat strong{font-size:38px;color:var(--blue);line-height:1;}.manual-complete-stat span{max-width:12ch;font-size:12px;font-weight:800;color:var(--muted);} .manual-area-filters{display:flex;flex-wrap:wrap;gap:9px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);} .manual-area-filter{display:flex;align-items:center;gap:8px;min-height:39px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:800;cursor:pointer;} .manual-area-filter span{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:var(--soft);font-size:10px;} .manual-area-filter.active{border-color:var(--blue);background:var(--blue);color:#fff;}.manual-area-filter.active span{background:rgba(255,255,255,.2);} .manual-complete-category{display:grid;gap:14px;} .manual-complete-category-head{display:flex;align-items:center;gap:13px;padding:0 4px;}.manual-complete-category-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--blue) 12%,var(--surface));color:var(--blue);font-size:20px;font-weight:900;}.manual-complete-category-head h2{margin:0;}.manual-complete-category-head p{margin:3px 0 0;color:var(--muted);font-size:12px;} .manual-complete-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start;} .manual-protocol-card{border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--sh);overflow:hidden;} .manual-protocol-card summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:124px;padding:20px 22px;cursor:pointer;list-style:none;}.manual-protocol-card summary::-webkit-details-marker{display:none;}.manual-protocol-card summary>div{min-width:0;}.manual-protocol-card summary small{display:flex;flex-wrap:wrap;gap:5px;}.manual-protocol-card summary small span{padding:4px 7px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;}.manual-protocol-card summary h3{margin:10px 0 5px;color:var(--navy);text-transform:none;}.manual-protocol-card summary p{margin:0;color:var(--muted);font-size:12px;}.manual-protocol-card summary>span{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--soft);color:var(--blue);font-size:20px;transition:.18s;}.manual-protocol-card[open] summary>span{transform:rotate(45deg);} .manual-protocol-body{padding:0 22px 22px;border-top:1px solid var(--line);}.manual-variants{margin:18px 0 0;padding:13px 15px;border-radius:12px;background:var(--soft);}.manual-variants b{font-size:12px;color:var(--navy);}.manual-variants ul{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;}.manual-variants li{padding:5px 8px;border-radius:8px;background:var(--surface);border:1px solid var(--line);font-size:11px;} .manual-protocol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;}.manual-protocol-grid article{padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,var(--blue) 4%);}.manual-protocol-grid b{display:block;margin-bottom:6px;color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.05em;}.manual-protocol-grid p{margin:0;color:var(--text);font-size:13px;line-height:1.55;} @media(max-width:820px){.manual-complete-list,.manual-protocol-grid{grid-template-columns:1fr}.manual-complete-intro{align-items:flex-start;flex-direction:column}.manual-complete-stat{width:100%;min-height:92px}.manual-protocol-card summary{min-height:0}.manual-area-filters{overflow-x:auto;flex-wrap:nowrap}.manual-area-filter{flex:0 0 auto}} .info-page-grid p,.how-page p,.program-main .pg-empty>p,.program-main .pg-empty-steps span,.program-simple-section p,.program-result-mode p,.manual-complete-page p,.track-page .card>p{font-size:var(--user-body-size)!important;} main h3{font-family:var(--user-font-subheading,var(--font-display))!important;} main h1{font-size:clamp(30px,4.8vw,var(--user-heading-size))!important;} .work-demand-guide{ margin-top:16px; padding:30px; border:1px solid #dce5ed; border-radius:24px; background:#fff; box-shadow:0 18px 48px rgba(7,17,31,.08); } .work-demand-guide-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:32px;align-items:end} .work-demand-guide-head .eyebrow{color:#c85108} .work-demand-guide-head h2{max-width:24ch;margin:8px 0 0;color:#0b182b;line-height:1.08} .work-demand-guide-head>p{margin:0;color:#607086;line-height:1.65} .work-occupation-finder{ display:grid; grid-template-columns:minmax(240px,1fr) minmax(260px,1.2fr) auto; gap:14px; align-items:end; margin-top:26px; padding:18px; border:1px solid #f1c5a9; border-radius:17px; background:linear-gradient(145deg,#fff9f5,#fff); } .work-occupation-finder label{display:block;margin-bottom:7px;color:#27364a;font-size:12px;font-weight:850} .work-occupation-result{min-height:76px;padding:12px 14px;border:1px solid #eadfd7;border-radius:12px;background:#fff} .work-occupation-result span{display:block;color:#c85108;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase} .work-occupation-result strong{display:block;margin-top:3px;color:#0b182b;font-size:16px} .work-occupation-result p{margin:4px 0 0;color:#607086;line-height:1.45} .work-occupation-open,.work-level-card button{ min-height:46px;padding:0 15px;border:0;border-radius:11px;background:#c85108;color:#fff;font:inherit;font-size:12.5px;font-weight:900;cursor:pointer; } .work-occupation-open:disabled{opacity:.42;cursor:not-allowed} .work-occupation-open:not(:disabled):hover,.work-level-card button:hover{background:#9f3d05} .work-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px} .work-level-card{display:flex;flex-direction:column;min-height:440px;padding:22px;border:1px solid #dde6ee;border-top:5px solid var(--level);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc)} .work-level-card-head{display:flex;gap:13px;align-items:center} .work-level-card-head>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--level) 14%,white);color:var(--level);font-size:20px;font-weight:950} .work-level-card-head small{display:block;color:#78879a;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase} .work-level-card h3{margin:3px 0 0;color:#0b182b;line-height:1.1} .work-level-summary{margin:16px 0 0;color:#35485d;font-weight:650;line-height:1.55} .work-level-card dl{display:grid;gap:12px;margin:18px 0 0} .work-level-card dl>div{padding-top:11px;border-top:1px solid #e5eaf0} .work-level-card dt{color:var(--level);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase} .work-level-card dd{margin:5px 0 0;color:#607086;font-size:13px;line-height:1.52} .work-level-module{margin:16px 0 18px;padding:12px;border-radius:11px;background:color-mix(in srgb,var(--level) 8%,white);color:#485b70;line-height:1.5} .work-level-module b{color:var(--level)} .work-level-card button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;background:var(--level)} .work-level-card button:hover{filter:brightness(.88);background:var(--level)} .work-level-rule{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:18px;padding:16px 18px;border-radius:14px;background:#0b182b;color:#fff} .work-level-rule b{white-space:nowrap;color:#ffd4b8} .work-level-rule p{margin:0;color:#dbe5f0;line-height:1.55} .site-text-format{display:grid;grid-template-columns:auto minmax(235px,1.2fr) minmax(170px,1fr) minmax(140px,180px);gap:10px;align-items:end;padding:11px;border:1px solid #dce5ef;border-radius:11px;background:#f7f9fc} .site-text-format .typography-current-setting{min-height:38px;padding:7px 10px;background:#fff} .site-text-format label{display:grid;gap:5px} .site-text-format label>span{color:#607086;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em} .site-text-kind{align-self:center;padding:6px 9px;border-radius:999px;background:#e8eefc;color:#1749c7;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em} .site-text-format .input{min-height:38px} @media(max-width:980px){ .work-demand-guide-head{grid-template-columns:1fr;gap:12px} .work-occupation-finder{grid-template-columns:1fr 1fr} .work-occupation-open{grid-column:1/-1} } @media(max-width:720px){ .work-demand-guide{margin-top:12px;padding:21px 17px;border-radius:18px} .work-level-grid{grid-template-columns:1fr} .work-occupation-finder{grid-template-columns:1fr;padding:14px} .work-occupation-open{grid-column:auto;width:100%} .work-level-card{min-height:0;padding:19px} .work-level-rule{grid-template-columns:1fr;gap:6px} .work-level-rule b{white-space:normal} .site-text-format{grid-template-columns:1fr} .site-text-kind{justify-self:start} } :root{--user-heading-size:34px;} main h1, .football-hero h1, .program-simple-hero h1, .program-result-top h1, .to-page .to-header h1, .access-card h1, .reg-headline, .adm-title{ font-size:var(--user-heading-size,34px) !important; line-height:1.12 !important; letter-spacing:-.02em !important; text-transform:none !important; }  .football-hero h1{ max-width:none !important; } @media (min-width:821px){  .football-hero h1, .program-simple-hero h1, .program-result-top h1, .to-page .to-header h1{ white-space:nowrap !important; text-wrap:nowrap !important; } } @media (max-width:820px){ main h1, .football-hero h1, .program-simple-hero h1, .program-result-top h1, .to-page .to-header h1{ font-size:var(--user-heading-size,34px) !important; white-space:normal !important; text-wrap:balance !important; overflow-wrap:normal !important; } } .wiz-card .proto-toolbar-fields{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;align-items:end!important} .wiz-card .proto-toolbar-fields>.field,.wiz-card .proto-toolbar-fields .input{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important} .wiz-card .proto-toolbar-fields .input{min-height:46px!important;font-size:14px!important} @media (min-width:701px) and (max-width:1199px){ .wiz-card .proto-toolbar-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important} .wiz-card .proto-toolbar-fields>.field:last-child:nth-child(odd){grid-column:1/-1!important} .wiz-track-note{display:grid!important;grid-template-columns:minmax(220px,.8fr) minmax(0,2fr)!important;align-items:start!important} } @media (max-width:700px){ .wiz-card .proto-toolbar-fields{grid-template-columns:minmax(0,1fr)!important} .wiz-card .proto-toolbar-fields>.field{grid-column:auto!important} .wiz-card-body{padding-left:16px!important;padding-right:16px!important} .wiz-actions{align-items:stretch!important;gap:10px!important} .wiz-actions .btn{width:100%!important;min-height:46px!important} .wiz-actions-right{width:100%!important} html:has(.shell[data-page="home"]),html body:has(.shell[data-page="home"]),html body #app:has(.shell[data-page="home"]){height:100svh!important;min-height:0!important;overflow:hidden!important} html body .shell[data-page="home"]{height:100svh!important;min-height:0!important;max-height:100svh!important;overflow:hidden!important;background:#071321!important} html body .shell[data-page="home"] .topbar{position:relative!important;display:block!important;height:56px!important;min-height:56px!important;flex:0 0 56px!important;background:#071321!important;border:0!important;box-shadow:none!important;z-index:80!important} html body .shell[data-page="home"] .topbar-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;height:56px!important;min-height:56px!important;padding:0 14px!important;overflow:visible!important} html body .shell[data-page="home"] .logo-btn{display:flex!important;align-items:center!important;width:174px!important;height:56px!important;flex:0 0 174px!important;padding:0!important} html body .shell[data-page="home"] .logo,html body .shell[data-page="home"] .logo-compact{display:block!important;width:auto!important;height:auto!important;max-width:174px!important;max-height:31px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important} html body .shell[data-page="home"] .nav-burger{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin-left:auto!important;border-radius:14px!important}                     } @media (max-width:700px) and (max-height:680px){    } @media (max-width:700px){          } .shell[data-page="program"] .program-main{ width:100%; max-width:none; margin:0; padding:0 0 64px; background:var(--bg); } .shell[data-page="program"] .program-page-content{width:auto;margin:auto} .shell[data-page="program"] .program-simple-form{ overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:var(--sh); } .shell[data-page="program"] .program-stepper{ margin:0; padding:18px 22px; border-bottom:1px solid var(--line); background:var(--surface); } .shell[data-page="program"] .program-simple-source{ margin:0; padding:18px 22px; border-bottom:1px solid var(--line); background:var(--s2); } .shell[data-page="program"] .program-simple-section{ margin:0 22px; padding:27px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; } .shell[data-page="program"] .program-simple-section:last-of-type{border-bottom:0} .shell[data-page="program"] .program-standard-equipment{ margin:0 22px; padding:15px 0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; } .shell[data-page="program"] .program-simple-submit{ margin:0; padding:20px 22px; border:0; border-top:1px solid var(--line); border-radius:0; background:var(--s2); } .shell[data-page="program"] .program-result-top{ margin:0 0 18px; padding:20px 22px; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:var(--sh); } .shell[data-page="program"] .program-result-top h2{ margin:4px 0 7px; color:var(--navy); font-size:clamp(1.45rem,2.5vw,2rem); line-height:1.12; text-transform:none; } .shell[data-page="program"] .program-result-full>.pg-result{ padding:20px; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:var(--sh); } .shell[data-page="program"] .pg-empty{margin:0} .account-language-card .account-language-setting{ display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:18px; padding:15px 16px; border:1px solid var(--line); border-radius:14px; background:var(--s2); } .account-language-card .account-language-setting strong, .account-language-card .account-language-setting span{display:block} .account-language-card .account-language-setting span{ margin-top:3px; color:var(--muted); font-size:12px; } .account-language-card .language-switch{ flex:0 0 auto; background:var(--surface); box-shadow:inset 0 0 0 1px var(--line); } @media(max-width:720px){ .shell[data-page="program"] .program-stepper{padding:14px} .shell[data-page="program"] .program-simple-source{padding:10px 15px} .shell[data-page="program"] .program-simple-section{margin:0 15px;padding:22px 0} .shell[data-page="program"] .program-standard-equipment{margin:0 15px} .shell[data-page="program"] .program-simple-submit{ position:sticky; bottom:8px; z-index:30; margin:8px; padding:11px; border:1px solid var(--line); border-radius:14px; box-shadow:0 12px 32px rgba(23,50,77,.17); } .shell[data-page="program"] .program-result-top{align-items:stretch;padding:17px} .shell[data-page="program"] .program-result-full>.pg-result{padding:14px;border-radius:16px} .account-language-card .account-language-setting{align-items:flex-start;flex-direction:column} } @media print{  .shell[data-page="program"] .program-page-content{max-width:none;padding:0} .shell[data-page="program"] .program-result-full>.pg-result{border:0;box-shadow:none;padding:0} } :root{ --app-content-max:1180px; --app-page-pad:clamp(16px,3vw,28px); --app-section-gap:22px; --app-card-radius:18px; --app-card-pad:clamp(18px,2.4vw,28px); --app-card-border:#dce4ee; --app-card-shadow:0 12px 34px rgba(17,35,59,.065); --app-control-height:44px; --app-focus-ring:0 0 0 3px rgba(24,85,244,.18); } html{scroll-padding-top:82px} body{overflow-x:clip} img,svg,canvas,video{max-width:100%} main,section,article,aside,div,form,label{min-width:0} input,select,textarea,.input{max-width:100%;width:100%} button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent } :focus-visible{outline:2px solid var(--blue,#1855f4);outline-offset:3px} .input:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--app-focus-ring)!important;border-color:var(--blue,#1855f4)!important} .page, .to-page, .admin-pg, .my-page-body, .program-page-content, .football-hero, .football-profiles, .football-hub .trust-v132{ width:100%; max-width:var(--app-content-max)!important; margin-left:auto!important; margin-right:auto!important; } .page-body, .my-page-body, .shell[data-page="program"] .program-page-content{ padding-left:var(--app-page-pad)!important; padding-right:var(--app-page-pad)!important; }  .football-hero h1, .access-card h1, .reg-left h1, .to-header h1, .admin-pg .adm-title{ font-family:var(--user-font-heading,var(--font-display,"Questrial",Arial,sans-serif))!important; font-size:34px!important; line-height:1.14!important; letter-spacing:-.028em!important; text-transform:none!important; text-wrap:balance; } @media(min-width:821px){ .football-hero h1{white-space:nowrap;max-width:none!important} }   .football-hub{padding-left:var(--app-page-pad)!important;padding-right:var(--app-page-pad)!important} .football-hero{border-radius:24px!important} .football-hero-copy{max-width:none!important} .football-hero-copy>p{max-width:64ch!important} .card, .wiz-card, .pt-card, .rt-wrap, .ip-sidebar, .ip-main, .history-panel, .adm-form-card, .adm-stat, .adm-quick, .admin-edit-panel, .admin-profile-card, .site-text-item, .program-simple-form, .program-result-top, .program-result-full>.pg-result, .trust-v132, .work-demand-guide, .work-level-card, .football-profiles, .football-profile-card, .football-path{ border-radius:var(--app-card-radius)!important; border-color:var(--app-card-border)!important; box-shadow:var(--app-card-shadow)!important; } .page-body>*+*, .football-hub>*+*, .program-page-content>*+*, .my-page-body>*+*{margin-top:var(--app-section-gap)} .football-profiles,.football-hub .trust-v132{margin-top:var(--app-section-gap)!important}     .trust-v132-head{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important} .trust-v132-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .football-paths,.football-profile-grid,.football-manual-list,.manual-complete-list,.manual-protocol-grid,.work-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} .football-path,.football-profile-card,.work-level-card{height:100%} .work-demand-guide-head{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important} .work-occupation-finder{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important} .field{min-width:0} .field>label,.field>span,label.field>span{display:block} .input,input,select,textarea{min-height:var(--app-control-height)} textarea.input,textarea{min-height:96px} .reg-row, .program-simple-grid, .pg-form-grid, .pg-followup-grid, .account-grid, .my-grid, .adm-form-grid, .proto-toolbar-fields{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; } .program-simple-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))!important} .program-simple-quality-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important} .typography-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important} .site-text-format{grid-template-columns:minmax(130px,.55fr) minmax(190px,1fr) minmax(170px,.8fr) minmax(130px,.55fr)!important} .to-page,.admin-pg{padding-left:var(--app-page-pad)!important;padding-right:var(--app-page-pad)!important} .to-header,.admin-pg .adm-header{width:100%} .to-header{padding:20px 22px!important} .to-header h1,.admin-pg .adm-title{font-size:34px!important} .admin-profile-workspace{grid-template-columns:minmax(270px,330px) minmax(0,1fr)!important;gap:18px!important} .ip-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;gap:18px!important} .shell[data-page="program"] .program-page-content{max-width:var(--app-content-max)!important} .shell[data-page="program"] .program-simple-section{margin-left:22px!important;margin-right:22px!important} .program-result-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:22px!important;align-items:center!important} .program-result-top-actions{align-items:center!important} .program-simple-source{grid-template-columns:repeat(3,minmax(0,1fr))!important} .my-page-body,.account-page .page-body{max-width:var(--app-content-max)!important} .my-latest-card,.my-program-card,.my-action-card{height:100%} .btn,.football-profile-card button,.work-level-card button,.work-occupation-open{ min-height:42px; border-radius:11px!important; } .btn.primary{box-shadow:0 8px 20px rgba(24,85,244,.16)} .pt-scroll,.rt-scroll,.table-scroll{max-width:100%;overflow:auto;overscroll-behavior-inline:contain} .pt-table,.rt-table{width:max-content;min-width:100%} @media(max-width:980px){ .football-hero,.trust-v132-head,.work-demand-guide-head,.admin-profile-workspace,.ip-layout, .program-result-top{grid-template-columns:1fr!important}   .program-result-top-actions{justify-content:flex-start!important} } @media(max-width:760px){ :root{--app-page-pad:14px;--app-section-gap:16px;--app-card-radius:16px} html{scroll-padding-top:68px}  .football-hero h1,.access-card h1,.reg-left h1,.to-header h1,.admin-pg .adm-title{ font-size:34px!important;white-space:normal!important;overflow-wrap:anywhere } .football-paths,.football-profile-grid,.football-manual-list,.manual-complete-list, .manual-protocol-grid,.work-level-grid,.trust-v132-grid, .reg-row,.program-simple-grid,.program-simple-grid-three,.pg-form-grid, .pg-followup-grid,.account-grid,.my-grid,.adm-form-grid,.proto-toolbar-fields, .typography-settings-grid,.site-text-format{grid-template-columns:1fr!important} .program-simple-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .work-occupation-finder{grid-template-columns:1fr!important} .shell[data-page="program"] .program-simple-section{margin-left:15px!important;margin-right:15px!important} .program-simple-source{grid-template-columns:1fr!important} .to-header{padding:17px!important} } @media(max-width:480px){ .program-simple-quality-grid{grid-template-columns:1fr!important} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} } .auth-turnstile-error{align-items:center;padding:12px 14px;border:1px solid #efc36d;border-radius:12px;background:#fff8e8;color:#6b4700;font-weight:700;text-align:center} .home-journey .journey{align-items:center;gap:4px} .home-journey .journey-sep{ flex:1 1 22px;max-width:54px;height:2px;align-self:center;border-radius:2px; background:linear-gradient(90deg,color-mix(in srgb,var(--blue,#1855f4) 32%,#d7e0ee),#d9e1ee); position:relative;opacity:.95 } .home-journey .journey-sep::after{ content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px; transform:translateY(-50%) rotate(45deg); border-top:2px solid #c9d5e6;border-right:2px solid #c9d5e6 } .home-journey .journey-step{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease} .home-journey .journey-step.next{opacity:.74} .home-journey .journey-step.next b{background:#eef2f9;color:#5c6b82} .journey-step b{box-shadow:inset 0 0 0 1px rgba(17,35,59,.05)} .journey-step.now b{box-shadow:0 4px 12px rgba(24,85,244,.30)} a.journey-step:hover{ transform:translateY(-2px);border-color:var(--blue,#1855f4)!important; box-shadow:0 10px 24px rgba(24,85,244,.14) }   .football-path,.football-profile-card,.work-level-card,.public-price-card{ transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease } .football-path:hover,.football-profile-card:hover,.work-level-card:hover,.public-price-card:hover{ transform:translateY(-3px); box-shadow:0 18px 40px rgba(17,35,59,.10)!important; border-color:color-mix(in srgb,var(--blue,#1855f4) 22%,var(--app-card-border))!important } .btn.primary,.btn.blue-btn{ background:linear-gradient(180deg,color-mix(in srgb,var(--blue,#1855f4) 90%,#fff) 0%,var(--blue,#1855f4) 100%)!important; border-color:var(--blue,#1855f4)!important;color:#fff!important; box-shadow:0 8px 20px rgba(24,85,244,.20); transition:transform .14s ease,box-shadow .14s ease,filter .14s ease } .btn.primary:hover,.btn.blue-btn:hover{ transform:translateY(-1px);box-shadow:0 12px 26px rgba(24,85,244,.28);filter:saturate(1.04) } .btn.primary:active,.btn.blue-btn:active{ transform:translateY(0);box-shadow:0 5px 14px rgba(24,85,244,.20) } .home-journey-head h2,.trust-v132-head h2,.work-demand-guide-head h2{ letter-spacing:-.02em;text-wrap:balance } .trust-v132,.work-demand-guide{ background-image:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0) 120px) } @media(hover:none){ a.journey-step:hover,.football-path:hover, .football-profile-card:hover,.work-level-card:hover,.public-price-card:hover, .btn.primary:hover,.btn.blue-btn:hover{transform:none} } .football-journey{ padding:26px 30px 24px; border:1px solid var(--app-card-border); border-radius:var(--app-card-radius); background:linear-gradient(180deg,#fff,#fbfcfe 70%,color-mix(in srgb,#14b8a6 4%,#fff)); box-shadow:var(--app-card-shadow) } .football-journey .football-section-head{margin-bottom:16px} .football-journey .journey{align-items:center;gap:4px} .football-journey .journey-sep{ flex:1 1 20px;max-width:48px;height:2px;align-self:center;border-radius:2px;position:relative;opacity:.95; background:linear-gradient(90deg,color-mix(in srgb,#14b8a6 42%,#d7e0ee),#d9e1ee) } .football-journey .journey-sep::after{ content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px; transform:translateY(-50%) rotate(45deg);border-top:2px solid #c9d5e6;border-right:2px solid #c9d5e6 } .football-journey .journey-step{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease} .football-journey .journey-step.next{opacity:.74} .football-journey .journey-step.next b{background:#eef2f9;color:#5c6b82} .football-journey .journey-step.done b{background:rgba(20,184,166,.16);color:#0f8d80} .football-journey .journey-step.now{border-color:#14b8a6!important;box-shadow:0 0 0 3px rgba(20,184,166,.12)} .football-journey .journey-step.now b{background:#14b8a6;color:#fff;box-shadow:0 4px 12px rgba(20,184,166,.30)} a.journey-step[href="#football"]:hover{transform:translateY(-2px);border-color:#14b8a6!important;box-shadow:0 10px 24px rgba(20,184,166,.16)} @media(max-width:760px){.football-journey{padding:22px 18px 20px}} @media(hover:none){a.journey-step[href="#football"]:hover{transform:none}} .track-journey{ padding:26px 30px 24px;border:1px solid var(--app-card-border); border-radius:var(--app-card-radius);box-shadow:var(--app-card-shadow); background:linear-gradient(180deg,#fff,#fbfcfe 70%,color-mix(in srgb,var(--track,#1855f4) 4%,#fff)) } .track-journey-head{max-width:760px;margin-bottom:16px} .track-journey-head h2{margin:6px 0 0;letter-spacing:-.02em;text-wrap:balance} .track-journey-head p{margin:10px 0 0} .track-journey .journey{align-items:center;gap:4px} .track-journey .journey-sep{ flex:1 1 20px;max-width:48px;height:2px;align-self:center;border-radius:2px;position:relative;opacity:.95; background:linear-gradient(90deg,color-mix(in srgb,var(--track,#1855f4) 42%,#d7e0ee),#d9e1ee) } .track-journey .journey-sep::after{ content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px; transform:translateY(-50%) rotate(45deg);border-top:2px solid #c9d5e6;border-right:2px solid #c9d5e6 } .track-journey .journey-step{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease} .track-journey .journey-step.next{opacity:.74} .track-journey .journey-step.next b{background:#eef2f9;color:#5c6b82} .track-journey .journey-step.done b{background:color-mix(in srgb,var(--track,#1855f4) 16%,#fff);color:color-mix(in srgb,var(--track,#1855f4) 78%,#0a1a3a)} .track-journey .journey-step.now{border-color:var(--track,#1855f4)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--track,#1855f4) 12%,transparent)} .track-journey .journey-step.now b{background:var(--track,#1855f4);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--track,#1855f4) 30%,transparent)} .track-journey a.journey-step:hover{transform:translateY(-2px);border-color:var(--track,#1855f4)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--track,#1855f4) 16%,transparent)} @media(max-width:760px){.track-journey{padding:22px 18px 20px}} @media(hover:none){.track-journey a.journey-step:hover{transform:none}} .football-profile-group+.football-profile-group{margin-top:34px} .football-profile-group-head{ display:flex;align-items:center;gap:13px; padding-bottom:13px;border-bottom:1px solid #e4ebf2 } .football-profile-group-head::before{ content:"";flex:none;width:4px;height:22px;border-radius:2px; background:linear-gradient(180deg,#14b8a6,#0e9384) } .football-profile-group-head h3{margin:0;font-size:21px;font-weight:800;color:#0b182b;letter-spacing:-.01em;text-transform:none;line-height:1.1} .football-profile-group-head span{ margin-left:auto;padding:6px 13px;border-radius:999px;white-space:nowrap; border:1px solid #cdeee9;background:#f0fdfa;color:#0e9384; font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase } .football-profile-group .football-profile-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:18px } @media(max-width:760px){ .football-profile-group .football-profile-grid{grid-template-columns:1fr!important} .football-profile-group+.football-profile-group{margin-top:26px} .football-profile-group-head h3{font-size:19px} } .radar-wrap{margin-top:14px} .radar-svg{display:block;width:100%;height:auto;max-width:320px;margin:0 auto;overflow:visible} .radar-grid{fill:none;stroke:rgba(255,255,255,.15);stroke-width:1} .radar-demand{fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.6;stroke-dasharray:4 4;stroke-linejoin:round} .radar-axis{font-family:var(--font-body,inherit);font-size:12px;font-weight:700} .radar-axis-name{fill:#e6edf9} .radar-axis-val{fill:#9db4d8;font-weight:800} .radar-legend{display:flex;justify-content:center;gap:20px;margin-top:10px;font-size:12px;font-weight:700;color:#c4d2e6} .radar-legend-item{display:inline-flex;align-items:center;gap:7px} .radar-swatch{width:13px;height:13px;border-radius:4px;display:inline-block} .radar-swatch-demand{background:transparent;border:1.6px dashed rgba(255,255,255,.6)}  .radar-on-light .radar-grid{stroke:#e5eaf1} .radar-on-light .radar-demand{stroke:#94a3b8} .radar-on-light .radar-axis-name{fill:#0b182b} .radar-on-light .radar-axis-val{fill:#64748b} .radar-on-light .radar-legend{color:#5b6b82} .radar-on-light .radar-swatch-demand{border-color:#94a3b8} .db-list{display:grid;gap:16px} .db-top{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;font-weight:700;color:#e6edf9;margin-bottom:8px;gap:10px} .db-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .db-val{color:#fff;font-weight:800;font-size:15px;white-space:nowrap;flex:none} .db-delta{font-size:11px;font-weight:800;margin-left:8px;font-style:normal} .db-delta.up{color:#4ade80} .db-delta.down{color:#fca5a5} .db-rail{position:relative;height:12px;border-radius:999px;background:rgba(255,255,255,.13)} .db-fill{position:absolute;left:0;top:0;height:100%;border-radius:999px} .db-demand{position:absolute;top:50%;transform:translate(-50%,-50%)} .db-demand i{display:block;width:2px;height:20px;background:#fff;border-radius:2px;box-shadow:0 0 0 2px rgba(11,23,40,.35)} .db-legend{display:flex;justify-content:center;gap:20px;margin-top:18px;font-size:12px;font-weight:700;color:#c4d2e6} .db-legend span{display:inline-flex;align-items:center;gap:7px} .db-sw{width:13px;height:13px;border-radius:4px;display:inline-block} .db-sw-d{width:3px;height:15px;background:#fff;border-radius:2px;display:inline-block}  .db-on-light .db-top{color:#33465e} .db-on-light .db-val{color:#0b182b} .db-on-light .db-rail{background:#e8edf4} .db-on-light .db-demand i{background:#334155;box-shadow:0 0 0 2px #fff} .db-on-light .db-legend{color:#5b6b82} .db-on-light .db-sw-d{background:#334155}  .as-ring{display:flex;flex-direction:column;align-items:center;margin:2px 0 20px} .as-ring svg{width:132px;height:132px;display:block} .as-ring-bg{fill:none;stroke:rgba(255,255,255,.12);stroke-width:9} .as-ring-fg{fill:none;stroke-width:9;stroke-linecap:round} .as-ring-num{fill:#fff;font-size:30px;font-weight:800;text-anchor:middle;font-family:var(--font-body,inherit)} .as-ring-sub{fill:#9db4d8;font-size:9px;font-weight:800;text-anchor:middle;letter-spacing:.14em;font-family:var(--font-body,inherit)} .as-cap{margin-top:9px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9fb0c9} .as-rows{display:grid;gap:14px} .as-row-h{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;color:#dbe6f5;margin-bottom:6px;gap:10px} .as-row-h span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .as-row-h b{color:#fff;font-weight:800;white-space:nowrap;flex:none} .as-row-h em{font-size:11px;font-weight:800;margin-left:7px;font-style:normal} .as-row-h .up{color:#4ade80} .as-row-h .down{color:#fca5a5} .as-rail{position:relative;height:9px;border-radius:999px;background:rgba(255,255,255,.13)} .as-rail span{position:absolute;left:0;top:0;height:100%;border-radius:999px} .as-rail i{position:absolute;top:50%;width:2px;height:15px;background:#fff;border-radius:2px;transform:translate(-50%,-50%);box-shadow:0 0 0 2px rgba(11,23,40,.4)} .as-leg{display:flex;justify-content:center;gap:20px;margin-top:18px;font-size:12px;font-weight:700;color:#c4d2e6} .as-leg span{display:inline-flex;align-items:center;gap:7px} .as-sw{width:13px;height:13px;border-radius:4px;display:inline-block} .as-sw-d{width:3px;height:15px;background:#fff;border-radius:2px;display:inline-block} .as-on-light .as-ring-bg{stroke:#e8edf4} .as-on-light .as-ring-num{fill:#0b182b} .as-on-light .as-ring-sub{fill:#64748b} .as-on-light .as-cap{color:#64748b} .as-on-light .as-row-h{color:#33465e} .as-on-light .as-row-h b{color:#0b182b} .as-on-light .as-rail{background:#e8edf4} .as-on-light .as-rail i{background:#334155;box-shadow:0 0 0 2px #fff} .as-on-light .as-leg{color:#5b6b82} .as-on-light .as-sw-d{background:#334155} :root{ --ux-navy:#08182b; --ux-navy-2:#0d2540; --ux-blue:#2f5de0; --ux-line:#d9e3ef; --ux-soft:#f5f8fc; --ux-shadow:0 14px 40px rgba(17,35,59,.075); --ux-shadow-strong:0 20px 54px rgba(17,35,59,.12); } body{background:linear-gradient(180deg,#f8fafc 0,#f3f6fa 100%)} .topbar{ background:rgba(255,255,255,.96); border-bottom:1px solid rgba(34,65,102,.11)!important; box-shadow:0 8px 24px rgba(15,34,58,.055)!important; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); } .topbar-inner-v103{width:100%;max-width:1380px;margin:0 auto} .topbar-nav-primary .topbar-nav-link{ position:relative; border-radius:10px; color:#53647a; transition:background .15s ease,color .15s ease,box-shadow .15s ease; } .topbar-nav-primary .topbar-nav-link:hover{background:#f1f5fb;color:#172b42} .topbar-nav-primary .topbar-nav-link.active{ background:#eaf0ff; color:#214fd2; box-shadow:inset 0 0 0 1px rgba(47,93,224,.08); } .topbar-menu>summary,.topbar-auth-actions .btn{border-radius:11px!important} .topbar-account>summary{padding-top:7px!important;padding-bottom:7px!important} .card,.wiz-card,.to-header,.my-action-strip,.my-panel,.my-empty-card,.my-settings-strip, .program-simple-form,.pg-empty,.local-data-card{ border-color:var(--ux-line)!important; } .to-header,.my-action-strip,.my-panel,.my-empty-card,.my-settings-strip,.pg-empty{ box-shadow:var(--ux-shadow)!important; } .input,input,select,textarea{ border-color:#cbd8e7!important; background:#fff; } .input:hover,input:hover,select:hover,textarea:hover{border-color:#aebfd3!important} .btn{font-weight:750;letter-spacing:-.005em} .btn.primary{ background:linear-gradient(180deg,#3a69eb 0,#2f5de0 100%)!important; border-color:#2f5de0!important; box-shadow:0 9px 22px rgba(47,93,224,.22)!important; } .btn.primary:hover{box-shadow:0 13px 28px rgba(47,93,224,.29)!important} .eyebrow,.ph-eyebrow{ letter-spacing:.075em!important; font-weight:800!important; } .my-action-strip{ background:linear-gradient(135deg,#fff 0,#f8fbff 62%,#eef4ff 100%)!important; overflow:hidden; } .my-credit b{color:#142944} .my-empty-card{ background: radial-gradient(circle at 92% 5%,rgba(47,93,224,.09),transparent 34%), #fff!important; } .my-panel-head{align-items:flex-start} .my-empty-text{min-height:84px;display:grid;place-items:center;text-align:center;color:#718196} .my-settings-strip{background:#fff} .to-page>.journey{margin-bottom:18px!important} .to-header{ background: radial-gradient(circle at 93% 8%,rgba(47,93,224,.08),transparent 34%), #fff!important; } .to-header .eyebrow{background:#eaf1ff;color:#2454d7;border-color:#c7d8ff} .to-tabs{ border:1px solid var(--ux-line)!important; border-radius:13px!important; background:#f7f9fc!important; padding:4px!important; box-shadow:0 5px 16px rgba(17,35,59,.04); } .to-tab{position:relative;border-radius:9px!important} .to-tab.active{background:#fff!important;box-shadow:0 4px 12px rgba(17,35,59,.08)!important} .wiz-steps{background:linear-gradient(135deg,#0b1e37,#132d4d)!important} .wiz-card-body{background:#fff} .wiz-track-note{ border-color:#c8d8ff!important; background:linear-gradient(135deg,#f7f9ff,#f1f5ff)!important; } .wiz-mixed-note{border-left-width:4px!important} .wiz-optional{background:#f7f9fc!important} .wiz-actions{background:#fbfcfe} .pg-empty{ background: radial-gradient(circle at 92% 4%,rgba(47,93,224,.09),transparent 32%), #fff!important; } .pg-empty>h2{letter-spacing:-.025em} .pg-empty-steps li{border-color:#dde6f0!important} .pg-empty-steps li::marker{color:#2f5de0;font-weight:800} .account-settings-body>.card{ background:linear-gradient(180deg,#fff,#fcfdff)!important; } .typography-settings-grid>article{ border:1px solid var(--ux-line)!important; background:#f8fafc!important; border-radius:15px!important; } .typography-current-setting{background:#fff!important} @media(min-width:901px){    } @media(max-width:900px){ .topbar-inner-v103{min-height:60px!important;padding:0 14px!important} .topbar .logo-compact{height:30px!important;max-width:158px!important} .nav-burger{width:44px;height:44px;border-radius:13px} html body .shell[data-page="home"] .topbar:not(.topbar-solid), html body .shell[data-page="home"] .topbar.topbar-solid{ position:relative!important; height:60px!important; min-height:60px!important; background:rgba(5,17,31,.98)!important; border-bottom:1px solid rgba(255,255,255,.12)!important; box-shadow:none!important; } html body .shell[data-page="home"] .topbar-inner{height:60px!important;min-height:60px!important} html body .shell[data-page="home"] .logo, html body .shell[data-page="home"] .logo-compact{filter:brightness(0) invert(1)!important} html body .shell[data-page="home"] .nav-burger{ background:rgba(255,255,255,.10)!important; border-color:rgba(255,255,255,.30)!important; box-shadow:0 8px 22px rgba(0,0,0,.24)!important; } html body .shell[data-page="home"] .nav-burger span{background:#fff!important} .to-page>.journey, .shell[data-page="program"] .pg-empty>.journey{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:5px!important; overflow:visible!important; margin-bottom:16px!important; padding:0!important; } .to-page>.journey .journey-sep, .shell[data-page="program"] .pg-empty>.journey .journey-sep{display:none!important} .to-page>.journey .journey-step, .shell[data-page="program"] .pg-empty>.journey .journey-step{ min-width:0!important; padding:8px 3px!important; flex-direction:column!important; justify-content:center!important; gap:4px!important; text-align:center!important; border-radius:10px!important; } .to-page>.journey .journey-step b, .shell[data-page="program"] .pg-empty>.journey .journey-step b{width:24px!important;height:24px!important} .to-page>.journey .journey-step strong, .shell[data-page="program"] .pg-empty>.journey .journey-step strong{ display:block!important; font-size:10.5px!important; line-height:1.12!important; white-space:normal!important; } .to-page>.journey .journey-step small, .shell[data-page="program"] .pg-empty>.journey .journey-step small{display:none!important} .to-tabs{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; width:100%!important; overflow:visible!important; gap:3px!important; } .to-tab{ min-width:0!important; padding:9px 4px!important; justify-content:center!important; gap:4px!important; } .to-tab>span:not(.to-badge){ min-width:0; font-size:10.5px!important; line-height:1.12!important; white-space:normal!important; text-align:center; } .to-tab svg{width:15px!important;height:15px!important;flex:0 0 15px!important} .to-badge{position:absolute;top:2px;right:2px;transform:scale(.88)} .wiz-steps{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; overflow:visible!important; padding:12px 10px!important; } .wiz-step-line{display:none!important} .wiz-step{ min-width:0!important; flex-direction:column!important; justify-content:center!important; gap:5px!important; padding:5px 2px!important; text-align:center!important; } .wiz-step-label{ font-size:10.5px!important; line-height:1.15!important; white-space:normal!important; } .wiz-step-num{width:28px!important;height:28px!important} .wiz-card-body{padding:14px!important} .wiz-intro{padding:0!important} .wiz-intro h2{font-size:26px!important;line-height:1.08!important} .wiz-track-note{padding:13px!important;gap:7px!important} .wiz-track-note span{font-size:12.5px!important;line-height:1.5!important} .wiz-mixed-note{font-size:12.5px!important;line-height:1.5!important} .wiz-actions{padding:13px 14px!important} .my-page-body,.account-settings-body{padding-top:20px!important;padding-bottom:42px!important} .my-action-strip{padding:18px!important} .my-strip-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important} .my-strip-actions .btn{width:100%} .my-empty-card,.my-panel,.my-settings-strip{padding:20px!important} } @media(max-width:700px){ html:has(.shell[data-page="home"]), html body:has(.shell[data-page="home"]), html body #app:has(.shell[data-page="home"]){height:100svh!important;overflow:hidden!important} html body .shell[data-page="home"]{height:100svh!important;max-height:100svh!important;overflow:hidden!important}                 .to-page{padding-top:20px!important} .to-header{padding:17px!important;border-radius:16px!important} .to-header h1{font-size:34px!important} .to-header-right{width:100%} .to-header-right>.btn,.to-header-right>button{width:100%} .pg-empty{padding:20px!important} .pg-empty>h2{font-size:29px!important;line-height:1.08!important} .pg-empty>p{font-size:15px!important;line-height:1.65!important} .pg-empty-steps li{padding:16px 0!important} .pg-empty-actions{display:grid!important;grid-template-columns:1fr!important} .pg-empty-actions .btn{width:100%} .my-strip-actions{grid-template-columns:1fr!important} .my-empty-card h2,.my-panel h2{font-size:27px!important} .my-history-tools{align-items:stretch!important} .my-purge{display:grid!important;grid-template-columns:1fr auto auto!important;width:100%!important} .my-purge>span{grid-column:1/-1} } @media(max-width:430px){ .topbar .logo-compact{max-width:145px!important;height:28px!important} .to-tab>span:not(.to-badge){font-size:9.8px!important} .wiz-step-label{font-size:9.8px!important} .my-purge{grid-template-columns:1fr 1fr!important} .my-purge>span{grid-column:1/-1} .my-purge .btn{width:100%} } @media(max-height:700px) and (max-width:700px){     } @media(prefers-reduced-motion:reduce){ .topbar-nav-link,.btn{transition:none!important} } :root{ --user-font-heading:"Questrial",Arial,sans-serif; --user-font-section:"DM Sans",Arial,sans-serif; --user-font-subheading:"DM Sans",Arial,sans-serif; --user-font-body:"DM Sans",Arial,sans-serif; --user-font-ui:"DM Sans",Arial,sans-serif; --user-heading-size:34px; --user-section-size:28px; --user-subheading-size:20px; --user-body-size:16px; --user-ui-size:14px; } html,body{font-family:var(--user-font-body)!important} main h1,.track-hero h1, .football-hero h1,.program-simple-hero h1,.program-result-top h1,.to-page .to-header h1, .access-card h1,.reg-headline,.adm-title{ font-family:var(--user-font-heading)!important; font-size:var(--user-heading-size)!important; } main h2,.adm-section-hdr h2,.site-text-admin h2{ font-family:var(--user-font-section)!important; font-size:var(--user-section-size)!important; } main h3,main h4,.card-title,.panel-title{ font-family:var(--user-font-subheading)!important; font-size:var(--user-subheading-size)!important; } main p,main li,main dd, .info-page-grid p,.how-page p,.program-simple-section p,.program-result-mode p, .manual-complete-page p,.track-page .card>p,.my-empty-text{ font-family:var(--user-font-body)!important; font-size:var(--user-body-size)!important; } button,input,select,textarea,.btn,.input,.topbar,.menu,.mobile-menu,.nav,.tabs, .adm-tabs,.field,.field label,summary,table,th,td,.entry-actions a,.entry-flow{ font-family:var(--user-font-ui)!important; } .btn,.input,input,select,textarea,.entry-actions a, .topbar a,.menu a,.mobile-menu a,.adm-tab,.tab,.tabs button, .field>label,.field label,.typography-controls label>span{ font-size:var(--user-ui-size)!important; } th,.eyebrow,.ph-eyebrow,.entry-eyebrow,.pill,.badge,.chip,.tag, .typography-card-caption,.typography-current-setting span,.site-text-kind{ font-family:var(--user-font-ui)!important; font-size:max(10px,calc(var(--user-ui-size) * .78))!important; } small,.help-text,.field small,.muted-note{ font-family:var(--user-font-ui)!important; }  .entry-actions a{font-weight:800} .entry-note{font-family:var(--user-font-ui)!important;font-size:max(11px,calc(var(--user-ui-size) * .86))!important} .account-settings-body{max-width:1180px!important} .typography-master-control{ display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:22px;align-items:end; margin:20px 0 18px;padding:20px;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line)); border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 9%,var(--surface)),var(--surface)); } .typography-master-control>div{display:grid;gap:5px} .typography-master-control strong{color:var(--navy);font-size:16px} .typography-master-control>div span{max-width:78ch;color:var(--muted);font-size:13px;line-height:1.5} .typography-master-control label{display:grid;gap:7px} .typography-master-control label>span{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase} .typography-settings-grid{ display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:14px!important; } .typography-settings-grid article{position:relative;align-content:start;min-width:0} .typography-settings-grid.is-compact{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important} .typography-settings-grid.is-compact article{padding:15px} .typography-card-caption{display:block;margin-top:-3px;color:var(--muted);font-weight:800;line-height:1.35} .typography-preview-section{font-family:var(--user-font-section)!important;font-size:min(var(--user-section-size),34px)!important;line-height:1.08} .typography-preview-subheading{font-family:var(--user-font-subheading)!important;font-size:min(var(--user-subheading-size),28px)!important;line-height:1.14} .typography-preview-ui{font-family:var(--user-font-ui)!important;font-size:var(--user-ui-size)!important;font-weight:800;color:var(--blue)} .typography-preview-heading{font-family:var(--user-font-heading)!important} .typography-preview-body{font-family:var(--user-font-body)!important;font-size:var(--user-body-size)!important} .site-text-global-typography{display:grid;gap:4px} .site-text-global-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px} .site-text-global-head h2{margin:7px 0 7px} .site-text-global-head p{max-width:80ch;margin:0;color:var(--muted);line-height:1.55} .site-text-global-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px} .typography-publish-note{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--soft);color:var(--muted);font-size:12px;line-height:1.45} .typography-publish-note strong{color:var(--blue)} @media(max-width:900px){ .typography-master-control{grid-template-columns:1fr} .site-text-global-head{display:grid} .site-text-global-actions{justify-content:flex-start} } @media(max-width:520px){ .typography-master-control{padding:16px} .typography-settings-grid,.typography-settings-grid.is-compact{grid-template-columns:1fr!important} .typography-publish-note{display:grid;gap:4px} } @media(max-width:820px){ main h1,.track-hero h1, .football-hero h1,.program-simple-hero h1,.program-result-top h1,.to-page .to-header h1, .access-card h1,.reg-headline,.adm-title{ font-size:min(var(--user-heading-size),12vw)!important; } main h2,.adm-section-hdr h2,.site-text-admin h2{ font-size:min(var(--user-section-size),9vw)!important; } } html[data-user-typography] .shell main h1{ font-family:var(--user-font-heading)!important; font-size:var(--user-heading-size)!important; } html[data-user-typography] .shell main h2{ font-family:var(--user-font-section)!important; font-size:var(--user-section-size)!important; } html[data-user-typography] .shell main h3, html[data-user-typography] .shell main h4, html[data-user-typography] .typography-preview-subheading{ font-family:var(--user-font-subheading)!important; font-size:var(--user-subheading-size)!important; } html[data-user-typography] .shell main p, html[data-user-typography] .shell main li, html[data-user-typography] .shell main dd, html[data-user-typography] .typography-preview-body{ font-family:var(--user-font-body)!important; font-size:var(--user-body-size)!important; } html[data-user-typography] .shell .btn, html[data-user-typography] .shell .input, html[data-user-typography] .shell input, html[data-user-typography] .shell select, html[data-user-typography] .shell textarea, html[data-user-typography] .shell .topbar a, html[data-user-typography] .shell .menu a, html[data-user-typography] .shell .mobile-menu a, html[data-user-typography] .shell .adm-tab, html[data-user-typography] .entry-actions a{ font-family:var(--user-font-ui)!important; font-size:var(--user-ui-size)!important; } @media(max-width:820px){ html[data-user-typography] .shell main h1{font-size:min(var(--user-heading-size),12vw)!important} html[data-user-typography] .shell main h2{font-size:min(var(--user-section-size),9vw)!important} } @media(min-width:900px){ .account-typography-card .typography-settings-grid:not(.is-compact){grid-template-columns:repeat(6,minmax(0,1fr))!important} .account-typography-card .typography-settings-grid:not(.is-compact)>article:nth-child(-n/**/+3){grid-column:span 2} .account-typography-card .typography-settings-grid:not(.is-compact)>article:nth-child(n/**/+4){grid-column:span 3} } label,legend,option,.footer-copy,.recovery-note,.my-count,.adm-cnt{ font-family:var(--user-font-ui)!important; } label,legend,table td,table th,.footer-copy{ font-size:var(--user-ui-size)!important; } small,.entry-note span,.my-user-meta,.adm-user-meta{ font-family:var(--user-font-ui)!important; font-size:max(10px,calc(var(--user-ui-size) * .82))!important; } .how-steps strong,.adm-quick h3,.my-panel-head h3, .wiz-track-title,.program-card-title,.manual-card-title{ font-family:var(--user-font-subheading)!important; font-size:clamp(13px,calc(var(--user-subheading-size) * .78),22px)!important; } .entry-card>p,.entry-card li, .footer-copy,.recovery-note{ font-family:var(--user-font-body)!important; }   .typography-source-status{ flex:1 1 280px; min-width:220px; padding:9px 11px; border-radius:10px; background:var(--soft); line-height:1.45; } @media(max-width:820px){ main h3,main h4,.card-title,.panel-title{ font-size:min(var(--user-subheading-size),7.4vw)!important; } main p,main li,main dd{ font-size:min(var(--user-body-size),5.5vw)!important; } button,.btn,.input,input,select,textarea,label,legend,table td,table th, .topbar a,.menu a,.mobile-menu a,.adm-tab,.tab,.tabs button,.entry-actions a{ font-size:min(var(--user-ui-size),4.35vw)!important; } }                 @media (min-width: 701px) and (max-width: 1199px) {            } @media (max-width: 700px) { html, body { overflow-y: auto !important; }                 } @media (max-width:700px) {        } @media (max-width:700px) { .shell[data-page="home"] { display:flex !important; flex-direction:column !important; } .shell[data-page="home"] .topbar { position:relative !important; top:auto !important; flex:0 0 64px !important; height:64px !important; min-height:64px !important; z-index:100 !important; } .shell[data-page="home"] .topbar-inner, .shell[data-page="home"] .topbar-inner-v103 { height:64px !important; min-height:64px !important; padding:0 16px !important; align-items:center !important; } .shell[data-page="home"] .logo-btn, .shell[data-page="home"] .logo-btn-compact { width:148px !important; height:64px !important; flex:0 0 148px !important; display:flex !important; align-items:center !important; padding:0 !important; } .shell[data-page="home"] .logo, .shell[data-page="home"] .logo-compact { width:auto !important; height:auto !important; max-width:148px !important; max-height:26px !important; object-fit:contain !important; } .shell[data-page="home"] .nav-burger { width:42px !important; height:42px !important; min-width:42px !important; min-height:42px !important; border-radius:13px !important; }    } @media (max-width:700px){  } :root{ --ui-radius-sm:10px; --ui-radius-md:16px; --ui-radius-lg:22px; --ui-shadow-soft:0 10px 28px rgba(15,23,42,.08); --ui-shadow-card:0 18px 44px rgba(15,23,42,.11); --ui-space-1:6px; --ui-space-2:10px; --ui-space-3:16px; --ui-space-4:24px; }         .result-overview{margin:18px 0 22px;padding:22px;border:1px solid #dce5ef;border-radius:var(--ui-radius-lg);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--ui-shadow-soft)} .result-overview-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:24px;align-items:end;margin-bottom:16px} .result-overview-head h2{margin:5px 0 0;font-size:23px;color:#112139}.result-overview-head p{margin:0;color:#607087;line-height:1.55;font-size:13.5px} .result-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px} .result-overview-more{display:block;margin-top:12px;color:#65758b} .result-meaning{display:grid;grid-template-columns:82px minmax(0,1fr);gap:16px;align-items:center;padding:18px;border:1px solid #dce5ef;border-left:5px solid #7b8ba1;border-radius:var(--ui-radius-md);background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.06)} .result-meaning.compact{grid-template-columns:66px minmax(0,1fr);padding:14px;gap:12px} .result-meaning-score{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:68px;border-radius:14px;background:#f2f6fb}.result-meaning-score b{font-size:27px;line-height:1;color:#12233c}.result-meaning-score span{margin-top:4px;color:#75849a;font-size:9px;font-weight:800;text-transform:uppercase} .result-meaning-copy small{display:block;color:#718096;font-weight:800}.result-meaning-copy h3{margin:3px 0 5px;font-size:16px;color:#15243a}.result-meaning-copy p{margin:0;color:#5e6f85;font-size:12.5px;line-height:1.45} .result-meaning-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.result-meaning-actions span{padding:5px 8px;border-radius:999px;background:#f2f5f9;color:#40536c;font-size:10px;font-weight:800} .result-meaning.excellent{border-left-color:#139b66}.result-meaning.good{border-left-color:#2f67df}.result-meaning.focus{border-left-color:#d58b13}.result-meaning.priority{border-left-color:#c43e3e} .ip-main>.result-meaning{margin:14px 0 18px} .to-page .pt-card,.program-main .pg-guide-card,.program-main .pg-result,.ip-main,.next-step,.pg-empty{border-radius:var(--ui-radius-lg)!important;box-shadow:var(--ui-shadow-card)} .to-page .btn,.program-main .btn,.ip-main .btn{min-height:38px;border-radius:var(--ui-radius-sm);font-weight:800} .to-page .btn.primary,.program-main .btn.primary,.ip-main .btn.primary{box-shadow:0 8px 18px rgba(47,103,223,.18)} .to-empty,.my-empty-card{border-radius:var(--ui-radius-lg);border:1px dashed #bdcad9;background:#f8fbff} .to-tabs{border-radius:14px;overflow:hidden}.to-tab{min-height:48px} .pt-card-head,.ip-header,.pg-result-head{border-bottom-color:#e3eaf2!important} .input,select.input,textarea.input{border-radius:var(--ui-radius-sm);min-height:40px} .input:focus,select.input:focus,textarea.input:focus{outline:3px solid rgba(47,103,223,.14);border-color:#6292ed} @media(max-width:900px){  .result-overview-head{grid-template-columns:1fr;gap:8px}.result-overview{padding:16px}.result-overview-grid{grid-template-columns:1fr} } @media(max-width:600px){  .result-meaning{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px}.result-meaning-score{min-height:58px}.result-meaning-score b{font-size:23px}.result-meaning-copy p{font-size:11.5px} } @media (min-width:701px){       } @media (min-width:701px) and (max-width:1050px){      }                              @media(max-width:700px){  } .sr-only{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } .how-page{ --how-card-radius:24px; --how-card-padding:28px; --how-grid-gap:18px; --how-title-size:clamp(1.75rem,2.15vw,2.25rem); --how-body-size:clamp(.98rem,1.05vw,1.08rem); display:grid; gap:var(--how-grid-gap) !important; } .how-page > .card, .how-page .how-split > .card{ border-radius:var(--how-card-radius) !important; border:1px solid #dbe4ef !important; box-shadow:0 10px 28px rgba(17,35,58,.07) !important; background:#fff !important; }  .how-program-card{ padding:var(--how-card-padding) !important; }  .how-program-card > h2{ margin:8px 0 10px !important; font-size:var(--how-title-size) !important; line-height:1.15 !important; letter-spacing:-.025em !important; text-wrap:balance; hyphens:none !important; overflow-wrap:normal !important; }  .how-program-card .eyebrow, .how-split .eyebrow{ display:inline-flex; align-items:center; min-height:32px; padding:6px 14px !important; border-radius:999px !important; line-height:1 !important; white-space:nowrap; }        .how-program-card{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:0 !important; } .how-program-lead{ max-width:100% !important; margin:0 !important; font-size:var(--how-body-size) !important; line-height:1.55 !important; color:#33445b !important; } .how-program-layout{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; align-items:stretch !important; margin-top:24px !important; } .how-program-feature{ display:grid !important; grid-template-rows:minmax(58px,auto) 1fr !important; align-content:start !important; min-width:0; height:100% !important; padding:22px !important; border:1px solid #dbe4ef !important; border-radius:20px !important; background:#fff !important; box-shadow:none !important; } .how-program-feature h3{ min-height:0 !important; margin:0 0 10px !important; font-size:clamp(1.08rem,1.22vw,1.28rem) !important; line-height:1.25 !important; letter-spacing:-.012em; color:#102039 !important; hyphens:none !important; overflow-wrap:normal !important; } .how-program-feature p{ margin:0 !important; font-size:var(--how-body-size) !important; line-height:1.55 !important; color:#33445b !important; hyphens:none !important; overflow-wrap:normal !important; } .how-program-actions{ display:flex !important; align-items:center; justify-content:flex-start; margin-top:20px !important; padding:0 !important; } .how-program-actions .btn{ min-height:48px !important; padding:0 20px !important; border-radius:12px !important; font-size:1rem !important; font-weight:700 !important; } .how-split{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:18px !important; align-items:stretch !important; } .how-split > article{ display:grid !important; grid-template-rows:auto minmax(48px,auto) 1fr !important; align-content:start !important; height:100% !important; padding:26px !important; } .how-split h3{ min-height:0 !important; margin:12px 0 8px !important; font-size:clamp(1.12rem,1.25vw,1.3rem) !important; line-height:1.25 !important; color:#102039 !important; } .how-split p{ margin:0 !important; font-size:var(--how-body-size) !important; line-height:1.55 !important; color:#33445b !important; } @media (min-width:761px) and (max-width:1100px){ .how-page{--how-card-padding:24px;--how-grid-gap:16px;}     .how-program-layout{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .how-program-feature:last-child{ grid-column:1 / -1 !important; } } @media (max-width:760px){ .how-page{--how-card-padding:20px;--how-grid-gap:14px;--how-body-size:1rem;}       .how-program-layout, .how-split{ grid-template-columns:1fr !important; } .how-program-feature, .how-split > article{ grid-template-rows:auto !important; } .how-program-feature:last-child{ grid-column:auto !important; } .how-program-actions .btn{ width:100%; } } .org-body{width:min(1180px,calc(100% - 32px));margin:24px auto 64px;display:grid;gap:20px} .org-tabs{display:flex;gap:6px;padding:5px;background:#eef3f9;border:1px solid #dce5f0;border-radius:14px;overflow-x:auto} .org-tab{min-height:42px;padding:9px 16px;border:0;border-radius:10px;background:transparent;color:#526176;font:inherit;font-weight:750;white-space:nowrap;cursor:pointer} .org-tab.active{background:#fff;color:#12233f;box-shadow:0 4px 14px rgba(18,35,63,.08)} .org-dashboard,.org-groups-view,.org-users-view,.org-activity-view{display:grid;gap:20px} .org-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .org-kpis article{min-height:132px;background:#fff;border:1px solid #dce5f0;border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 24px rgba(18,35,63,.05)} .org-kpis span{font-size:13px;font-weight:750;color:#526176}.org-kpis strong{font-size:32px;line-height:1.1;margin-top:7px;color:#12233f}.org-kpis small{margin-top:7px;color:#6d7b90} .org-kpis-compact{grid-template-columns:repeat(3,minmax(0,1fr))} .org-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:20px;align-items:stretch} .org-section{background:#fff;border:1px solid #dce5f0;border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(18,35,63,.05)} .org-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.org-section-head h2{margin:4px 0 0}.org-section-head p{margin:6px 0 0;color:#526176} .org-actions{display:flex;flex-direction:column}.org-actions .org-section-head{margin-bottom:12px}.org-actions>.btn{width:100%;margin-top:9px;justify-content:flex-start} .org-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.org-alert{border:1px solid #dce5f0;border-radius:13px;padding:14px;display:grid;gap:4px}.org-alert strong{color:#12233f}.org-alert span{font-size:13px;color:#526176}.org-alert.good{background:#f0fbf5;border-color:#bde8ce}.org-alert.warn{background:#fff8e8;border-color:#f1d69a}.org-alert.info{background:#f1f6ff;border-color:#c8d9fa} .org-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.org-team-card{background:#f9fbfd;border:1px solid #dce5f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:13px;min-width:0}.org-team-card.active{background:#f5f8ff;border-color:#5f82e6;box-shadow:0 0 0 3px rgba(47,103,223,.10)} .org-team-select{appearance:none;border:0;background:none;text-align:left;padding:0;color:inherit;cursor:pointer}.org-team-select h3{font-size:21px;margin:5px 0 2px}.org-team-select p{margin:0;color:#526176;min-height:1.5em}.org-team-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;border-top:1px solid #dce5f0}.org-team-metrics span{font-size:11px;color:#68778b;min-width:0}.org-team-metrics b{display:block;font-size:15px;color:#12233f;overflow-wrap:anywhere}.org-team-card>.btn{width:100%}.org-team-admin{border-top:1px solid #dce5f0;padding-top:12px;display:grid;gap:10px}.org-team-admin label{font-size:12px;font-weight:750;color:#526176}.org-card-actions{display:flex;gap:8px}.org-card-actions .btn{flex:1} .org-group-detail{border-color:#bfcff3}.org-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.org-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}.org-detail-kpis article{background:#f7f9fc;border:1px solid #e1e8f2;border-radius:12px;padding:13px}.org-detail-kpis span{display:block;font-size:12px;color:#526176}.org-detail-kpis strong{display:block;font-size:20px;margin-top:4px;color:#12233f}.org-group-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.org-group-columns h3{font-size:17px;margin:0 0 10px}.org-session-row,.org-person-chip{padding:11px 0;border-bottom:1px solid #e5ebf3}.org-session-row div,.org-person-chip{display:grid;gap:2px}.org-session-row span,.org-person-chip span{font-size:12px;color:#526176} .org-team-checks{display:flex;flex-wrap:wrap;gap:7px}.org-team-checks label{display:inline-flex;align-items:center;gap:5px;background:#eef3f9;border:1px solid #dce5f0;border-radius:999px;padding:6px 9px;font-size:12px;white-space:nowrap}.org-team-checks input{width:auto;min-height:0}.org-role-matrix td:first-child{min-width:180px} .org-members{width:100%;border-collapse:collapse}.org-members th,.org-members td{text-align:left;padding:12px;border-bottom:1px solid #e2e8f0;vertical-align:top}.org-members th{font-size:12px;color:#526176;background:#f8fafc}.org-members small{display:block;color:#6d7b90;margin-top:2px}.org-recent td:first-child{min-width:220px} .org-inline-form{display:grid;grid-template-columns:2fr 1.5fr 1fr auto;gap:10px;margin-top:16px;align-items:end}.org-invitations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.org-invitations article{display:grid;gap:3px;border:1px solid #dce5f0;border-radius:12px;padding:12px;background:#f8fafc}.org-invitations span{font-size:12px;color:#526176}.org-invitations code{margin-top:5px;padding:7px;border-radius:7px;background:#eef2ff;color:#2948a8;overflow-wrap:anywhere} @media(max-width:980px){.org-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.org-dashboard-grid,.org-group-columns{grid-template-columns:1fr}.org-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-alerts{grid-template-columns:1fr}.org-inline-form{grid-template-columns:1fr 1fr}.org-inline-form .btn{width:100%}.org-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.org-body{width:min(100% - 20px,1180px);margin-top:14px}.org-tabs{border-radius:12px}.org-tab{min-height:40px;padding:8px 13px}.org-kpis,.org-kpis-compact,.org-team-grid,.org-detail-kpis,.org-inline-form,.org-invitations{grid-template-columns:1fr}.org-kpis article{min-height:108px}.org-section{padding:16px;border-radius:15px}.org-section-head{flex-direction:column;align-items:stretch}.org-detail-actions{display:grid;grid-template-columns:1fr}.org-team-metrics{grid-template-columns:repeat(3,1fr)}.org-members th,.org-members td{min-width:145px}.org-actions>.btn{justify-content:center}} .org-participant-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:14px 16px;background:#f7f9fc;border:1px solid #dce5f0;border-radius:13px}.org-participant-toolbar strong{font-size:24px;color:#12233f}.org-participant-toolbar span{color:#607086}.org-team-filter{display:grid;gap:5px;min-width:240px;font-size:12px;font-weight:800;color:#526176}.org-participant-form{grid-template-columns:1.5fr 1.2fr .7fr 1fr auto}.org-participants-table small{display:block;color:#6b7785;margin-top:3px}.org-participant-archived{opacity:.62}.org-row-actions{display:flex;flex-wrap:wrap;gap:6px}.org-participant-toolbar .org-actions{display:flex;flex-wrap:wrap;gap:8px}.org-participants-view .table-wrap{margin-bottom:16px} @media(max-width:980px){.org-participant-form{grid-template-columns:1fr 1fr}.org-participant-form .btn{width:100%}} @media(max-width:680px){.org-participant-toolbar{align-items:stretch;flex-direction:column}.org-participant-toolbar .org-actions{display:grid;grid-template-columns:1fr}.org-team-filter{min-width:0;width:100%}.org-participant-form{grid-template-columns:1fr}.org-row-actions{display:grid;grid-template-columns:1fr}.org-row-actions .btn{width:100%}} .org-sync-status{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:700} .org-participants-table .org-actions-heading{min-width:250px;text-align:left} .org-participants-table td:last-child{min-width:250px} .org-participants-table .org-row-actions{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:8px;align-items:center} .org-participants-table .org-row-actions .btn{width:100%;min-width:0;min-height:36px;padding:7px 10px!important;justify-content:center} .org-sync-status{display:flex;align-items:center;gap:6px;min-height:20px} .org-sync-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.16)} .org-sync-status[data-state="synced"]::before{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16)} .org-sync-status[data-state="local"]::before{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.16)} .org-sync-status[data-state="error"]::before{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.16)} @media(max-width:760px){ .org-participants-table .org-actions-heading,.org-participants-table td:last-child{min-width:210px} .org-participants-table .org-row-actions{grid-template-columns:1fr} } .page.org-page{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 0 64px !important; }       .org-page .org-switcher{ align-self:flex-start !important; } @media(max-width:680px){  } .org-participant-history{margin-top:18px;border:1px solid var(--app-card-border,#dce5f0);border-radius:14px;background:#f8fbff;padding:20px;display:grid;gap:16px} .org-history-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px} .org-history-head h3{margin:5px 0 4px;font-size:24px} .org-history-head p{margin:0;color:var(--muted);max-width:70ch} .org-history-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .org-history-summary span{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;color:var(--muted);font-size:12px} .org-history-summary b{font-size:20px;color:var(--ink);margin-bottom:2px} .org-history-item{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px} .org-history-item>div:first-child{display:grid;gap:2px}.org-history-item small,.org-history-item span{color:var(--muted)} .org-history-score{text-align:center}.org-history-score b{display:block;font-size:24px;color:var(--ink)}.org-history-score span{font-size:11px} .org-history-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .org-history-empty{background:#fff;border:1px dashed var(--line);border-radius:12px;padding:22px;text-align:center} .org-history-empty p{color:var(--muted);margin:0 0 12px} @media(max-width:760px){.org-history-head{flex-direction:column}.org-history-summary{grid-template-columns:1fr}.org-history-item{grid-template-columns:1fr}.org-history-score{text-align:left}.org-history-actions{justify-content:flex-start}.org-history-actions .btn{width:100%}} .org-audit-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,240px);gap:10px;margin:0 0 14px} .org-audit-section .table-wrap{max-height:520px} .org-participant-toolbar .org-actions{flex-wrap:wrap} @media(max-width:760px){.org-audit-filters{grid-template-columns:1fr}.org-participant-toolbar .org-actions .btn{width:100%}} .track-journey, .football-journey{ width:100%; max-width:var(--app-content-max)!important; margin-left:auto!important; margin-right:auto!important; } .org-comparison-view{display:grid;gap:22px} .org-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .org-comparison-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;display:grid;gap:16px;min-width:0} .org-comparison-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .org-comparison-head h3{margin:3px 0 2px} .org-comparison-head p{margin:0;color:var(--muted);font-size:13px} .org-comparison-delta{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap} .org-comparison-delta.positive{background:#e7f6ee;color:#087443} .org-comparison-delta.negative{background:#fff0f0;color:#b42318} .org-comparison-delta.neutral{background:#eef2f7;color:#526176} .org-comparison-score{display:flex;align-items:baseline;gap:8px;padding:14px;border-radius:10px;background:#f5f8fd} .org-comparison-score strong{font-size:32px;line-height:1;color:var(--ink)} .org-comparison-score span{font-size:12px;color:var(--muted);font-weight:700} .org-comparison-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0} .org-comparison-card dl div{border-top:1px solid var(--line);padding-top:8px} .org-comparison-card dt{font-size:11px;font-weight:800;color:var(--muted)} .org-comparison-card dd{margin:2px 0 0;font-weight:800;color:var(--ink)} .org-comparison-card>.btn{width:100%} @media(max-width:900px){.org-comparison-grid{grid-template-columns:1fr 1fr}} @media(max-width:620px){.org-comparison-grid{grid-template-columns:1fr}.org-comparison-head{display:grid}.org-comparison-delta{justify-self:start}} :root{ --premium-ink:#10213d; --premium-muted:#5d6d82; --premium-line:#d9e3ef; --premium-soft:#f6f8fc; --premium-blue:#2458d6; --premium-blue-soft:#eef4ff; --premium-green:#138a57; --premium-red:#c83b35; --premium-amber:#a96708; --premium-shadow:0 10px 30px rgba(19,39,72,.075),0 1px 2px rgba(19,39,72,.04); --premium-shadow-hover:0 16px 42px rgba(19,39,72,.11),0 2px 6px rgba(19,39,72,.05); } .org-body{gap:24px} .org-section, .org-system-admin, .org-participant-history, .org-kpis article, .org-summary article, .org-team-card, .org-invitations article, .org-directory article{ border-color:var(--premium-line)!important; box-shadow:var(--premium-shadow)!important; } .org-section, .org-system-admin{ border-radius:20px!important; padding:26px!important; background:linear-gradient(180deg,#fff 0%,#fdfefe 100%)!important; } .org-section-head{margin-bottom:20px!important} .org-section-head h2{color:var(--premium-ink)!important;line-height:1.18!important} .org-section-head p{max-width:68ch;color:var(--premium-muted)!important;line-height:1.6!important} .org-section-head .eyebrow{margin-bottom:4px} .org-kpis, .org-kpis-compact, .org-summary{gap:16px!important} .org-kpis article, .org-kpis-compact article, .org-summary article{ position:relative; overflow:hidden; min-height:122px; padding:22px!important; border-radius:18px!important; background:linear-gradient(145deg,#fff 0%,#f7faff 100%)!important; } .org-kpis article::before, .org-kpis-compact article::before, .org-summary article::before{ content:""; position:absolute; inset:0 auto 0 0; width:4px; background:linear-gradient(180deg,#2e65e5,#66b9ff); } .org-kpis small, .org-kpis-compact small, .org-summary small{ color:var(--premium-muted)!important; font-size:12px!important; font-weight:800!important; letter-spacing:.035em; text-transform:uppercase; } .org-kpis strong, .org-kpis-compact strong, .org-summary strong{ color:var(--premium-ink)!important; font-size:clamp(28px,3vw,38px)!important; line-height:1!important; margin-top:12px!important; } .org-tabs{ gap:6px!important; padding:6px!important; border:1px solid var(--premium-line)!important; border-radius:15px!important; background:#f2f5fa!important; box-shadow:0 4px 14px rgba(19,39,72,.05)!important; } .org-tab{ min-height:42px!important; padding:9px 15px!important; border-radius:10px!important; color:#506176!important; font-weight:750!important; } .org-tab:hover{background:#fff!important;color:var(--premium-ink)!important} .org-tab.active{ background:#fff!important; color:var(--premium-blue)!important; box-shadow:0 4px 13px rgba(22,47,89,.10)!important; } .org-team-grid{gap:18px!important} .org-team-card{ border-radius:18px!important; padding:20px!important; background:linear-gradient(180deg,#fff 0%,#f8faff 100%)!important; transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease; } .org-team-card:hover{border-color:#b9c9df!important;box-shadow:var(--premium-shadow-hover)!important;transform:translateY(-1px)} .org-team-card.active{ border-color:#5d82e8!important; background:linear-gradient(180deg,#f9fbff 0%,#eef4ff 100%)!important; box-shadow:0 0 0 3px rgba(36,88,214,.10),var(--premium-shadow)!important; } .org-team-select h3{font-size:22px!important;color:var(--premium-ink)!important} .org-team-select p{color:var(--premium-muted)!important;line-height:1.5!important} .org-team-metrics{gap:12px!important;padding-top:15px!important;border-color:var(--premium-line)!important} .org-team-metrics span{font-size:11.5px!important;color:#657387!important} .org-team-metrics b{font-size:17px!important;color:var(--premium-ink)!important;margin-bottom:2px} .org-section .table-wrap, .org-participants-view .table-wrap{ border:1px solid var(--premium-line)!important; border-radius:15px!important; overflow:auto; background:#fff; box-shadow:0 3px 14px rgba(19,39,72,.04); } .org-members th, .org-members td{ padding:14px 15px!important; border-bottom:1px solid #e7edf4!important; vertical-align:middle!important; } .org-members th{ position:sticky; top:0; z-index:1; background:#f5f8fc!important; color:#52647b!important; font-size:11.5px!important; font-weight:850!important; letter-spacing:.045em; text-transform:uppercase; } .org-members tbody tr{transition:background .12s ease} .org-members tbody tr:hover{background:#f8fbff} .org-members tbody tr:last-child td{border-bottom:0!important} .org-members strong{color:var(--premium-ink)} .org-members small{color:#677487!important;line-height:1.45} .org-participant-toolbar{ padding:17px 18px!important; border-radius:15px!important; border-color:var(--premium-line)!important; background:linear-gradient(180deg,#f9fbfe,#f4f7fb)!important; } .org-participant-toolbar strong{font-size:26px!important;color:var(--premium-ink)!important} .org-participant-toolbar span{color:var(--premium-muted)!important} .org-row-actions{gap:7px!important} .org-row-actions .btn{font-weight:750!important} .org-participant-archived{opacity:.7;background:#fafbfc} .org-page .btn{ border-radius:10px!important; min-height:40px!important; padding:9px 14px!important; transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease,background .13s ease!important; } .org-page .btn.primary{ background:linear-gradient(180deg,#3568e8 0%,#2458d6 100%)!important; border-color:#2458d6!important; box-shadow:0 8px 20px rgba(36,88,214,.20)!important; } .org-page .btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 27px rgba(36,88,214,.27)!important} .org-page .btn:not(.primary):not(.danger){background:#fff!important;border-color:#c8d5e5!important;color:#23344e!important} .org-page .btn:not(.primary):not(.danger):hover{background:#f7f9fc!important;border-color:#9fb3cc!important} .org-page .btn.danger{background:#fff7f6!important;border-color:#efc3bf!important;color:#b9342e!important} .org-page .btn.danger:hover{background:#fff0ee!important;border-color:#df918a!important} .org-page .pill, .org-sync-status{ border-radius:999px!important; font-weight:800!important; letter-spacing:.01em; } .org-sync-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #cbd5e1;background:#f1f5f9;color:#42536b} .org-sync-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.14)} .org-sync-status[data-state="synced"]{border-color:#badbc9;background:#effaf4;color:#116b45} .org-sync-status[data-state="synced"]::before{background:#1aa36a;box-shadow:0 0 0 3px rgba(26,163,106,.12)} .org-sync-status[data-state="local"]{border-color:#e7c67e;background:#fdf6e7;color:#8a5a06} .org-sync-status[data-state="local"]::before{background:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.14)} .org-sync-status[data-state="error"]{border-color:#efc3bf;background:#fff3f2;color:#a3261f} .org-sync-status[data-state="error"]::before{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.14)} .org-sync-status[data-state="checking"]{border-color:#cbd5e1;background:#f1f5f9;color:#42536b} .org-sync-status[data-state="checking"]::before{background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.14)} .org-empty, .org-comparison-empty, .org-participant-history-empty{ padding:34px 24px!important; border:1px dashed #bdcadb!important; border-radius:16px!important; background:linear-gradient(180deg,#fbfcfe,#f5f8fc)!important; text-align:center; color:var(--premium-muted)!important; } .org-comparison-grid, .org-compare-grid{gap:18px!important} .org-comparison-card, .org-compare-card{ border:1px solid var(--premium-line)!important; border-radius:18px!important; padding:21px!important; background:linear-gradient(180deg,#fff 0%,#f8faff 100%)!important; box-shadow:var(--premium-shadow)!important; } .org-comparison-card:hover, .org-compare-card:hover{box-shadow:var(--premium-shadow-hover)!important} .org-comparison-card h3, .org-compare-card h3{color:var(--premium-ink)!important;font-size:20px!important} .org-score, .org-comparison-score{color:var(--premium-ink)!important;font-variant-numeric:tabular-nums} .org-delta-positive,.org-positive{color:var(--premium-green)!important;font-weight:850!important} .org-delta-negative,.org-negative{color:var(--premium-red)!important;font-weight:850!important} .org-delta-neutral{color:var(--premium-muted)!important;font-weight:800!important} .org-page .input, .org-page select, .org-page textarea{ border-color:#c8d5e5!important; border-radius:10px!important; background:#fff!important; } .org-page .input:hover, .org-page select:hover, .org-page textarea:hover{border-color:#a9bbd1!important} .org-page .input:focus, .org-page select:focus, .org-page textarea:focus{border-color:var(--premium-blue)!important;box-shadow:0 0 0 4px rgba(36,88,214,.10)!important} @media(max-width:680px){ .org-section,.org-system-admin{padding:18px!important;border-radius:16px!important} .org-kpis article,.org-kpis-compact article,.org-summary article{min-height:104px;padding:18px!important} .org-team-card{padding:17px!important} .org-tabs{padding:5px!important;gap:4px!important} .org-tab{min-height:39px!important;padding:8px 11px!important} .org-members th,.org-members td{padding:12px!important} } .org-participant-toolbar>div:first-child{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap} .org-sync-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px} .org-sync-status{display:inline-flex!important;align-items:center;gap:8px;min-height:34px;padding:7px 11px;border:1px solid #cbd5e1;border-radius:999px;background:#f1f5f9;color:#42536b;font-size:12px;font-weight:700;line-height:1.2} .org-sync-status::before{content:none!important} .org-sync-icon{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:12px;font-weight:900;background:rgba(66,83,107,.12);flex:0 0 auto} .org-sync-status>span:last-child{display:grid;gap:1px} .org-sync-status b{font:inherit;font-weight:800} .org-sync-status em{font-style:normal;font-weight:600;font-size:10.5px;opacity:.82} .org-sync-status[data-state="synced"]{border-color:#badbc9;background:#effaf4;color:#116b45} .org-sync-status[data-state="synced"] .org-sync-icon{background:#d5f3e3;color:#087b4c} .org-sync-status[data-state="local"]{border-color:#e7c67e;background:#fdf6e7;color:#805309} .org-sync-status[data-state="local"] .org-sync-icon{background:#f7e6bd;color:#9a6100} .org-sync-status[data-state="error"]{border-color:#efc3bf;background:#fff3f2;color:#9e2b23} .org-sync-status[data-state="error"] .org-sync-icon{background:#f8d8d5;color:#b42318} .org-sync-status[data-state="checking"] .org-sync-icon{animation:org-sync-spin 1.1s linear infinite} @keyframes org-sync-spin{to{transform:rotate(360deg)}} .org-sync-details{max-width:min(460px,100%);font-size:12px;color:#526176} .org-sync-details summary{cursor:pointer;font-weight:750;text-decoration:underline;text-underline-offset:2px} .org-sync-details code{display:block;margin-top:7px;padding:9px 10px;border:1px solid #dbe4ef;border-radius:8px;background:#f8fafc;color:#334155;white-space:pre-wrap;overflow-wrap:anywhere} .org-sync-actions{display:flex;gap:7px;flex-wrap:wrap} @media(max-width:720px){.org-sync-control{width:100%;align-items:stretch}.org-sync-status{width:100%;border-radius:10px}.org-sync-details{width:100%}.org-sync-actions{width:100%}.org-sync-actions .btn{flex:1 1 140px}} .pricing-admin-panel{grid-column:1/-1} .pricing-admin-help{margin:0 0 18px;max-width:76ch} .pricing-admin-card{gap:15px!important;align-content:start} .pricing-admin-card.featured{background:#101c33!important;color:#fff!important;border-color:#315fe4!important} .pricing-admin-card.featured label,.pricing-admin-card.featured .pricing-admin-preview span{color:#c9d6eb!important} .pricing-admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px} .pricing-admin-fields label{display:grid;gap:6px;font-size:12px;font-weight:800;color:var(--muted)} .pricing-admin-preview{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line)} .pricing-admin-preview strong{font-size:25px!important;line-height:1;color:var(--blue)!important} .pricing-admin-card.featured .pricing-admin-preview strong{color:#fff!important} .pricing-admin-preview span{font-size:13px;color:var(--muted);font-weight:700} .pricing-admin-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px} @media(max-width:700px){.pricing-admin-fields{grid-template-columns:1fr}.pricing-admin-actions{flex-direction:column-reverse}.pricing-admin-actions .btn{width:100%}} .purchase-sandbox-notice{ display:flex; align-items:center; gap:12px; padding:14px 16px; border:1px solid #f2c94c; border-radius:12px; background:#fff8d9; color:#5f4600; box-shadow:0 8px 22px rgba(95,70,0,.08); } .purchase-sandbox-notice strong{font-weight:800;white-space:nowrap} .purchase-sandbox-notice span{font-size:14px;line-height:1.45} .price-buy-button{gap:9px} .price-test-chip{ display:inline-flex; align-items:center; justify-content:center; padding:2px 7px; border-radius:999px; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.28); color:#fff; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; } @media(max-width:720px){ .purchase-sandbox-notice{align-items:flex-start;flex-direction:column;gap:4px} .purchase-sandbox-notice strong{white-space:normal} }                       @media(max-width:900px){} @media(max-width:600px){.home-journey,.mobile-home-story{display:none!important}} .track-context-note{margin-top:14px;padding:17px 20px;border-left:4px solid var(--track);border-radius:14px;background:rgba(255,255,255,.72)}.track-context-note b{display:block;margin-bottom:4px}.track-context-note p{margin:0;color:#475569;line-height:1.55}n@media(max-width:760px){.track-context-story{margin:14px 12px;padding:22px 17px;border-radius:22px}.track-context-story-grid{grid-template-columns:1fr}.track-context-story-head h2{font-size:28px}.track-context-story-head p{font-size:15px}} @media(max-width:1000px){} @media(max-width:640px){.home-journey,.mobile-home-story{display:none!important}}                   @media(max-width:1000px){} @media(max-width:640px){}  .q-blue{background:linear-gradient(135deg,#165fd8,#2f86ed)}.q-violet{background:linear-gradient(135deg,#5d42cf,#815ce9)}.q-green{background:linear-gradient(135deg,#087b6d,#18a982)} .o-blue{--tile:#2e6ee8}.o-indigo{--tile:#4051c9}.o-cyan{--tile:#078eb4}.o-violet{--tile:#8050d8}.o-green{--tile:#16946c}.o-orange{--tile:#d56a24}   @media(max-width:1000px){} @media(max-width:640px){                      } html:has(.shell[data-page="home"]), html body:has(.shell[data-page="home"]), html body #app:has(.shell[data-page="home"]){height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important} html body #app .shell[data-page="home"]{height:auto!important;min-height:100svh!important;max-height:none!important;overflow:visible!important}                              .step-blue>span{background:#2d7ff9}.step-violet>span{background:#7b61ff}.step-green>span{background:#21a56d}        @media(max-width:900px){  } @media(max-width:640px){      }      @media(max-width:640px){} :root{ --app-navy:#0b182b; --app-navy-2:#10243d; --app-text:#12223a; --app-muted:#66758b; --app-border:#dbe4ef; --app-surface:#ffffff; --app-surface-soft:#f5f8fc; --app-blue:#2563eb; --app-violet:#7c3aed; --app-teal:#14b8a6; --app-green:#16a34a; --app-orange:#ea580c; --app-shadow:0 14px 38px rgba(15,35,60,.09); }   .work-demand-guide{ box-shadow:var(--app-shadow); }     .track-journey-head .eyebrow{ color:var(--track)!important; }    .work-demand-guide::before{ content:""; position:absolute; left:0;top:0;right:0;height:4px; background:linear-gradient(90deg,var(--track),color-mix(in srgb,var(--track) 42%,#fff)); }   .track-context-note{ border-left:4px solid var(--track); background:color-mix(in srgb,var(--track) 7%,#fff); }        .work-demand-guide{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--track) 20%,var(--app-border));} .work-level-card{border-top:3px solid color-mix(in srgb,var(--track) 72%,#fff);} .work-level-card button,.work-occupation-open:not(:disabled){background:var(--track)!important;border-color:var(--track)!important;} .football-hub{--football-accent:#14b8a6;} .football-hero, .football-journey, .football-profiles, .football-profile-card{ box-shadow:var(--app-shadow); } .football-hero{border:1px solid rgba(20,184,166,.34);}  .football-journey, .football-profiles{ border-color:color-mix(in srgb,var(--football-accent) 18%,var(--app-border)); } .football-section-head>span, .football-back{color:var(--football-accent)!important;} .football-path{border-color:color-mix(in srgb,var(--football-accent) 20%,var(--app-border));} .football-path:hover,.football-path.active{border-color:var(--football-accent);box-shadow:0 12px 28px rgba(20,184,166,.14);} .football-path-count{color:var(--football-accent)!important;background:rgba(20,184,166,.09)!important;} .football-profile-card{border-top:3px solid rgba(20,184,166,.72);} .football-profile-card button{background:var(--football-accent)!important;border-color:var(--football-accent)!important;}           .football-hub h2{letter-spacing:-.025em;} .football-hub p{max-width:72ch;} .btn,.football-profile-card button,.work-level-card button{ min-height:44px; } @media(max-width:700px){ .football-hero{box-shadow:0 12px 26px rgba(5,20,38,.15);} .football-journey,.football-profiles,.work-demand-guide{border-radius:18px;}      } .shell[data-page="training"]{background:#08111f;min-height:100vh;color:#f8fafc} .shell[data-page="training"]>.topbar,.shell[data-page="training"]>.mobile-nav,.shell[data-page="training"]>.footer{display:none!important} .training-mode{min-height:100vh;background:radial-gradient(circle at 85% -10%,rgba(0,230,170,.18),transparent 34%),linear-gradient(180deg,#0b1324 0%,#08111f 100%);color:#f8fafc;padding:20px max(18px,env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} .training-mode button{font:inherit} .training-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;line-height:1;font-weight:900;letter-spacing:.14em;color:#39e6c0;text-transform:uppercase} .training-kicker:before{content:"";width:7px;height:7px;border-radius:999px;background:#39e6c0;box-shadow:0 0 18px rgba(57,230,192,.7)} .training-back{border:0;background:rgba(255,255,255,.07);color:#dbe5f2;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer} .training-primary{width:100%;min-height:58px;border:0;border-radius:18px;background:linear-gradient(135deg,#25e6b1,#0ed49d);color:#04150f;font-weight:950;letter-spacing:.035em;padding:16px 18px;box-shadow:0 16px 38px rgba(14,212,157,.19);cursor:pointer} .training-primary:disabled{opacity:.42;cursor:not-allowed;box-shadow:none} .training-secondary{min-height:48px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.055);color:#e6edf6;font-weight:850;padding:12px 16px;cursor:pointer} .training-ready .training-hero{max-width:780px;margin:0 auto;padding-top:5vh} .training-ready .training-back{margin-bottom:42px} .training-hero h1{font-size:clamp(34px,8vw,64px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 16px;max-width:760px;color:#fff} .training-hero>p{font-size:16px;line-height:1.65;color:#aebed2;max-width:680px;margin:0 0 24px} .training-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 20px} .training-summary>div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px 10px;text-align:center} .training-summary b{display:block;font-size:28px;line-height:1;color:#fff}.training-summary span{display:block;margin-top:7px;color:#8fa3bc;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em} .training-start{font-size:16px;margin-bottom:22px} .training-list-preview{display:grid;gap:8px;margin-top:6px} .training-list-preview article{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)} .training-list-preview article>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(57,230,192,.1);color:#39e6c0;font-weight:900} .training-list-preview b{display:block;color:#f8fafc;font-size:14px}.training-list-preview small{display:block;color:#8499b2;margin-top:3px;font-size:12px;line-height:1.35}.training-more{color:#8499b2;padding:5px 4px} .training-live{padding-top:max(15px,env(safe-area-inset-top))} .training-live-head{max-width:720px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:9px 14px;align-items:center} .training-live-head>span{justify-self:end;color:#8fa3bc;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em} .training-live-head>b{grid-column:1/-1;color:#cbd7e6;font-size:13px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .training-progress{height:4px;max-width:720px;margin:14px auto 24px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.training-progress i{display:block;height:100%;background:linear-gradient(90deg,#24e6b1,#52f0c9);border-radius:999px;transition:width .25s ease} .training-exercise{max-width:720px;margin:0 auto}.training-stage{display:inline-block;color:#39e6c0;font-weight:900;text-transform:uppercase;letter-spacing:.09em;font-size:11px;margin-bottom:10px}.training-exercise h1{font-size:clamp(36px,9vw,68px);line-height:.98;letter-spacing:-.05em;color:#fff;margin:0 0 22px}.training-dose{display:grid;gap:8px;background:linear-gradient(135deg,rgba(45,230,178,.13),rgba(255,255,255,.045));border:1px solid rgba(57,230,192,.18);border-radius:22px;padding:18px 20px;margin-bottom:18px}.training-dose strong{font-size:clamp(25px,6.5vw,40px);line-height:1.08;color:#fff;letter-spacing:-.025em}.training-dose span{color:#39e6c0;font-weight:900;font-size:14px}.training-exercise>p{color:#afbdd0;font-size:15px;line-height:1.6;margin:0 0 16px}.training-technique{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:3px 0;margin-bottom:24px}.training-technique summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 2px;color:#dbe5f2;font-weight:850;cursor:pointer}.training-technique summary::-webkit-details-marker{display:none}.training-technique summary span{color:#39e6c0;font-size:20px}.training-technique p{margin:0 0 14px;color:#91a4bc;line-height:1.55;font-size:14px} .training-actions{max-width:720px;margin:0 auto;padding-top:8px}.training-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.training-actions .training-primary{font-size:16px;min-height:64px} .training-rest{max-width:720px;margin:22px auto 0;text-align:center;padding:26px 18px;border-radius:26px;background:linear-gradient(180deg,rgba(255,184,77,.11),rgba(255,255,255,.035));border:1px solid rgba(255,184,77,.18)}.training-rest>span{display:block;color:#ffbf5e;font-weight:950;letter-spacing:.14em;font-size:12px}.training-rest>b{display:block;font-variant-numeric:tabular-nums;font-size:clamp(68px,18vw,120px);line-height:1;margin:13px 0;color:#fff;letter-spacing:-.055em}.training-rest button{border:0;background:transparent;color:#c6d2e1;text-decoration:underline;text-underline-offset:4px;padding:12px;font-weight:800;cursor:pointer} .training-finished{display:grid;place-items:center}.training-finish-card{width:min(100%,680px);text-align:center}.training-done{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 22px;border-radius:24px;background:rgba(57,230,192,.12);color:#39e6c0;font-size:34px;font-weight:950;border:1px solid rgba(57,230,192,.2)}.training-finish-card h1{font-size:clamp(34px,8vw,58px);line-height:1.02;letter-spacing:-.04em;color:#fff;margin:12px 0 12px}.training-finish-card>p{color:#a9bad0;margin:0 0 22px}.training-rpe{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 auto 8px}.training-rpe button{aspect-ratio:1;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#eaf1f8;font-size:18px;font-weight:900;cursor:pointer}.training-rpe button.is-selected{background:#39e6c0;color:#05140f;border-color:#39e6c0;box-shadow:0 8px 24px rgba(57,230,192,.22)}.training-rpe-scale{display:flex;justify-content:space-between;color:#7388a2;font-size:11px;font-weight:800;margin-bottom:22px}.training-finish-card .training-secondary{width:100%;margin-top:10px} .training-empty{max-width:620px;margin:12vh auto;text-align:center}.training-empty h1{color:#fff;font-size:40px}.training-empty p{color:#a7b8cc}.training-empty .training-primary{margin-top:18px} .training-launch-btn{background:linear-gradient(135deg,#0ecfa0,#24e6b1)!important;border-color:transparent!important;color:#04140f!important;font-weight:900!important} @media(min-width:740px){.training-mode{padding-top:38px}.training-ready .training-hero{padding-top:7vh}.training-rpe{grid-template-columns:repeat(10,1fr)}.training-summary>div{padding:20px}.training-list-preview{grid-template-columns:1fr 1fr}.training-list-preview .training-more{grid-column:1/-1}} @media(max-width:420px){.training-mode{padding-left:14px;padding-right:14px}.training-ready .training-back{margin-bottom:28px}.training-hero h1{font-size:36px}.training-hero>p{font-size:14px}.training-summary{gap:7px}.training-summary>div{padding:14px 6px}.training-summary b{font-size:23px}.training-summary span{font-size:10px}.training-exercise h1{font-size:38px}.training-dose strong{font-size:26px}.training-actions>div{grid-template-columns:1fr}.training-rest>b{font-size:72px}} .shell[data-page="training"]{background:#0B0F17!important} .training-mode{--tm-bg:#0B0F17;--tm-surface:#192231;--tm-green:#00FF87;--tm-cyan:#00D2FF;--tm-amber:#FFB800;--tm-muted:#91A0B5;background:radial-gradient(circle at 88% -8%,rgba(0,210,255,.14),transparent 30%),radial-gradient(circle at 8% 14%,rgba(0,255,135,.08),transparent 28%),var(--tm-bg)!important;color:#F8FAFC!important;font-family:"DM Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} .training-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:34px}.training-ready .training-back{margin-bottom:0!important}.training-today{display:inline-flex;margin:0 0 9px;color:var(--tm-cyan);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.training-kicker{color:var(--tm-green)!important}.training-kicker:before{background:var(--tm-green)!important;box-shadow:0 0 20px rgba(0,255,135,.52)!important} .training-back{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;color:#E8EEF6!important;min-height:42px} .training-primary{background:var(--tm-green)!important;color:#03140B!important;border-radius:16px!important;box-shadow:0 16px 34px rgba(0,255,135,.14)!important;font-weight:950!important}.training-primary:active{transform:translateY(1px)} .training-secondary{background:var(--tm-surface)!important;border-color:rgba(255,255,255,.09)!important;color:#EEF4FA!important}.training-secondary:disabled{opacity:.35} .training-ready .training-hero{padding-top:3vh}.training-hero h1{font-size:clamp(38px,9vw,68px);font-weight:800;letter-spacing:-.055em}.training-hero>p{color:#A7B4C5;max-width:570px} .training-summary{gap:9px;margin-top:20px}.training-summary>div{background:linear-gradient(180deg,rgba(25,34,49,.96),rgba(19,28,42,.96))!important;border:1px solid rgba(0,210,255,.10)!important;border-radius:16px!important}.training-summary b{font-size:32px!important;font-variant-numeric:tabular-nums;color:#fff!important}.training-summary span{color:#8FA0B7!important}.training-summary>div:first-child b{color:var(--tm-cyan)!important}.training-summary>div:nth-child(2) b{color:var(--tm-green)!important} .training-start{min-height:66px!important;font-size:17px!important;letter-spacing:.06em!important}.training-list-preview article{background:rgba(25,34,49,.72)!important;border-color:rgba(255,255,255,.055)!important}.training-list-preview article>span{background:rgba(0,210,255,.10)!important;color:var(--tm-cyan)!important}.training-list-preview b{font-size:14px}.training-list-preview small{color:#8394AA!important} .training-live-head>span{color:var(--tm-cyan)!important}.training-live-head>b{color:#93A4B8!important}.training-progress{height:5px!important;background:rgba(255,255,255,.07)!important}.training-progress i{background:linear-gradient(90deg,var(--tm-cyan),var(--tm-green))!important} .training-stage{color:var(--tm-cyan)!important}.training-exercise h1{font-weight:850;letter-spacing:-.06em}.training-dose{background:linear-gradient(145deg,#192231,#141D2A)!important;border:1px solid rgba(0,210,255,.20)!important;border-radius:22px!important;padding:18px 20px 17px!important;box-shadow:0 18px 40px rgba(0,0,0,.15)}.training-dose-label{color:#74869D!important;font-size:10px!important;letter-spacing:.15em!important;font-weight:900!important}.training-dose strong{font-size:clamp(30px,7.8vw,48px)!important;font-variant-numeric:tabular-nums;font-weight:900!important}.training-set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:5px}.training-set-row>span{color:var(--tm-green)!important;font-weight:950!important;font-size:13px!important;letter-spacing:.08em}.training-set-dots{display:flex;gap:6px}.training-set-dots i{display:block;width:22px;height:5px;border-radius:999px;background:rgba(255,255,255,.12)}.training-set-dots i.is-current{background:var(--tm-cyan);box-shadow:0 0 12px rgba(0,210,255,.35)}.training-set-dots i.is-done{background:var(--tm-green)} .training-technique{border-color:rgba(255,255,255,.07)!important}.training-technique summary span{color:var(--tm-cyan)!important} .training-actions{position:sticky;bottom:0;z-index:4;padding:12px 0 max(8px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(11,15,23,0),rgba(11,15,23,.92) 22%,#0B0F17 48%)}.training-actions .training-primary{min-height:70px!important;font-size:17px!important}.training-actions>div{gap:8px} .training-rest{background:linear-gradient(180deg,rgba(255,184,0,.12),rgba(25,34,49,.92))!important;border-color:rgba(255,184,0,.28)!important}.training-rest>span{color:var(--tm-amber)!important}.training-rest>b{color:var(--tm-cyan)!important;font-weight:850;font-variant-numeric:tabular-nums;text-shadow:0 0 28px rgba(0,210,255,.12)}.training-rest small{display:block;color:#98A8BB;font-size:12px;margin:-2px 0 8px}.training-rest button{color:#D7E0EA!important} .training-finished{background:radial-gradient(circle at 50% 16%,rgba(0,255,135,.09),transparent 32%),var(--tm-bg)!important}.training-done{background:rgba(0,255,135,.10)!important;color:var(--tm-green)!important;border-color:rgba(0,255,135,.23)!important}.training-finish-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 24px}.training-finish-stats>div{background:var(--tm-surface);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:15px}.training-finish-stats b{display:block;font-size:30px;font-variant-numeric:tabular-nums}.training-finish-stats span{display:block;color:#8293A9;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.08em;margin-top:4px}.training-finish-stats>div:first-child b{color:var(--tm-cyan)}.training-finish-stats>div:last-child b{color:var(--tm-green)} .training-rpe button{background:#192231!important;border-color:rgba(255,255,255,.08)!important}.training-rpe button.is-selected{background:var(--tm-green)!important;border-color:var(--tm-green)!important;color:#06140D!important;box-shadow:0 10px 28px rgba(0,255,135,.18)!important} @media(max-width:420px){.training-mode{padding-left:14px!important;padding-right:14px!important}.training-topline{margin-bottom:25px}.training-ready .training-hero{padding-top:0}.training-hero h1{font-size:40px!important}.training-summary b{font-size:27px!important}.training-summary span{font-size:9px!important}.training-exercise h1{font-size:42px!important;margin-bottom:18px!important}.training-dose strong{font-size:31px!important}.training-set-dots i{width:18px}.training-actions>div{grid-template-columns:1fr 1fr!important}.training-secondary{font-size:12px;padding:10px 8px}.training-rest{margin-top:14px!important}.training-rest>b{font-size:78px!important}} .org-match-next{display:grid;gap:5px;padding:18px 20px;margin:14px 0 18px;border:1px solid rgba(0,210,255,.22);border-radius:18px;background:linear-gradient(135deg,rgba(0,210,255,.08),rgba(0,255,135,.05))}.org-match-next>strong{font-size:24px}.org-match-next>b{color:#00a7cc}.org-match-next small{color:var(--muted)}.org-match-form{display:grid;grid-template-columns:1fr .8fr 1.4fr 1.2fr 1.2fr auto;gap:10px;align-items:end}.org-match-form .field{margin:0}.org-match-list{display:grid;gap:10px}.org-match-row{display:grid;grid-template-columns:115px 1fr auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.org-match-date{display:grid}.org-match-date strong{text-transform:capitalize}.org-match-date span,.org-match-main span{color:var(--muted);font-size:13px}.org-match-main>div{display:flex;gap:8px;align-items:center}.org-match-tag{font-size:11px;font-weight:800;padding:4px 7px;border-radius:999px;background:rgba(255,184,0,.16);color:#9a6600;border:1px solid rgba(255,184,0,.28)}.org-match-tag.active{background:rgba(0,210,255,.13);color:#0086a5;border-color:rgba(0,210,255,.25)} @media(max-width:760px){.org-match-form{grid-template-columns:1fr 1fr}.org-match-form .field:nth-child(n/**/+3){grid-column:1/-1}.org-match-form>.btn{grid-column:1/-1;width:100%}.org-match-row{grid-template-columns:82px 1fr auto;gap:10px;padding:12px}.org-match-next>strong{font-size:21px}} .training-readiness{margin:20px 0 16px;padding:16px;background:linear-gradient(180deg,rgba(25,34,49,.98),rgba(16,23,35,.98));border:1px solid rgba(0,210,255,.13);border-radius:20px;box-shadow:0 16px 42px rgba(0,0,0,.18)} .training-readiness-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.training-readiness-head>div span{display:block;color:var(--tm-cyan,#00D2FF);font-size:10px;font-weight:950;letter-spacing:.14em}.training-readiness-head>div b{display:block;color:#fff;font-size:18px;margin-top:3px}.training-readiness-head>strong{font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.training-readiness-head>strong small{font-size:11px;color:#8fa0b7;margin-left:2px} .readiness-green{color:var(--tm-green,#00FF87)!important}.readiness-amber{color:#FFB800!important}.readiness-coral{color:#FF786C!important} .training-readiness-row{display:grid;grid-template-columns:minmax(108px,.8fr) 1.4fr;align-items:center;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.055)}.training-readiness-row>span{color:#c7d2df;font-size:12px;font-weight:850}.training-readiness-row>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.training-readiness-row button{min-height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.10);background:#101823;color:#9fb0c4;font-weight:900;cursor:pointer}.training-readiness-row button.is-selected{background:rgba(0,210,255,.14);border-color:rgba(0,210,255,.48);color:#fff;box-shadow:0 0 0 1px rgba(0,210,255,.08) inset}.training-readiness-row button.is-inverse.is-selected{background:rgba(255,184,0,.13);border-color:rgba(255,184,0,.44)} .training-readiness-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);border-left:3px solid currentColor}.training-readiness-note b,.training-readiness-note span{display:block}.training-readiness-note b{font-size:12px}.training-readiness-note span{margin-top:2px;color:#9dacbd;font-size:11px;line-height:1.4} @media(max-width:420px){.training-readiness{padding:13px;margin-top:16px}.training-readiness-row{grid-template-columns:92px 1fr;gap:8px}.training-readiness-row button{min-height:36px;padding:0}.training-readiness-head>strong{font-size:27px}} .training-adaptation{margin:14px 0 18px;padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(25,34,49,.98),rgba(14,21,32,.98));border:1px solid rgba(255,184,0,.24);box-shadow:0 16px 42px rgba(0,0,0,.16)} .training-adaptation-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.training-adaptation-head>div span{display:block;color:var(--tm-amber,#FFB800);font-size:10px;font-weight:950;letter-spacing:.14em}.training-adaptation-head>div b{display:block;color:#fff;font-size:17px;margin-top:4px}.training-adaptation-head>strong{color:var(--tm-amber,#FFB800);font-size:32px;font-variant-numeric:tabular-nums}.training-adaptation-head>strong small{font-size:12px;color:#9aa9bb;margin-left:2px} .training-adaptation>p{color:#aebdcd;font-size:12px;line-height:1.5;margin:11px 0}.training-adaptation-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.training-adaptation-tags span{padding:6px 9px;border-radius:999px;background:rgba(0,210,255,.08);border:1px solid rgba(0,210,255,.16);color:#b9d7e2;font-size:10px;font-weight:850} .training-adaptation-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:8px}.training-adaptation-actions .training-primary{min-height:48px!important;font-size:12px!important;padding:11px!important}.training-adaptation-actions .training-secondary{min-height:48px} .training-adaptation-choice{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);color:#dbe7f2;font-size:12px;font-weight:850}.training-adaptation.is-accepted{border-color:rgba(0,255,135,.28)}.training-adaptation.is-accepted .training-adaptation-head>strong,.training-adaptation.is-accepted .training-adaptation-head>div span{color:var(--tm-green,#00FF87)} .training-adaptation-ok{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:rgba(0,255,135,.18);padding:12px 14px}.training-adaptation-ok b{color:var(--tm-green,#00FF87);font-size:12px}.training-adaptation-ok span{color:#91a0b5;font-size:11px;text-align:right} @media(max-width:420px){.training-adaptation{padding:13px}.training-adaptation-head>div b{font-size:15px}.training-adaptation-head>strong{font-size:28px}.training-adaptation-actions{grid-template-columns:1fr}.training-adaptation-ok{display:block}.training-adaptation-ok span{display:block;text-align:left;margin-top:3px}} .training-swap-panel{margin:0 0 18px}.training-swap-panel-head{margin:0 0 10px}.training-swap-panel-head>span{display:block;color:var(--tm-cyan,#00D2FF);font-size:10px;font-weight:950;letter-spacing:.14em}.training-swap-panel-head>b{display:block;color:#fff;font-size:17px;margin-top:4px}.training-swap-panel-head>p{color:#91a0b5;font-size:11px;line-height:1.45;margin:5px 0 0} .training-swap-card{padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(25,34,49,.98),rgba(14,21,32,.98));border:1px solid rgba(0,210,255,.18);margin:9px 0}.training-swap-route{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px}.training-swap-route>span{color:#60758b;font-size:20px;font-weight:900}.training-swap-route small{display:block;color:#71879d;font-size:9px;font-weight:950;letter-spacing:.12em}.training-swap-route strong{display:block;color:#fff;font-size:13px;line-height:1.25;margin-top:3px}.training-swap-route>div:last-child strong{color:var(--tm-green,#00FF87)} .training-swap-meta{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.training-swap-meta span{padding:6px 8px;border-radius:999px;background:rgba(0,210,255,.07);border:1px solid rgba(0,210,255,.14);color:#a9c6d3;font-size:9px;font-weight:800}.training-swap-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:8px}.training-swap-actions .training-primary,.training-swap-actions .training-secondary{min-height:46px!important;font-size:11px!important}.training-swap-choice{padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.04);color:#dbe7f2;font-size:11px;font-weight:850}.training-swap-card.is-accepted{border-color:rgba(0,255,135,.3);box-shadow:0 0 0 1px rgba(0,255,135,.05) inset}.training-swap-card.is-original{opacity:.82} @media(max-width:420px){.training-swap-card{padding:12px}.training-swap-route{grid-template-columns:1fr 18px 1fr;gap:5px}.training-swap-route strong{font-size:12px}.training-swap-actions{grid-template-columns:1fr}.training-swap-panel-head>b{font-size:15px}} .training-adaptation.is-pending,.training-swap-card.is-pending{border-color:rgba(255,184,0,.34);box-shadow:0 0 0 1px rgba(255,184,0,.05) inset}.training-adaptation.is-pending .training-adaptation-head>div span,.training-adaptation.is-pending .training-adaptation-head>strong{color:#FFB800}.training-swap-card.is-pending .training-swap-route>div:last-child strong{color:#FFB800} .org-approval-view{display:grid;gap:16px}.org-approval-count{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:8px 12px;border-radius:999px;background:rgba(255,184,0,.10);border:1px solid rgba(255,184,0,.22);color:#9a6600;font-size:12px;font-weight:900}.org-approval-list{display:grid;gap:12px}.org-approval-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 10px 28px rgba(16,32,53,.05)}.org-approval-card.is-pending{border-color:rgba(255,184,0,.26)}.org-approval-card.is-approved{border-color:rgba(0,170,105,.22)}.org-approval-card.is-rejected{opacity:.8}.org-approval-main{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.org-approval-main>div{min-width:0}.org-approval-type{display:block;color:var(--brand);font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.org-approval-main strong{display:block;margin-top:4px;font-size:17px;color:var(--ink)}.org-approval-main p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.org-approval-status{white-space:nowrap;padding:6px 9px;border-radius:999px;background:rgba(255,184,0,.10);color:#9a6600;font-size:10px;font-weight:900}.is-approved .org-approval-status{background:rgba(0,170,105,.10);color:#08784f}.is-rejected .org-approval-status{background:rgba(255,90,90,.08);color:#a54848}.org-approval-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.org-approval-meta span{padding:5px 8px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:10px}.org-approval-actions{display:flex;gap:8px;margin-top:12px}.org-approval-actions .btn{min-width:110px} @media(max-width:640px){.org-approval-main{display:grid;gap:10px}.org-approval-status{justify-self:start}.org-approval-actions{display:grid;grid-template-columns:1fr 1fr}.org-approval-actions .btn{width:100%;min-width:0}} .coach-dashboard-v1{display:grid;gap:18px}.coach-dashboard-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;padding:24px;border-radius:24px;background:linear-gradient(135deg,#0f2948,#11385d 55%,#0f584d);color:#fff;box-shadow:0 18px 45px rgba(15,41,72,.18)}.coach-dashboard-head .eyebrow{color:#7dd3fc}.coach-dashboard-head h2{font-size:clamp(28px,4vw,44px);margin:5px 0 8px}.coach-dashboard-head p{max-width:760px;color:#d8e8f6;margin:0}.coach-dashboard-head .org-team-filter span{color:#b9d4e9}.coach-dashboard-head .input{background:#fff;color:#10223a;min-width:210px}.coach-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.coach-kpis article{background:#fff;border:1px solid #dbe5f0;border-radius:18px;padding:18px;display:grid;gap:4px;box-shadow:0 8px 24px rgba(18,45,74,.07)}.coach-kpis article>span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#64748b}.coach-kpis strong{font-size:32px;line-height:1;color:#10213a}.coach-kpis small{color:#718096}.coach-kpis .is-good{border-top:4px solid #10b981}.coach-kpis .is-warn{border-top:4px solid #f59e0b}.coach-kpis .is-danger{border-top:4px solid #f87171}.coach-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:16px}.coach-signals{display:grid;gap:10px}.coach-signals article{padding:15px 16px;border:1px solid #dbe5f0;border-left-width:5px;border-radius:15px;background:#f8fbfe;display:grid;gap:5px}.coach-signals article b{color:#14243a}.coach-signals article span{color:#64748b}.coach-signals .is-good{border-left-color:#10b981}.coach-signals .is-warn{border-left-color:#f59e0b}.coach-signals .is-danger{border-left-color:#f87171}.coach-signals .is-info{border-left-color:#38bdf8}.coach-local-score{padding:18px;border-radius:18px;background:linear-gradient(145deg,#111d2c,#173453);color:#fff;margin-bottom:14px}.coach-local-score strong{font-size:38px;display:block}.coach-local-score span{color:#b9d7ea}.coach-local dl{display:grid;gap:8px}.coach-local dl div{display:flex;justify-content:space-between;border-bottom:1px solid #e6edf5;padding:8px 0}.coach-local dt{color:#64748b}.coach-local dd{font-weight:800;margin:0}.coach-data-pending{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff7ed;color:#a16207;font-size:12px;font-weight:800}.coach-roster .org-members small{display:block;color:#718096;margin-top:3px} @media(max-width:900px){.coach-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.coach-dashboard-grid{grid-template-columns:1fr}.coach-dashboard-head{align-items:stretch;flex-direction:column}.coach-dashboard-head .input{width:100%}} @media(max-width:560px){.coach-kpis{grid-template-columns:1fr 1fr}.coach-kpis article{padding:14px}.coach-kpis strong{font-size:27px}.coach-dashboard-head{padding:20px;border-radius:20px}.coach-dashboard-head h2{font-size:30px}.coach-dashboard-v1{gap:14px}} .coach-cloud-status{display:inline-flex;align-items:baseline;gap:.35rem;padding:.28rem .55rem;border-radius:999px;background:rgba(14,165,233,.10);border:1px solid rgba(14,165,233,.22);margin-right:.35rem}.coach-cloud-status b{font-size:.95rem}.coach-cloud-status small{opacity:.72}.coach-cloud-status.is-green{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.25)}.coach-cloud-status.is-amber{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.28)}.coach-cloud-status.is-coral{background:rgba(244,63,94,.10);border-color:rgba(244,63,94,.25)}.coach-cloud-workout{display:block;margin-top:.3rem;opacity:.72} .shell[data-page="program"] .program-training-frames{padding-bottom:28px} .shell[data-page="program"] .program-frame-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:20px; } .shell[data-page="program"] .program-frame-card{ position:relative; display:flex; flex-direction:column; gap:7px; min-width:0; padding:20px; border:1px solid #dce7f5; border-radius:18px; background:linear-gradient(145deg,#ffffff 0%,#f8fbff 100%); box-shadow:0 10px 28px rgba(15,35,65,.07); overflow:hidden; } .shell[data-page="program"] .program-frame-card::before{ content:""; position:absolute; inset:0 auto 0 0; width:4px; border-radius:18px 0 0 18px; background:linear-gradient(180deg,#2d69f0,#32b7db); } .shell[data-page="program"] .program-frame-card--time::before{background:linear-gradient(180deg,#7257f5,#38a9e8)} .shell[data-page="program"] .program-frame-kicker{ color:#3475d8; font-size:11px; font-weight:800; letter-spacing:.12em; } .shell[data-page="program"] .program-frame-card--time .program-frame-kicker{color:#7158dc} .shell[data-page="program"] .program-frame-title{ color:var(--ui-ink,var(--navy)); font-size:1.05rem; font-weight:800; line-height:1.2; } .shell[data-page="program"] .program-frame-help{ min-height:40px; color:var(--ui-muted,#66758b); font-size:13px; line-height:1.45; } .shell[data-page="program"] .program-frame-select{ width:100%; min-height:52px; margin-top:8px; padding:0 44px 0 14px; border:1px solid #bfd2ec; border-radius:12px; background-color:#fff; color:var(--ui-ink,var(--navy)); font-size:1.05rem; font-weight:800; box-shadow:0 4px 12px rgba(31,72,125,.05); } .shell[data-page="program"] .program-frame-select:focus{ outline:3px solid rgba(45,105,240,.14); border-color:#4f83ee; } .shell[data-page="program"] .program-equipment-card{ display:flex; align-items:flex-start; gap:13px; margin-top:16px; padding:16px 18px; border:1px solid #dce8e5; border-radius:16px; background:linear-gradient(135deg,#f5fbfa 0%,#f9fcff 100%); } .shell[data-page="program"] .program-equipment-mark{ display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border-radius:10px; background:#e3f7ef; color:#11976b; font-weight:900; } .shell[data-page="program"] .program-equipment-card>div:last-child{display:flex;flex-direction:column;gap:4px} .shell[data-page="program"] .program-equipment-card b{color:var(--ui-ink,var(--navy));font-size:14px} .shell[data-page="program"] .program-equipment-card span{color:var(--ui-muted,#66758b);font-size:13px;line-height:1.45} @media(max-width:700px){ .shell[data-page="program"] .program-frame-grid{grid-template-columns:1fr;gap:12px;margin-top:16px} .shell[data-page="program"] .program-frame-card{padding:17px 16px} .shell[data-page="program"] .program-frame-help{min-height:0} .shell[data-page="program"] .program-equipment-card{padding:14px 15px} } nnn.training-mode{--tm-touch:56px;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}n.training-mode button,.training-mode summary{touch-action:manipulation}n.training-back,.training-secondary{min-height:var(--tm-touch)}n.training-readiness-row button,.training-rpe button{min-width:46px;min-height:46px}n.training-dose strong,.training-rest>b,.training-summary b,.training-rpe button{font-variant-numeric:tabular-nums}nnn@media(max-width:739px){n .training-mode{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:calc(104px + env(safe-area-inset-bottom));min-height:100dvh}n .training-live{min-height:100dvh;display:flex;flex-direction:column}n .training-live-head{width:100%;position:sticky;top:0;z-index:6;padding:6px 0 10px;background:linear-gradient(180deg,#0B0F17 78%,rgba(11,15,23,0))}n .training-progress{width:100%;margin:6px auto 18px}n .training-exercise{width:100%;flex:1}n .training-exercise h1{font-size:clamp(38px,12vw,54px)!important;max-width:12ch}n .training-dose{padding:18px;border-radius:20px}n .training-dose strong{font-size:clamp(30px,9vw,42px)!important}n .training-set-row{margin-top:8px}n .training-technique{margin-bottom:12px}n .training-actions{position:fixed!important;left:0;right:0;bottom:0;z-index:12;margin:0!important;max-width:none!important;padding:14px max(14px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;background:linear-gradient(180deg,rgba(11,15,23,0),rgba(11,15,23,.96) 24%,#0B0F17 46%)!important}n .training-actions .training-primary{min-height:68px!important;font-size:17px!important;border-radius:18px!important}n .training-actions>div{grid-template-columns:1fr 1fr!important}n .training-actions .training-secondary{min-height:52px;font-size:12px}n .training-rest{position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:12;margin:0!important;max-width:none!important;padding:20px 16px;border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.42)}n .training-rest>b{font-size:clamp(68px,23vw,96px)!important;color:var(--tm-cyan)!important}n .training-ready .training-hero{padding-top:0!important}n .training-start{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));z-index:5;box-shadow:0 18px 46px rgba(0,255,135,.22)!important}n .training-rpe{gap:7px}.training-rpe button{border-radius:14px}n}nnn@media(min-width:740px) and (max-width:1180px){n .training-mode{min-height:100dvh;padding:24px 28px calc(28px + env(safe-area-inset-bottom))}n .training-live{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);grid-template-areas:n "head head"n "progress progress"n "exercise action";gap:0 24px;align-items:start;max-width:1060px;margin:0 auto}n .training-live-head{grid-area:head;width:100%;max-width:none}n .training-progress{grid-area:progress;width:100%;max-width:none;margin-bottom:24px}n .training-exercise{grid-area:exercise;width:100%;max-width:none;margin:0}n .training-actions,.training-rest{grid-area:action;width:100%;max-width:none;margin:0;position:sticky;top:28px}n .training-actions{padding:0;background:none}n .training-actions>div{grid-template-columns:1fr;gap:10px}n .training-actions .training-primary{min-height:76px!important;font-size:18px!important}n .training-secondary{min-height:56px}n .training-rest{padding:30px 18px}.training-rest>b{font-size:88px!important;color:var(--tm-cyan)!important}n .training-exercise h1{font-size:clamp(44px,6vw,64px)}n .training-dose strong{font-size:36px!important}n .training-ready .training-hero{max-width:900px}n .training-readiness,.training-adaptation,.training-swap-panel{max-width:900px}n}nnn@media(min-width:1181px){n .training-mode{padding:32px 40px 48px}n .training-ready .training-hero,.training-finish-card{max-width:860px}n .training-live{max-width:920px;margin:0 auto}n .training-live-head,.training-progress,.training-exercise,.training-actions,.training-rest{max-width:820px}n .training-exercise h1{font-size:56px}n .training-rest>b{font-size:92px}n}n .program-training-launch-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 18px;padding:18px 20px;border:1px solid rgba(14,207,160,.20);border-radius:20px;background:linear-gradient(135deg,rgba(14,207,160,.08),rgba(0,210,255,.05));box-shadow:0 14px 34px rgba(20,72,92,.08)} .program-training-launch-copy{min-width:0}.program-training-launch-kicker{display:block;margin-bottom:5px;color:#0f9f7d;font-size:10px;font-weight:950;letter-spacing:.13em}.program-training-launch-copy h3{margin:0;color:#17324d;font-size:18px;line-height:1.2}.program-training-launch-copy p{margin:6px 0 0;color:#647589;font-size:13px;line-height:1.48;max-width:760px}.training-launch-btn-hero{min-height:54px!important;padding-inline:22px!important;white-space:nowrap;box-shadow:0 12px 28px rgba(14,207,160,.22)!important} @media(max-width:760px){.program-training-launch-card{position:relative;grid-template-columns:1fr;gap:14px;padding:17px;margin:0 0 16px;border-radius:18px;background:linear-gradient(155deg,rgba(14,207,160,.12),rgba(0,210,255,.07));border-color:rgba(14,207,160,.30)}.program-training-launch-copy h3{font-size:19px}.program-training-launch-copy p{font-size:13px;line-height:1.5}.program-training-launch-kicker{font-size:10px}.training-launch-btn-hero{width:100%!important;min-height:62px!important;font-size:16px!important;letter-spacing:.035em}.program-result-top-actions{border-top:1px solid #e7edf3;padding-top:12px}.program-result-top-actions>.btn{min-height:48px}} @media(max-width:420px){.program-training-launch-card{padding:15px}.program-training-launch-copy h3{font-size:18px}.training-launch-btn-hero{min-height:64px!important;font-size:16px!important}} .pg-mesocycle-v2{margin:28px 0;padding:24px;border:1px solid rgba(15,42,68,.12);border-radius:24px;background:linear-gradient(180deg,#f8fbfd 0%,#fff 100%);box-shadow:0 16px 40px rgba(15,42,68,.07)} .pg-meso-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.pg-meso-head h3{margin:5px 0 7px;font-size:24px}.pg-meso-head p{max-width:820px;margin:0;color:#516273;line-height:1.55}.pg-meso-mode{white-space:nowrap;border:1px solid rgba(0,210,255,.35);background:rgba(0,210,255,.08);padding:8px 12px;border-radius:999px;font-weight:800;color:#0b6075} .pg-meso-weeks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pg-meso-week{position:relative;padding:16px;border-radius:18px;background:#fff;border:1px solid #dfe8ef;min-width:0}.pg-meso-week.current{border-color:#00a96e;box-shadow:0 0 0 2px rgba(0,169,110,.1)}.pg-meso-week header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.pg-meso-week header div{display:flex;flex-direction:column;gap:2px}.pg-meso-week header span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7b8a;font-weight:800}.pg-meso-week header b{font-size:17px;color:#102b45}.pg-meso-week header em{font-size:11px;font-style:normal;font-weight:900;background:#eaf8f2;color:#08714d;border-radius:999px;padding:5px 8px}.pg-meso-week>p{min-height:42px;margin:10px 0 12px;color:#45596b;font-size:13px;line-height:1.4} .pg-meso-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 10px}.pg-meso-metrics>span{display:flex;flex-direction:column;padding:8px;border-radius:10px;background:#f2f6f9}.pg-meso-metrics small{font-size:10px;color:#6a7a88}.pg-meso-metrics strong{font-size:14px;color:#102b45}.pg-meso-quality{display:flex;flex-wrap:wrap;gap:5px}.pg-meso-quality>span{font-size:10px;padding:5px 7px;border-radius:999px;background:#eef4f8;color:#405466}.pg-meso-quality b{font-weight:800}.pg-meso-matches{margin-top:10px;padding-top:9px;border-top:1px solid #edf1f4;display:flex;flex-direction:column;gap:4px}.pg-meso-matches>b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#a66b00}.pg-meso-match{font-size:11px;color:#725114}.pg-meso-notes{margin-top:8px;display:grid;gap:4px}.pg-meso-notes small{font-size:10px;line-height:1.35;color:#6c5a39}.pg-mesocycle-v2 footer{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:15px;padding-top:14px;border-top:1px solid #e6edf2}.pg-mesocycle-v2 footer span{font-size:11px;font-weight:700;color:#536575} @media(max-width:980px){.pg-meso-weeks{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:640px){.pg-mesocycle-v2{margin:20px -2px;padding:16px 12px;border-radius:20px}.pg-meso-head{display:block}.pg-meso-head h3{font-size:21px}.pg-meso-mode{display:inline-flex;margin-top:10px}.pg-meso-weeks{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:2px 2px 10px;-webkit-overflow-scrolling:touch}.pg-meso-week{flex:0 0 86%;scroll-snap-align:start;padding:15px}.pg-meso-week>p{min-height:auto}.pg-mesocycle-v2 footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pg-mesocycle-v2 footer span{font-size:10px}} .pg-meso-week-plan{margin-top:12px;border-top:1px solid #e8eef3;padding-top:10px} .pg-meso-week-plan>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:9px 10px;border-radius:11px;background:#f1f7fb;color:#143b58;font-size:12px;font-weight:850;touch-action:manipulation} .pg-meso-week-plan>summary::-webkit-details-marker{display:none}.pg-meso-week-plan>summary:after{content:"+";display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:#fff;color:#1682a4;font-size:16px;box-shadow:0 2px 7px rgba(20,59,88,.08)}.pg-meso-week-plan[open]>summary:after{content:"−"} .pg-meso-week-plan>summary b{margin-left:auto;color:#607586;font-size:11px}.pg-meso-session-list{display:grid;gap:7px;margin-top:9px}.pg-meso-session{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:start;padding:9px;border:1px solid #e6edf2;border-radius:12px;background:#fff}.pg-meso-session-no{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#102b45;color:#fff;font-size:11px;font-weight:900}.pg-meso-session-main{display:grid;gap:2px;min-width:0}.pg-meso-session-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;align-items:center}.pg-meso-session-top>span:first-child{font-size:10px;text-transform:capitalize;color:#6c7c89;font-weight:800}.pg-meso-session-main>b{font-size:12px;line-height:1.3;color:#17334b}.pg-meso-session-main>small{font-size:10px;color:#697b89}.pg-meso-md{padding:3px 6px;border-radius:999px;background:#fff4d7;color:#825800!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important}.pg-meso-caution{margin-top:4px;padding:5px 7px;border-left:3px solid #ffb800;background:#fff9e8;color:#785d12!important;line-height:1.35}.pg-meso-dose-note{margin-top:9px;padding:10px;border-radius:11px;background:#f7fafc;border:1px solid #e6edf2}.pg-meso-dose-note b{display:block;margin-bottom:3px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#4f6577}.pg-meso-dose-note p{margin:0;font-size:10px;line-height:1.4;color:#637584} @media(max-width:640px){.pg-meso-week{flex-basis:92%}.pg-meso-week-plan>summary{min-height:46px;padding:10px 11px;font-size:13px}.pg-meso-session{padding:10px}.pg-meso-session-main>b{font-size:13px}.pg-meso-session-main>small,.pg-meso-dose-note p{font-size:11px}} .pg-meso-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 6px;margin-top:4px}.pg-meso-calendar-head>div{display:grid;gap:2px}.pg-meso-calendar-head b{font-size:12px;color:#17324a}.pg-meso-calendar-head small{font-size:10px;line-height:1.35;color:#657687}.pg-meso-date-tools{display:grid;grid-template-columns:42px minmax(132px,1fr) 42px;gap:7px;align-items:end;margin-top:9px}.pg-meso-date-tools label{display:grid;gap:3px}.pg-meso-date-tools label span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#738292}.pg-meso-date-input{width:100%;min-height:38px;border:1px solid #d8e2e9;border-radius:10px;background:#fff;color:#17324a;padding:6px 9px;font:inherit;font-size:12px}.pg-meso-day-shift{min-height:38px;border:1px solid #cfdae2;border-radius:10px;background:#f7fafc;color:#17324a;font-weight:900;cursor:pointer}.pg-meso-day-shift:hover{background:#edf5f8}.pg-meso-moved{font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:3px 6px;border-radius:999px;background:#e9f6ff;color:#006d94}.pg-meso-md.is-near{background:#fff0d7;color:#8c5600}.pg-meso-session.is-match-near{border-color:#f0c673;background:linear-gradient(180deg,#fffaf0,#fff)} @media(max-width:640px){.pg-meso-calendar-head{align-items:flex-start;padding:10px 8px 4px}.pg-meso-calendar-head .btn{min-height:38px}.pg-meso-date-tools{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}.pg-meso-day-shift,.pg-meso-date-input{min-height:44px}.pg-meso-date-input{font-size:14px}.pg-meso-session-main{min-width:0}} .pg-meso-suggestion{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:10px 11px;border:1px solid #b9dfe8;border-radius:12px;background:linear-gradient(180deg,#f4fcff,#eef9fb)} .pg-meso-suggestion>div{display:grid;gap:2px;min-width:0}.pg-meso-suggestion span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#007e91}.pg-meso-suggestion b{font-size:12px;color:#17324a}.pg-meso-suggestion small{font-size:10px;line-height:1.35;color:#5d7180}.pg-meso-suggestion .btn{flex:0 0 auto;min-height:36px;background:#17324a;color:#fff;border-color:#17324a} @media(max-width:640px){.pg-meso-suggestion{align-items:stretch;flex-direction:column;padding:12px}.pg-meso-suggestion .btn{width:100%;min-height:44px;font-size:13px}} .pg-meso-week-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 2px;padding:12px;border:1px solid rgba(0,169,110,.28);border-radius:14px;background:linear-gradient(135deg,rgba(0,255,135,.07),rgba(0,210,255,.06))}.pg-meso-week-suggestion>div{display:grid;gap:3px;min-width:0}.pg-meso-week-suggestion span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:950;color:#07825d}.pg-meso-week-suggestion b{font-size:13px;color:#17324a}.pg-meso-week-suggestion small{font-size:10px;line-height:1.4;color:#5b7080}.pg-meso-week-suggestion em{font-size:9px;font-style:normal;font-weight:850;color:#087154}.pg-meso-week-suggestion .btn{flex:0 0 auto;min-height:38px;background:#0f7f63;color:#fff;border-color:#0f7f63} @media(max-width:640px){.pg-meso-week-suggestion{align-items:stretch;flex-direction:column;padding:13px;margin-top:12px}.pg-meso-week-suggestion b{font-size:14px}.pg-meso-week-suggestion small{font-size:11px}.pg-meso-week-suggestion .btn{width:100%;min-height:46px;font-size:13px}} .coach-dashboard-v2{display:grid;gap:18px}.coach-kpis-v2{grid-template-columns:repeat(5,minmax(0,1fr))}.coach-kpis .is-neutral{border-top:4px solid #94a3b8}.coach-v2-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.55fr);gap:16px}.coach-week .org-section-head{align-items:flex-start}.coach-mode-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.coach-mode-badge.is-build{background:#dcfce7;color:#166534}.coach-mode-badge.is-match{background:#fef3c7;color:#92400e}.coach-mode-badge.is-congested{background:#fee2e2;color:#991b1b}.coach-week-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.coach-week-grid article{border:1px solid #dce6ef;border-radius:16px;padding:14px;background:#f8fbfe;display:grid;gap:5px}.coach-week-grid span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.coach-week-grid strong{font-size:24px;color:#10213a}.coach-week-grid small{color:#64748b}.coach-week-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.coach-match-mini{display:grid;gap:9px}.coach-match-mini article{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;border-bottom:1px solid #e6edf5;padding:9px 0}.coach-match-mini time{font-weight:900;color:#0f5d72}.coach-match-mini div{display:grid;gap:2px}.coach-match-mini small,.coach-empty,.coach-cloud-workout.is-empty{color:#718096}.coach-cloud-status{display:inline-flex;align-items:baseline;gap:5px;margin-right:7px}.coach-cloud-status b{font-size:16px}.coach-cloud-status.is-green,.coach-cloud-status.is-good{color:#047857}.coach-cloud-status.is-amber,.coach-cloud-status.is-warn{color:#b45309}.coach-cloud-status.is-coral,.coach-cloud-status.is-danger{color:#b91c1c}.coach-cloud-workout{display:block;margin-top:4px;color:#53657a}.coach-upcoming .org-section-head{margin-bottom:3px} @media(max-width:1100px){.coach-kpis-v2{grid-template-columns:repeat(3,minmax(0,1fr))}.coach-week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.coach-v2-main{grid-template-columns:1fr}.coach-kpis-v2{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.coach-kpis-v2{grid-template-columns:1fr 1fr}.coach-week-grid{grid-template-columns:1fr 1fr}.coach-week-grid strong{font-size:21px}.coach-week .org-section-head{gap:10px}.coach-mode-badge{white-space:normal}.coach-week-actions .btn{width:100%}.coach-dashboard-v2 .table-wrap{margin-left:-4px;margin-right:-4px}} nn.coach-mesocycle-cloud{display:grid;gap:12px}.coach-meso-cloud-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.coach-meso-cloud-grid article{border:1px solid #dce6ef;border-radius:15px;padding:13px;background:#f8fbfe;display:grid;gap:7px}.coach-meso-cloud-grid article div{display:grid;gap:2px}.coach-meso-cloud-grid strong{color:#10213a}.coach-meso-cloud-grid small,.coach-meso-cloud-grid span{color:#64748b;font-size:12px}.coach-meso-cloud-grid b{font-size:13px;color:#0f5d72}.org-sync-note{display:inline-flex;align-items:center;border-radius:999px;background:#e8f7f4;color:#0f766e;padding:6px 10px;font-size:12px;font-weight:800}@media(max-width:900px){.coach-meso-cloud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.coach-meso-cloud-grid{grid-template-columns:1fr}}n .pg-meso-diagnostic{border-color:#f0c36a;background:linear-gradient(180deg,#fffaf0 0%,#fff 100%)} .pg-meso-diagnostic .eyebrow{background:#fff1cf;color:#805600}.pg-meso-diagnostic h3{color:#17324a} .pg-mesocycle-v3{padding:26px 28px;background:linear-gradient(180deg,#f8fbfd 0%,#fff 72%);overflow:hidden} .pg-mesocycle-v3 .pg-meso-head{margin-bottom:14px} .pg-mesocycle-v3 .pg-meso-head h3{font-size:26px;letter-spacing:-.02em} .pg-mesocycle-v3 .pg-meso-head p{font-size:14px;max-width:760px} .pg-mesocycle-v3 .pg-meso-mode{background:#eef7f4;border-color:#cfe9df;color:#176348} .pg-meso-cycle-labels{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 7px} .pg-meso-cycle-labels span{font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#7b8a97;text-align:center} .pg-meso-curve{height:108px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;align-items:end;padding:10px 12px 8px;border:1px solid #e4ebf0;border-radius:16px;background:#fff;margin-bottom:14px} .pg-meso-curve-item{height:88px;display:grid;grid-template-rows:1fr auto auto;gap:2px;min-width:0;text-align:center} .pg-meso-curve-barwrap{display:flex;align-items:flex-end;justify-content:center;min-height:48px} .pg-meso-curve-barwrap i{display:block;width:min(32px,72%);min-height:18px;border-radius:7px 7px 3px 3px;background:#dce8ee;transition:.2s ease} .pg-meso-curve-item:nth-child(4n/**/+2) .pg-meso-curve-barwrap i{background:#cfe0e8}.pg-meso-curve-item:nth-child(4n/**/+3) .pg-meso-curve-barwrap i{background:#b9d3df}.pg-meso-curve-item:nth-child(4n/**/+4) .pg-meso-curve-barwrap i{background:#e8eef1} .pg-meso-curve-item.current .pg-meso-curve-barwrap i{background:#18a777;box-shadow:0 0 0 3px rgba(24,167,119,.12)} .pg-meso-curve-item b{font-size:11px;color:#18334a}.pg-meso-curve-item span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#70808d} .pg-mesocycle-v3 .pg-meso-weeks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start} .pg-mesocycle-v3 .pg-meso-week{padding:0;border-radius:16px;overflow:hidden;background:#fff;min-width:0;transition:border-color .15s ease,box-shadow .15s ease} .pg-mesocycle-v3 .pg-meso-week[open]{grid-column:1/-1;border-color:#cbdbe3;box-shadow:0 12px 30px rgba(15,42,68,.08)} .pg-mesocycle-v3 .pg-meso-week.current{border-color:#18a777;box-shadow:0 0 0 2px rgba(24,167,119,.09)} .pg-meso-week-summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 15px;cursor:pointer;touch-action:manipulation;min-height:102px} .pg-meso-week-summary::-webkit-details-marker{display:none}.pg-meso-week-summary::marker{display:none} .pg-meso-week-title{display:grid;gap:2px;min-width:0}.pg-meso-week-title>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#788995}.pg-meso-week-title>b{font-size:16px;line-height:1.2;color:#102b45}.pg-meso-week-title>small{font-size:11px;line-height:1.35;color:#667987;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pg-meso-week-kpis{display:grid;grid-template-columns:repeat(2,minmax(52px,1fr));gap:5px}.pg-meso-week-kpis>span{display:grid;padding:6px 8px;border-radius:9px;background:#f3f7f9}.pg-meso-week-kpis small{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#7b8994}.pg-meso-week-kpis strong{font-size:12px;color:#17324a;white-space:nowrap} .pg-meso-week-state{display:grid;justify-items:end;gap:9px}.pg-meso-week-state em{font-size:9px;font-style:normal;font-weight:900;background:#eaf8f2;color:#08714d;border-radius:999px;padding:4px 7px}.pg-meso-week-state i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f0f5f7;color:#3e6275;font-style:normal;transition:transform .15s ease}.pg-meso-week[open] .pg-meso-week-state i{transform:rotate(180deg)} .pg-meso-week-body{border-top:1px solid #edf2f5;padding:14px 16px 16px;background:#fbfdfe}.pg-meso-week-body>.pg-meso-quality{margin-bottom:10px}.pg-meso-week-body>.pg-meso-quality>span{display:flex;gap:5px;align-items:baseline;padding:6px 9px;font-size:11px}.pg-meso-week-body>.pg-meso-quality small{font-size:10px;color:#71818c} .pg-meso-expanded{margin-top:12px;border-top:1px solid #e6edf2;padding-top:14px}.pg-meso-expanded-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:11px}.pg-meso-expanded-head>div{display:grid;gap:2px}.pg-meso-expanded-head span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#738492}.pg-meso-expanded-head b{font-size:16px;color:#17324a}.pg-meso-expanded-head small{font-size:11px;color:#657687;line-height:1.4}.pg-meso-expanded-head .btn{flex:0 0 auto;background:#fff;color:#4b6273;border-color:#d7e1e7} .pg-mesocycle-v3 .pg-meso-session-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pg-mesocycle-v3 .pg-meso-session{padding:12px;border-radius:14px}.pg-mesocycle-v3 .pg-meso-session-main>b{font-size:13px}.pg-mesocycle-v3 .pg-meso-session-main>small{font-size:11px} @media(max-width:980px){.pg-mesocycle-v3 .pg-meso-weeks{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-meso-curve-item span{font-size:8px}.pg-mesocycle-v3 .pg-meso-session-list{grid-template-columns:1fr}} @media(max-width:640px){.pg-mesocycle-v3{padding:18px 12px;margin-left:-2px;margin-right:-2px}.pg-mesocycle-v3 .pg-meso-head h3{font-size:22px}.pg-meso-cycle-labels{display:none}.pg-meso-curve{height:92px;overflow-x:auto;grid-template-columns:repeat(8,72px);justify-content:start;padding:8px 8px 6px}.pg-meso-curve-item{height:74px}.pg-meso-curve-item span{font-size:8px}.pg-mesocycle-v3 .pg-meso-weeks{display:grid;grid-template-columns:1fr;gap:8px;overflow:visible;padding:0}.pg-mesocycle-v3 .pg-meso-week{width:100%;min-width:0;flex:none}.pg-mesocycle-v3 .pg-meso-week[open]{grid-column:auto}.pg-meso-week-summary{grid-template-columns:minmax(0,1fr) auto;min-height:84px;padding:13px 12px;gap:10px}.pg-meso-week-kpis{grid-column:1/2;grid-row:2;display:flex;gap:5px}.pg-meso-week-kpis>span{padding:5px 7px;min-width:0}.pg-meso-week-kpis small{font-size:7px}.pg-meso-week-kpis strong{font-size:11px}.pg-meso-week-state{grid-column:2;grid-row:1/3;align-self:center}.pg-meso-week-title>small{white-space:normal;font-size:10px}.pg-meso-week-body{padding:12px 10px 14px}.pg-meso-expanded-head{align-items:stretch;flex-direction:column}.pg-meso-expanded-head .btn{width:100%;min-height:42px}.pg-mesocycle-v3 .pg-meso-session-list{grid-template-columns:1fr}.pg-mesocycle-v3 footer{grid-template-columns:1fr 1fr}} .pg-microcycle{margin:4px 0 14px;padding:14px;border:1px solid #dfe9ee;border-radius:16px;background:#fff}.pg-micro-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.pg-micro-head>div{display:grid;gap:2px}.pg-micro-head span{font-size:9px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:#14805f}.pg-micro-head b{font-size:15px;color:#17324a}.pg-micro-head small{font-size:10px;line-height:1.4;color:#687986;max-width:760px}.pg-micro-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.pg-micro-day{min-height:122px;padding:9px;border:1px solid #e4ebef;border-radius:12px;background:#f8fafb;display:flex;flex-direction:column;gap:7px;min-width:0}.pg-micro-day.has-session{background:#fff;border-color:#d3e3e7}.pg-micro-day.has-match{box-shadow:inset 0 3px 0 #d69b2d}.pg-micro-day>header{display:flex;align-items:center;justify-content:space-between;gap:5px;border:0;padding:0}.pg-micro-day>header span{font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.06em;color:#71818d}.pg-micro-day>header b{font-size:13px;color:#18334a}.pg-micro-rest{margin:auto 0;font-size:9px;line-height:1.35;color:#93a0aa}.pg-micro-session{display:grid;gap:2px;padding:7px;border-radius:9px;background:#eef6f7;border-left:3px solid #6da4b1}.pg-micro-session>span{font-size:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:#53727b}.pg-micro-session>b{font-size:10px;line-height:1.25;color:#17324a;overflow:hidden;text-overflow:ellipsis}.pg-micro-session>small{font-size:8px;line-height:1.3;color:#617783}.pg-micro-session.q-speed,.pg-micro-session.q-power{border-left-color:#159b70;background:#eef9f5}.pg-micro-session.q-strength{border-left-color:#577c9a}.pg-micro-session.q-anaerobic{border-left-color:#b57749}.pg-micro-match{display:grid;gap:1px;padding:6px;border-radius:8px;background:#fff7e5;border:1px solid #f0d79c}.pg-micro-match small{font-size:7px;text-transform:uppercase;font-weight:900;color:#8a6418}.pg-micro-match b{font-size:9px;color:#704f10}.pg-meso-session-details{margin-top:10px}.pg-meso-session-details>summary{cursor:pointer;list-style:none;padding:10px 12px;border:1px solid #dbe5ea;border-radius:11px;background:#f6f9fb;font-size:11px;font-weight:850;color:#294c62}.pg-meso-session-details>summary::-webkit-details-marker{display:none}.pg-meso-session-details>summary:after{content:"+";float:right}.pg-meso-session-details[open]>summary:after{content:"−"} @media(max-width:980px){.pg-micro-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:640px){.pg-microcycle{padding:11px;margin-bottom:12px}.pg-micro-grid{display:flex;overflow-x:auto;gap:8px;padding-bottom:5px;scroll-snap-type:x mandatory}.pg-micro-day{flex:0 0 126px;min-height:126px;scroll-snap-align:start}.pg-micro-head b{font-size:14px}.pg-micro-head small{font-size:10px}.pg-meso-session-details>summary{min-height:44px;font-size:12px}} .pg-meso-conflict{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 12px;padding:12px 13px;border:1px solid #e2e9ed;border-radius:13px;background:#f8fafb} .pg-meso-conflict>div{display:grid;gap:3px;min-width:0}.pg-meso-conflict span{font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#657b88}.pg-meso-conflict b{font-size:12px;line-height:1.35;color:#17324a}.pg-meso-conflict small{font-size:9px;line-height:1.4;color:#6d7e89}.pg-meso-conflict ul{margin:3px 0 0;padding-left:17px;display:grid;gap:3px}.pg-meso-conflict li{font-size:10px;line-height:1.35;color:#566b78}.pg-meso-conflict-high{border-color:#edc8bd;background:#fff8f5}.pg-meso-conflict-high span{color:#a64f32}.pg-meso-conflict-medium{border-color:#ead9ab;background:#fffbf1}.pg-meso-conflict-medium span{color:#8d6a16}.pg-meso-conflict-ok{border-color:#cce7dd;background:#f3fbf7}.pg-meso-conflict-ok span{color:#14805f}.pg-meso-conflict .btn{flex:0 0 auto;min-height:34px} @media(max-width:640px){.pg-meso-conflict{align-items:stretch;flex-direction:column}.pg-meso-conflict .btn{width:100%;min-height:42px}.pg-meso-conflict li{font-size:11px}} .pg-meso-rx{margin-top:10px;padding:10px 12px;border:1px solid rgba(15,76,92,.14);border-radius:12px;background:rgba(15,76,92,.045);display:grid;gap:3px}.pg-meso-rx span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.pg-meso-rx b{font-size:13px}.pg-meso-rx small{font-size:12px;line-height:1.45;opacity:.82} .pg-meso-exercise-dose{margin-top:12px;padding:12px;border:1px solid rgba(15,55,48,.11);border-radius:14px;background:rgba(255,255,255,.72)} .pg-meso-exercise-dose-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px} .pg-meso-exercise-dose-head>span{font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase} .pg-meso-exercise-dose-head>small{max-width:420px;text-align:right;color:var(--muted,#66756f)} .pg-meso-exercise-dose-grid{display:grid;gap:7px} .pg-meso-exercise-dose-row{display:grid;grid-template-columns:minmax(145px,1.15fr) minmax(150px,1fr) minmax(150px,1fr);gap:8px 14px;align-items:center;padding:9px 10px;border-radius:10px;background:rgba(246,249,248,.88)} .pg-meso-exercise-dose-row>b{font-size:13px} .pg-meso-exercise-dose-row>span,.pg-meso-exercise-dose-row>small{font-size:12px;line-height:1.35} .pg-meso-exercise-dose-row>em{grid-column:1/-1;font-size:11px;line-height:1.35;font-style:normal;color:var(--muted,#66756f)} @media(max-width:720px){.pg-meso-exercise-dose-head{display:block}.pg-meso-exercise-dose-head>small{display:block;text-align:left;margin-top:3px}.pg-meso-exercise-dose-row{grid-template-columns:1fr}.pg-meso-exercise-dose-row>em{grid-column:auto}} .pg-meso-adaptive-quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:10px} .pg-meso-adaptive-quality{border:1px solid rgba(17,45,53,.12);border-radius:14px;padding:12px;background:#fff;display:grid;gap:4px;min-width:0} .pg-meso-adaptive-quality>span{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;opacity:.7} .pg-meso-adaptive-quality>b{font-size:13px;line-height:1.25} .pg-meso-adaptive-quality>small{font-size:12px;line-height:1.45;opacity:.82} .pg-meso-adaptive-quality>em{font-size:11px;font-style:normal;font-weight:700;opacity:.62;margin-top:3px} .pg-meso-adaptive-quality.reduce{border-color:rgba(170,77,38,.24);background:rgba(170,77,38,.045)} .pg-meso-adaptive-quality.increase{border-color:rgba(18,111,79,.24);background:rgba(18,111,79,.045)} .pg-meso-adaptive-quality.quality{border-color:rgba(15,76,92,.24);background:rgba(15,76,92,.045)} @media(max-width:700px){.pg-meso-adaptive-quality-grid{grid-template-columns:1fr}} .pg-meso-rx-simple{padding:15px 17px!important;border-radius:14px!important;background:#f6f8fb!important;border:1px solid #dde4ee!important} .pg-meso-rx-simple>span{font-size:10px!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#667085!important} .pg-meso-rx-simple>b{font-size:16px!important;line-height:1.25!important;color:#1d2939!important} .pg-meso-rx-simple>small{font-size:12px!important;line-height:1.5!important;color:#667085!important} .pg-meso-adaptive-details{margin:8px 0 14px;border:0!important;background:transparent!important} .pg-meso-adaptive-details>summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:#667085;font-size:12px;font-weight:750;list-style:none;padding:5px 0} .pg-meso-adaptive-details>summary::-webkit-details-marker{display:none} .pg-meso-adaptive-details>summary:after{content:"›";font-size:18px;line-height:1;transform:rotate(90deg);transition:transform .18s ease} .pg-meso-adaptive-details[open]>summary:after{transform:rotate(-90deg)} .pg-meso-adaptive-details .pg-meso-adaptive-quality-grid{margin-top:8px} @media(max-width:739px){.pg-meso-rx-simple{padding:13px 14px!important}.pg-meso-adaptive-details .pg-meso-adaptive-quality-grid{grid-template-columns:1fr!important}} .team-plan-bridge{margin:18px 0;padding:20px;border:1px solid rgba(24,85,244,.18);border-radius:18px;background:linear-gradient(180deg,rgba(24,85,244,.055),rgba(255,255,255,.015));} .team-plan-head{max-width:820px;margin-bottom:16px}.team-plan-head h3{margin:4px 0 7px;font-size:20px;line-height:1.2}.team-plan-head p{margin:0;color:var(--muted);line-height:1.5} .team-plan-steps{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:12px}.team-plan-steps article{display:flex;gap:11px;align-items:flex-start;padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--card)} .team-plan-steps article.team-plan-primary{border-color:rgba(24,85,244,.34);box-shadow:0 10px 30px rgba(24,85,244,.08)}.team-step-no{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:999px;background:rgba(24,85,244,.11);font-weight:800;color:var(--primary)} .team-plan-steps article>div{min-width:0;display:flex;flex-direction:column;gap:6px}.team-plan-steps b{font-size:14px}.team-plan-steps small{color:var(--muted);line-height:1.4}.team-plan-primary .btn{margin-top:4px;align-self:flex-start} .team-focus-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.team-focus-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px}.team-focus-chip b{font-size:12px}.team-focus-chip em{font-style:normal;color:var(--muted)} .team-exception-details{margin-top:3px}.team-exception-details summary{cursor:pointer;font-weight:700;font-size:12.5px;color:var(--primary)}.team-exception-list{display:flex;flex-direction:column;gap:7px;margin-top:8px}.team-exception-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:7px;border-top:1px solid var(--border)}.team-exception-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}.team-exception-row span{font-size:11.5px;color:var(--muted);white-space:normal}.team-exception-row .btn{flex:0 0 auto} @media(max-width:900px){.team-plan-steps{grid-template-columns:1fr}.team-plan-bridge{padding:16px}.team-plan-primary{order:-1}} .coach-analysis{margin:18px 0;padding:20px;border:1px solid rgba(20,70,110,.14);border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f7fafc)} .coach-analysis-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:18px;align-items:start}.coach-analysis-head h3{margin:4px 0 7px;font-size:21px;line-height:1.2}.coach-analysis-head p{margin:0;max-width:800px;color:var(--muted);line-height:1.5}.coach-decision{padding:13px 14px;border:1px solid rgba(24,85,244,.16);border-radius:13px;background:#fff;display:grid;gap:4px}.coach-decision b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--primary)}.coach-decision span{font-size:13px;line-height:1.45;color:#24364a} .coach-kpis{display:grid;grid-template-columns:.7fr 1.3fr 1.15fr .75fr;gap:9px;margin:16px 0}.coach-kpis>div{padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--card);display:grid;gap:4px}.coach-kpis small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.055em;font-weight:800}.coach-kpis strong{font-size:22px;line-height:1.15;color:#17324a}.coach-kpis .coach-kpi-text{font-size:13px;line-height:1.35} .coach-quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.coach-quality{padding:13px;border:1px solid var(--border);border-radius:14px;background:#fff;display:grid;gap:8px}.coach-quality header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.coach-quality header>div{display:grid;gap:2px}.coach-quality header span{font-size:12px;font-weight:800}.coach-quality header strong{font-size:18px;color:#17324a}.coach-quality header em{font-style:normal;font-size:10px;font-weight:800;padding:4px 6px;border-radius:999px;background:#f2f4f7;color:#667085;white-space:nowrap}.coach-quality.priority{border-color:rgba(190,80,45,.22)}.coach-quality.develop{border-color:rgba(194,141,35,.22)}.coach-quality.strong{border-color:rgba(20,128,95,.2)} .coach-quality-range{height:8px;border-radius:999px;background:#edf1f4;position:relative;margin:2px 1px}.coach-quality-range i{position:absolute;top:1px;height:6px;border-radius:999px;background:#b7c9d5}.coach-quality-range b{position:absolute;top:-3px;width:2px;height:14px;background:#17324a;transform:translateX(-1px);border-radius:2px}.coach-quality-meta{display:flex;flex-wrap:wrap;gap:5px 9px}.coach-quality-meta span{font-size:10px;color:var(--muted)}.coach-quality>small{font-size:11px;line-height:1.4;font-weight:700;color:#425466}.coach-analysis-foot{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.coach-analysis-foot span{font-size:11px;line-height:1.45;color:var(--muted)} @media(max-width:900px){.coach-analysis-head{grid-template-columns:1fr}.coach-kpis{grid-template-columns:1fr 1fr}}@media(max-width:600px){.coach-analysis{padding:15px}.coach-kpis{grid-template-columns:1fr}.coach-quality-grid{grid-template-columns:1fr}.coach-analysis-head h3{font-size:18px}.coach-decision{padding:12px}.coach-kpis strong{font-size:19px}} .ap-simple-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.ap-simple-flow article{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line,#dce3e8);border-radius:16px;background:var(--surface,#fff)}.ap-simple-flow article>b{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#eef3f1;font-size:14px}.ap-simple-flow article.is-primary{border-width:2px}.ap-simple-flow article div{display:grid;gap:3px}.ap-simple-flow article strong{font-size:15px}.ap-simple-flow article span{font-size:13px;line-height:1.45;color:var(--muted,#64706b)}@media(max-width:760px){.ap-simple-flow{grid-template-columns:1fr}.my-strip-actions{display:grid;width:100%}.my-strip-actions .btn{width:100%}} .to-page{ --test-accent:#1855f4; --test-ink:#172b3f; --test-soft:#f6f8fb; --test-line:#dfe6ed; max-width:1440px; margin:0 auto; } .to-page .to-header{ margin:0 0 12px!important; padding:22px 24px!important; border:1px solid var(--test-line)!important; border-radius:20px!important; background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important; box-shadow:0 10px 30px rgba(26,48,75,.05)!important; } .to-page .to-header h1{ margin:3px 0 7px!important; font-size:clamp(28px,3vw,34px)!important; line-height:1.08!important; letter-spacing:-.025em!important; color:var(--test-ink)!important; } .to-header-lead{font-size:14px!important;max-width:66ch!important;color:#657384!important} .to-context{margin-top:14px!important;gap:7px!important} .to-pill{min-height:30px!important;padding:6px 10px!important;border-radius:999px!important;background:#f6f8fa!important;border:1px solid #e2e8ee!important;font-size:11.5px!important} .to-pill-live{background:#edf9f2!important;border-color:#ccebd8!important;color:#157c45!important} .to-header-right{align-self:center!important} .to-header-right .btn.primary{min-height:42px!important;padding-inline:17px!important} .to-page .to-tabs{ position:sticky; top:8px; z-index:25; margin:0 0 16px!important; padding:5px!important; gap:4px!important; border:1px solid #e1e7ed!important; border-radius:15px!important; background:rgba(248,250,252,.96)!important; box-shadow:0 8px 24px rgba(26,48,75,.055)!important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } .to-page .to-tab{ min-height:44px!important; flex:1 1 0!important; justify-content:center!important; gap:8px!important; padding:9px 14px!important; border-radius:11px!important; color:#667586!important; font-size:13px!important; font-weight:750!important; transition:background .16s ease,color .16s ease,box-shadow .16s ease!important; } .to-page .to-tab.active{ background:#fff!important; color:var(--test-ink)!important; box-shadow:0 2px 9px rgba(26,48,75,.09)!important; } .to-page .to-tab.active:after{display:none!important} .to-page .to-tab[disabled]{opacity:.45!important} .to-badge{min-width:20px!important;height:20px!important;padding:0 6px!important;display:grid!important;place-items:center!important;border-radius:999px!important;font-size:10px!important;background:#eaf0ff!important;color:#1746b8!important} .to-page .wiz-card{ max-width:1120px; margin:0 auto 22px!important; border:1px solid var(--test-line)!important; border-radius:20px!important; background:#fff!important; box-shadow:0 14px 38px rgba(26,48,75,.055)!important; } .wiz-card-body{padding:24px 26px!important} .wiz-steps{background:#fafbfd!important;border-bottom:1px solid #e8edf2!important;padding:16px 24px!important} .wiz-step b{font-size:12.5px!important}.wiz-step small{font-size:10.5px!important} .wiz-intro{margin-bottom:20px!important} .wiz-intro h2{font-size:26px!important;letter-spacing:-.02em!important} .wiz-intro p{max-width:68ch!important} .wiz-actions{padding:16px 24px!important;background:#fbfcfd!important;border-top:1px solid #e8edf2!important} .ts-group{margin-top:18px!important} .ts-group-name{margin-bottom:8px!important;font-size:11px!important;letter-spacing:.065em!important;text-transform:uppercase!important;color:#718092!important} .ts-items{gap:9px!important} .ts-item{min-height:48px!important;padding:11px 13px!important;border-radius:12px!important;border:1px solid #dfe6ec!important;background:#fff!important} .ts-item:hover{border-color:#b9c7d4!important;background:#fbfdff!important} .ts-item.checked{border-color:#9fb7ff!important;background:#f4f7ff!important;box-shadow:inset 0 0 0 1px rgba(24,85,244,.05)!important} .ts-item input{width:19px!important;height:19px!important} .ts-item>span{font-size:13.5px!important} .test-selector-actions{margin-top:8px!important} .session-bar{border:1px solid var(--test-line)!important;border-radius:15px!important;background:#fbfcfe!important;box-shadow:none!important} .to-run-guide{margin:12px 0 14px!important;gap:9px!important} .to-run-step{border-radius:13px!important;box-shadow:none!important;background:#fff!important;padding:12px 13px!important} .to-run-step.active{border-color:#b8c9ff!important;background:#f7f9ff!important} .to-run-step.done{border-color:#d6e9dd!important;background:#fbfefc!important} .to-start-nudge{border-radius:13px!important;background:#f7f9ff!important;border-color:#cfdbff!important} .pt-wrap,.proto-table-wrap{border-radius:16px!important;border-color:#dfe6ec!important;box-shadow:0 8px 24px rgba(26,48,75,.035)!important} .protocol-table thead th,.pt-table thead th{background:#f6f8fb!important;color:#536273!important} .pt-row:nth-child(even) td{background:#fcfdfe} .pt-name-input,.pt-meta-input,.pt-res-input{border-radius:9px!important;border-color:#d9e1e8!important;background:#fff!important} .pt-name-input:focus,.pt-meta-input:focus,.pt-res-input:focus{border-color:#7697ff!important;box-shadow:0 0 0 3px rgba(24,85,244,.10)!important} .pt-res-filled{background:#f8fbff!important} .pt-avg-num{font-weight:850!important} .pt-del-btn{opacity:.5}.pt-del-btn:hover{opacity:1} .result-overview,.coach-analysis,.team-plan-bridge{border-radius:18px!important;box-shadow:0 10px 28px rgba(26,48,75,.04)!important} .coach-quality,.result-meaning{border-radius:14px!important} @media(max-width:760px){ .to-page{padding-left:0!important;padding-right:0!important} .to-page .to-header{margin:0 10px 10px!important;padding:17px!important;border-radius:17px!important} .to-page .to-header h1{font-size:27px!important} .to-header-right{width:100%!important;display:grid!important;grid-template-columns:1fr!important} .to-header-right>.btn{width:100%!important} .to-page .to-tabs{top:4px;margin:0 8px 12px!important;overflow-x:auto!important;justify-content:flex-start!important} .to-page .to-tab{flex:0 0 auto!important;min-width:112px!important;padding:9px 12px!important} .to-page .wiz-card{margin:0 10px 18px!important;border-radius:17px!important} .wiz-card-body{padding:18px 16px!important} .wiz-steps{padding:13px 16px!important} .wiz-intro h2{font-size:22px!important} .wiz-actions{padding:14px 16px!important} .ts-item{min-height:52px!important} .to-run-guide{margin-left:10px!important;margin-right:10px!important} .session-bar,.to-start-nudge{margin-left:10px!important;margin-right:10px!important} .to-run-step{min-height:62px!important} }     .to-first-hint{max-width:1180px;margin:0 auto 14px;padding:15px 18px;border-radius:16px;background:#f4f7ff;border:1px solid #dce5ff;display:flex;align-items:center;justify-content:space-between;gap:18px}.to-first-hint span{display:block;font-size:11px;font-weight:800;letter-spacing:.09em;color:#1855f4;margin-bottom:3px}.to-first-hint b{display:block;color:#0f172a;font-size:15px}.to-first-hint p{margin:3px 0 0;color:#64748b;font-size:13px;line-height:1.4}.to-first-hint .btn{white-space:nowrap} @media(max-width:760px){.to-first-hint{margin:0 12px 12px;align-items:flex-start;flex-direction:column;padding:14px}.to-first-hint .btn{width:100%}} .wiz-first-choice .wiz-intro-simple{margin-bottom:14px} .wiz-first-choice .wiz-intro-simple h2{max-width:760px} .wiz-first-choice .wiz-choice-help{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin:0 0 16px;border:1px solid #dbe7f1;border-radius:14px;background:#f7fbfe;color:#22374a} .wiz-choice-help-num{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#163f59;color:#fff;font-weight:800;font-size:14px} .wiz-choice-help div{display:grid;gap:2px}.wiz-choice-help strong{font-size:14px}.wiz-choice-help span{font-size:13px;line-height:1.45;color:#607181} .wiz-card .wiz-profile-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,1.35fr)!important;gap:12px!important;margin-bottom:12px} .wiz-profile-fields label{display:flex!important;align-items:center;gap:7px;font-weight:750!important;color:#23384a!important} .field-step{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e9f1f6;color:#163f59;font-size:11px;font-weight:850} .wiz-profile-fields .input{min-height:50px!important;font-size:15px!important;border-radius:12px!important;background:#fff!important} .wiz-profile-fields .field-profile-main .input{border-color:#8eb3c9!important;box-shadow:0 0 0 3px rgba(22,63,89,.05)} .wiz-selected-profile{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:13px 15px;margin:2px 0 14px;border-radius:13px;background:#f4f8f5;border:1px solid #d9e7dc} .wiz-selected-profile>span{grid-row:1 / span 2;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64786c} .wiz-selected-profile strong{font-size:15px;color:#203b2b}.wiz-selected-profile small{font-size:12px;color:#6b7c72} .wiz-secondary-settings{display:grid;grid-template-columns:minmax(180px,240px) repeat(2,minmax(0,1fr));gap:12px;align-items:end;padding-top:4px} .wiz-secondary-settings>.field{min-width:0}.wiz-secondary-settings .input{width:100%;min-height:44px;border-radius:11px} .wiz-first-choice .wiz-track-note{display:none!important} @media(max-width:850px){.wiz-card .wiz-profile-fields{grid-template-columns:1fr 1fr!important}.wiz-profile-fields .field-profile-main{grid-column:1/-1}.wiz-secondary-settings{grid-template-columns:1fr 1fr}} @media(max-width:620px){.wiz-card .wiz-profile-fields{grid-template-columns:1fr!important}.wiz-profile-fields .field-profile-main{grid-column:auto}.wiz-choice-help{padding:12px!important}.wiz-selected-profile{grid-template-columns:1fr;gap:3px}.wiz-selected-profile>span{grid-row:auto}.wiz-secondary-settings{grid-template-columns:1fr}.wiz-profile-fields .input{min-height:54px!important;font-size:16px!important}} .ts-recommended-panel{ display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center; border:1px solid #bfd9c9;border-radius:18px;padding:18px;margin:2px 0 22px; background:linear-gradient(135deg,#f5fbf7 0%,#ffffff 72%);box-shadow:0 8px 24px rgba(22,120,62,.06) } .ts-recommended-panel.active{border-color:#75bf8e;background:linear-gradient(135deg,#edf9f1 0%,#fff 75%)} .ts-rec-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e3f5e9;color:#147a3a;font-size:20px;font-weight:900} .ts-rec-copy .eyebrow{display:block;color:#147a3a;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px} .ts-rec-copy h3{font-size:18px;line-height:1.2;margin:0 0 5px;color:var(--text)} .ts-rec-copy p{font-size:13px;line-height:1.48;color:var(--muted);margin:0;max-width:680px} .ts-rec-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:9px;font-size:12px;color:var(--muted)} .ts-rec-meta strong{color:#147a3a} .ts-rec-btn{min-height:44px;white-space:nowrap} .ts-custom-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-top:2px;margin-bottom:10px} .ts-custom-head>div{display:flex;flex-direction:column;gap:2px}.ts-custom-head strong{font-size:14px;color:var(--text)}.ts-custom-head span:not(.ts-count){font-size:12px;color:var(--muted)} .ts-item-copy{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0} .ts-item-name{min-width:0}.ts-item-copy small{font-size:10px;font-weight:750;letter-spacing:.02em;color:#147a3a;background:#edf8f1;border:1px solid #cce8d5;border-radius:999px;padding:3px 7px;white-space:nowrap} .ts-item.optional .ts-item-copy small{color:var(--muted);background:var(--surface);border-color:var(--line2)} @media(max-width:720px){ .ts-recommended-panel{grid-template-columns:auto 1fr;padding:15px;gap:11px}.ts-rec-btn{grid-column:1/-1;width:100%} .ts-custom-head{align-items:center}.ts-custom-head>div span{display:none}.ts-item-copy small{display:none} } .wiz-ready-panel{display:flex;align-items:center;gap:14px;margin:4px 0 20px;padding:16px 18px;border:1px solid #b9dfc6;border-radius:16px;background:linear-gradient(135deg,#effaf3 0%,#fff 78%)} .wiz-ready-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#e1f4e7;font-weight:900;font-size:20px;color:#176b38} .wiz-ready-panel div{display:grid;gap:3px}.wiz-ready-panel strong{font-size:16px}.wiz-ready-panel span{font-size:13.5px;line-height:1.45;color:var(--muted,#667085)} .wiz-review-compact{gap:12px}.wiz-review-compact .wiz-review-box{padding:14px 16px}.wiz-review-compact .wiz-review-box-head{margin-bottom:8px}.wiz-review-compact .wiz-review-chip{font-size:12px;padding:5px 8px} .wiz-start-block{margin-top:18px;padding:18px;border:1px solid #d8e2dc;border-radius:18px;background:#fbfdfb} .wiz-start-question{margin-bottom:14px}.wiz-start-question h3{margin:2px 0 4px;font-size:20px}.wiz-start-question p{margin:0;color:var(--muted,#667085);font-size:13.5px;line-height:1.45} .wiz-start-row{align-items:stretch}.wiz-people-field{min-width:170px;max-width:220px}.wiz-people-field .input{min-height:54px;font-size:20px;font-weight:800;text-align:center} .wiz-cta{min-height:60px;display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:16px;align-content:center;text-align:left;padding:10px 18px!important}.wiz-cta>span{font-size:16px;font-weight:800}.wiz-cta>small{font-size:11.5px;font-weight:500;opacity:.82}.wiz-cta>b{grid-column:2;grid-row:1/3;align-self:center;font-size:22px} .wiz-balance-note{margin-top:10px;font-size:12.5px;color:var(--muted,#667085)}.wiz-balance-note summary{cursor:pointer;font-weight:700}.wiz-balance-note p{margin:7px 0 0;line-height:1.45} @media(max-width:700px){.wiz-ready-panel{padding:14px}.wiz-start-block{padding:15px}.wiz-start-row{display:grid;grid-template-columns:1fr!important;gap:12px}.wiz-people-field{max-width:none;width:100%}.wiz-cta{width:100%;min-height:64px}.wiz-review-compact .wiz-review-box{padding:13px}.wiz-review-list li{gap:10px}.wiz-review-list li b{text-align:right}} .protocol-first-start{ margin:14px 0 16px;padding:20px 22px;border:1px solid #dbe5ef;border-radius:18px; background:linear-gradient(135deg,#f8fbff 0%,#ffffff 62%);box-shadow:0 10px 28px rgba(15,35,64,.06); } .protocol-first-start__intro>span{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.12em;color:#56708d;margin-bottom:5px} .protocol-first-start__intro h3{margin:0 0 5px;font-size:21px;line-height:1.2;color:#12233f} .protocol-first-start__intro p{margin:0;color:#607086;max-width:760px;line-height:1.5} .protocol-first-start__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px} .protocol-first-start__steps>div{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:13px;background:#fff;border:1px solid #e1e8f0} .protocol-first-start__steps b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#17385d;color:#fff;font-size:14px} .protocol-first-start__steps span{display:grid;gap:1px;min-width:0}.protocol-first-start__steps strong{font-size:14px;color:#18304f}.protocol-first-start__steps small{font-size:12px;color:#6b7b8f;line-height:1.3} .protocol-first-start__note{margin:12px 0 0!important;font-size:12px;color:#6b7b8f} .pt-card-head .pt-card-hint{font-weight:700;color:#607086} .pt-table tbody tr:first-child .pt-name-input:placeholder-shown{border-color:#7aa7d3;box-shadow:0 0 0 3px rgba(62,123,181,.10)} .pt-table tbody tr:first-child .pt-gender select{border-color:#9ab7d4} @media(max-width:760px){ .protocol-first-start{padding:16px;margin:10px 0 14px;border-radius:15px} .protocol-first-start__intro h3{font-size:18px} .protocol-first-start__steps{grid-template-columns:1fr;gap:7px} .protocol-first-start__steps>div{padding:11px 12px} } .protocol-focusbar{position:sticky;top:74px;z-index:22;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0 12px;padding:10px 12px;border:1px solid #dce5ef;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(31,50,77,.08);backdrop-filter:blur(10px)} .protocol-focusbar-main{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap}.protocol-focusbar-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#718196}.protocol-focusbar-main strong{font-size:14px;color:#17385d;overflow:hidden;text-overflow:ellipsis}.protocol-focusbar-main b{font-size:14px;color:#334e6c;overflow:hidden;text-overflow:ellipsis}.protocol-focusbar-sep{color:#a4b0bd}.protocol-focusbar-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.protocol-focusbar-actions>span{font-size:12px;font-weight:700;color:#65758a}.protocol-focusbar-actions .btn{min-height:36px} .pt-table tbody tr.pt-row.is-active-row td{background:rgba(24,85,244,.045)!important}.pt-table thead th.pt-test.is-active-col{background:#eaf2fb!important;color:#17385d!important}.pt-table td.pt-res-cell.is-active-col{box-shadow:inset 1px 0 #c9dcef,inset -1px 0 #c9dcef}.pt-table tr.is-active-row td.pt-res-cell.is-active-col{background:#f2f7fd!important;box-shadow:inset 0 0 0 2px rgba(24,85,244,.18)} .pt-res-input:focus,.pc-input:focus{outline:none!important;border-color:#3977b8!important;box-shadow:0 0 0 4px rgba(57,119,184,.13)!important} @media(max-width:820px){.protocol-focusbar{top:62px;margin:8px 10px 10px;padding:10px;align-items:stretch;flex-direction:column;gap:8px}.protocol-focusbar-main{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;white-space:normal}.protocol-focusbar-main .protocol-focusbar-kicker{grid-column:1/-1}.protocol-focusbar-sep{display:none}.protocol-focusbar-main strong,.protocol-focusbar-main b{font-size:13px}.protocol-focusbar-actions{justify-content:space-between}.protocol-focusbar-actions .btn{min-height:42px;padding-left:14px;padding-right:14px}} .result-first-look{margin:0 0 18px;padding:22px;border:1px solid rgba(24,85,244,.16);border-radius:20px;background:linear-gradient(145deg,#fbfdff,#f4f8fc);box-shadow:0 12px 32px rgba(26,48,75,.05)} .result-first-look.team{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(150px,.42fr);gap:16px 20px;align-items:start}.result-first-copy{max-width:790px}.result-first-copy h2{margin:4px 0 8px;font-size:25px;line-height:1.15;color:#142b43}.result-first-copy p{margin:0;color:var(--muted);line-height:1.55}.result-team-score{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:112px;padding:15px;border:1px solid rgba(24,85,244,.15);border-radius:17px;background:#fff;text-align:center}.result-team-score small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.result-team-score strong{font-size:36px;line-height:1.05;color:#17324a;margin:6px 0 2px}.result-team-score span{font-size:11px;color:var(--muted)} .result-focus-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.result-focus-card{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:#fff}.result-focus-card span{grid-column:1/-1;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.result-focus-card strong{font-size:15px;color:#17324a}.result-focus-card em{font-style:normal;font-size:12px;font-weight:800;color:var(--muted)}.result-focus-card.primary{border-color:rgba(204,119,25,.28);background:#fffaf2}.result-first-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:2px}.result-first-meta span{font-size:12px;color:#53657a}.result-first-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.result-first-actions .btn{text-decoration:none} .result-first-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}.result-first-kpis article{padding:14px;border:1px solid var(--border);border-radius:14px;background:#fff;display:grid;gap:3px}.result-first-kpis small{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--muted)}.result-first-kpis strong{font-size:19px;color:#17324a}.result-first-kpis span{font-size:11px;color:var(--muted)}.result-first-kpis article.priority{border-color:rgba(204,119,25,.3);background:#fffaf2} .result-detail-block{margin:18px 0;border:1px solid var(--border);border-radius:16px;background:var(--card);overflow:hidden}.result-detail-block>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;font-weight:800}.result-detail-block>summary::-webkit-details-marker{display:none}.result-detail-block>summary:after{content:"+";font-size:21px;color:var(--primary)}.result-detail-block[open]>summary:after{content:"−"}.result-detail-block>summary small{font-weight:600;color:var(--muted)}.result-detail-block>.pt-card{margin:0;border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none} @media(max-width:760px){.result-first-look,.result-first-look.team{display:block;padding:16px}.result-first-copy h2{font-size:21px}.result-team-score{margin:14px 0}.result-focus-grid,.result-first-kpis{grid-template-columns:1fr}.result-first-actions{display:grid}.result-first-actions .btn{width:100%}.result-first-meta{display:grid;gap:5px}.result-detail-block>summary{align-items:flex-start}.result-detail-block>summary small{display:none}} .individual-first-look{margin:18px 0 16px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))} .ifl-intro h3{margin:4px 0 6px;font-size:clamp(20px,2vw,27px);line-height:1.15}.ifl-intro p{margin:0;color:var(--muted);max-width:760px} .ifl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.ifl-grid article{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card);min-height:126px;display:flex;flex-direction:column;gap:7px}.ifl-grid small{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.ifl-grid strong{font-size:18px;line-height:1.2}.ifl-score strong{font-size:34px}.ifl-grid span{color:var(--muted);font-size:13px;line-height:1.35}.ifl-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap} .ip-detail-block{margin-top:16px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.015)}.ip-detail-block>summary{list-style:none;cursor:pointer;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:750}.ip-detail-block>summary::-webkit-details-marker{display:none}.ip-detail-block>summary:after{content:"+";font-size:22px;color:var(--muted)}.ip-detail-block[open]>summary:after{content:"–"}.ip-detail-block>summary small{font-weight:500;color:var(--muted)}.ip-detail-body{padding:0 14px 14px} @media(max-width:900px){.ifl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.individual-first-look{padding:16px;margin:14px 0}.ifl-grid{grid-template-columns:1fr}.ifl-grid article{min-height:auto}.ifl-actions{display:grid;grid-template-columns:1fr}.ifl-actions .btn{width:100%}.ip-detail-block>summary{align-items:flex-start;flex-direction:column}.ip-detail-block>summary:after{position:absolute;right:20px}.ip-detail-block{position:relative}} .history-first-look{margin:0 0 22px;padding:22px;border:1px solid rgba(15,23,42,.10);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 12px 36px rgba(15,23,42,.06)} .history-first-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.history-first-head h2{margin:4px 0 6px}.history-first-head p{margin:0;max-width:760px;color:#64748b} .history-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.history-kpis article{padding:16px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff}.history-kpis small,.history-card-score small{display:block;color:#64748b;font-weight:700}.history-kpis strong{display:block;font-size:1.65rem;line-height:1.15;margin:5px 0}.history-kpis span{display:block;color:#64748b;font-size:.88rem}.history-trend.up strong{color:#15803d}.history-trend.down strong{color:#b91c1c}.history-compare-note{margin:14px 0 0;color:#64748b;font-size:.88rem} .history-card.is-latest{border-color:rgba(22,101,52,.25);box-shadow:0 8px 24px rgba(22,101,52,.06)}.history-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history-card-title h3{margin:0}.history-latest-tag{display:inline-flex;padding:3px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-size:.72rem;font-weight:800}.history-card-score{min-width:76px;text-align:center}.history-card-score strong{display:block;font-size:1.35rem;margin-top:3px} @media(max-width:820px){.history-first-head{display:block}.history-first-head .btn{width:100%;margin-top:14px}.history-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.history-card-score{order:3;text-align:left;padding-left:48px}.history-actions{order:4;width:100%;padding-left:48px}.history-actions .btn{flex:1}} @media(max-width:520px){.history-first-look{padding:16px;border-radius:20px}.history-kpis{grid-template-columns:1fr}.history-card-score,.history-actions{padding-left:0}} :where(button,a,input,select,textarea,[role="button"]):focus-visible{ outline:3px solid rgba(36,105,176,.28)!important; outline-offset:2px; } :where(section,[id],.card,.panel,.pt-card,.result-first-look,.individual-first-look,.history-first-look){scroll-margin-top:92px} @media (pointer:coarse){ :where(.btn,button:not(.icon-btn),select,input[type="text"],input[type="number"],input[type="date"],input[type="email"]){min-height:44px} } @media (prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} } @media (min-width:821px){ .to-page{max-width:1320px!important;padding-left:28px!important;padding-right:28px!important} .to-page .to-header{padding:22px 24px!important;gap:24px!important;align-items:center!important} .to-page .to-header h1{font-size:clamp(24px,2vw,31px)!important;line-height:1.12!important} .to-header-lead{max-width:760px!important;font-size:14.5px!important;line-height:1.55!important} .to-page .to-header-right{justify-content:flex-end;align-items:center!important} .to-page .to-header-right .btn{min-height:42px} .to-page .to-tabs{margin-top:16px!important;padding:5px!important;gap:5px!important;border-radius:14px!important;max-width:100%;box-shadow:inset 0 0 0 1px rgba(15,23,42,.045)} .to-page .to-tab{min-height:42px;padding:9px 15px!important;border-radius:10px!important;white-space:nowrap} .wiz-card,.pt-card,.history-panel,.result-first-look,.individual-first-look{border-radius:20px!important} .wiz-card-body{padding:24px!important} .wiz-step-head,.pt-card-head{padding-left:22px!important;padding-right:22px!important} .wiz-step-head{min-height:64px} .wiz-step-title{line-height:1.25} .pt-card{overflow:hidden} .pt-card .pt-wrap{overflow:auto!important;scrollbar-gutter:stable} .pt-table{width:max-content;min-width:100%} .pt-table .pt-name{position:sticky;left:0;z-index:3;background:var(--surface)!important;box-shadow:1px 0 0 var(--line)} .pt-table thead .pt-name{z-index:5;background:linear-gradient(180deg,#1C4640,#143631)!important} .pt-table .pt-meta-cell{min-width:64px!important;width:64px!important;max-width:72px!important} .pt-table .pt-res-cell{min-width:92px!important;width:92px!important;max-width:100px!important} .pt-table .pt-avg-cell{min-width:72px!important;width:72px!important;max-width:80px!important} .pt-table .pt-test{min-width:98px!important;max-width:112px!important} .result-first-look,.individual-first-look,.history-first-look{padding:26px!important} .result-first-copy h2{font-size:28px!important} .result-focus-grid{gap:12px!important} .result-focus-card,.ifl-grid article,.history-kpis article{padding:17px 18px!important} .result-first-actions,.ifl-actions{gap:10px!important} .result-first-actions .btn,.ifl-actions .btn{min-height:42px} .result-detail-block,.ip-detail-block{margin-top:20px!important;border-radius:16px!important} .result-detail-block>summary,.ip-detail-block>summary{min-height:56px;padding:16px 18px!important} .field>label,.wiz-card label{line-height:1.35} .wiz-card .input,.wiz-card select.input{min-height:48px} } @media (min-width:821px) and (max-width:1180px){ .to-page{padding-left:22px!important;padding-right:22px!important} .to-page .to-header{align-items:flex-start!important} .to-page .to-header-right{max-width:42%;justify-content:flex-end} .wiz-card-body{padding:20px!important} .result-first-look.team{grid-template-columns:minmax(0,1fr) 150px!important} .result-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .result-focus-grid>*:last-child:nth-child(odd){grid-column:1/-1} .ifl-grid,.history-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important} .pt-table .pt-name{min-width:160px!important;width:160px!important;max-width:160px!important} } @media (min-width:1181px){ .to-page .wiz-card:not(.wide),.to-page .history-panel{max-width:1180px;margin-left:auto;margin-right:auto} .to-page .pt-card,.to-page .result-first-look,.to-page .individual-first-look{max-width:1280px;margin-left:auto;margin-right:auto} } :root{ --ap-radius-card:20px; --ap-radius-control:12px; --ap-shadow-soft:0 10px 30px rgba(20,42,67,.055); --ap-shadow-lift:0 14px 36px rgba(20,42,67,.075); } .to-page h1,.to-page .page-title{letter-spacing:-.018em;line-height:1.08} .to-page h2{letter-spacing:-.012em;line-height:1.15} .to-page p{line-height:1.52} .to-page .eyebrow{letter-spacing:.09em} .to-page .muted,.to-page .hint,.to-page small{line-height:1.4} .wiz-card,.pt-card,.history-panel,.result-first-look,.individual-first-look,.history-first-look, .result-detail-block,.ip-detail-block,.wiz-start-block,.ts-recommended-panel{ border-color:rgba(35,61,88,.12)!important; box-shadow:var(--ap-shadow-soft); } .to-page .btn.primary,.to-page .btn.btn-primary{font-weight:800;box-shadow:0 7px 18px rgba(24,85,244,.16)} .to-page .btn:not(.primary):not(.btn-primary){font-weight:700} .to-page .btn:disabled{box-shadow:none!important;opacity:.52} .to-page .input,.to-page input[type="text"],.to-page input[type="number"],.to-page input[type="date"],.to-page select,.to-page textarea{ border-radius:var(--ap-radius-control); } .to-page .input:focus,.to-page input:focus,.to-page select:focus,.to-page textarea:focus{ outline:none;border-color:#4e83c0!important;box-shadow:0 0 0 4px rgba(60,116,178,.12)!important; } .to-page .empty,.to-page .empty-state,.to-page .history-empty,.to-page .no-data{ border:1px dashed rgba(70,93,118,.26)!important;border-radius:16px!important; background:linear-gradient(180deg,#fbfcfe,#f7f9fc)!important;color:#627286!important; } .to-page details>summary{cursor:pointer} .result-detail-block>summary,.ip-detail-block>summary,.wiz-balance-note>summary{ color:#334c68;font-weight:800; } .result-focus-card strong,.ifl-grid article strong,.history-kpis article strong{letter-spacing:-.01em} .result-focus-card,.ifl-grid article,.history-kpis article{background:rgba(255,255,255,.86)} @media (min-width:821px){ .to-page{--ap-content:1240px} .to-page>.to-header,.to-page>.to-tabs,.to-page>.content,.to-page>.wiz-card, .to-page>.pt-card,.to-page>.history-panel,.to-page>.result-first-look, .to-page>.individual-first-look,.to-page>.history-first-look{max-width:var(--ap-content);margin-left:auto;margin-right:auto} .to-page .to-header{padding-top:8px;padding-bottom:6px} .to-page .to-header h1{font-size:34px!important;max-width:900px;margin-bottom:8px!important} .to-page .to-header p{max-width:860px;color:#66778b} .to-page .wiz-card+.wiz-card,.to-page .pt-card+.pt-card,.to-page section+section{margin-top:18px} .pt-table{font-variant-numeric:tabular-nums} .pt-table thead th{font-size:11px;letter-spacing:.015em;line-height:1.25} .pt-table tbody td{border-bottom-color:rgba(46,68,91,.085)!important} .pt-table tbody tr:nth-child(even) td:not(.pt-name){background:rgba(248,250,252,.52)} .pt-table tbody tr:hover td{background:rgba(235,243,251,.58)!important} .pt-table tbody tr:hover .pt-name{background:#f5f9fd!important} .pt-table .pt-name{min-width:190px!important;width:190px!important;max-width:190px!important} .pt-name-input{font-weight:700} .to-page[data-track="school"] .pt-table .pt-name, body[data-track="school"] .pt-table .pt-name{min-width:220px!important;width:220px!important;max-width:220px!important} .to-page[data-track="school"] .pt-table .pt-meta-cell, body[data-track="school"] .pt-table .pt-meta-cell{min-width:82px!important;width:82px!important;max-width:88px!important} .result-first-look.team{gap:18px 24px!important} .result-focus-grid,.ifl-grid,.history-kpis{gap:14px!important} .result-focus-card,.ifl-grid article,.history-kpis article{border-radius:16px!important;min-height:100px} .result-first-actions,.ifl-actions{padding-top:4px} .to-header-right,.result-first-actions,.ifl-actions,.wiz-actions{align-items:center} .to-header-right .btn,.result-first-actions .btn,.ifl-actions .btn,.wiz-actions .btn{min-height:44px} } @media (min-width:821px) and (max-width:1180px){ .to-page{--ap-content:100%} .to-page .to-header h1{font-size:31px!important} .pt-table .pt-name{min-width:175px!important;width:175px!important;max-width:175px!important} } @media (min-width:1440px){ .to-page{--ap-content:1280px} .to-page .to-header h1{font-size:36px!important} } @media print{ .protocol-focusbar,.to-tabs,.skip-link{display:none!important} .result-first-look,.individual-first-look,.history-first-look,.pt-card,.wiz-card{box-shadow:none!important} .result-first-look,.individual-first-look,.history-first-look,.pt-card,.wiz-card{border-color:#d7dde5!important} } :root{ --ap-status-ready:#18794e; --ap-status-adjust:#9a6700; --ap-status-stop:#b42318; --ap-status-ready-bg:#edf8f2; --ap-status-adjust-bg:#fff7df; --ap-status-stop-bg:#fff0ee; } .to-page .to-header h1, .result-first-copy h2, .ifl-intro h3, .history-first-head h2, .training-hero h1{ text-wrap:balance; } .to-page .to-header p, .result-first-copy p, .ifl-intro p, .history-first-head p, .training-hero>p{ max-width:62ch; } .result-first-copy p,.ifl-intro p,.history-first-head p{font-size:14px;line-height:1.48} .result-team-score strong,.result-first-kpis strong,.ifl-score strong,.history-kpis strong, .training-summary b,.training-readiness-head>strong{ font-variant-numeric:tabular-nums; letter-spacing:-.025em; } .result-team-score small,.result-first-kpis small,.ifl-grid small,.history-kpis small, .training-summary span,.training-readiness-head>div span{ letter-spacing:.07em; text-transform:uppercase; } .result-first-meta,.pg-meta-row,.history-compare-note{ background:transparent!important; box-shadow:none!important; } .result-focus-card,.ifl-grid article,.history-kpis article,.training-summary>div{ border-color:rgba(35,61,88,.10)!important; box-shadow:none!important; } .status-ready,.readiness-green,.tone-good,.is-ready{color:var(--ap-status-ready)!important} .status-adjust,.readiness-amber,.tone-mid,.is-adjust{color:var(--ap-status-adjust)!important} .status-stop,.readiness-coral,.tone-low,.is-warning{color:var(--ap-status-stop)!important} .status-pill,.result-status,.load-status{ display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 10px; border-radius:999px;font-size:12px;font-weight:800;border:1px solid currentColor; } .status-pill.ready,.result-status.ready,.load-status.ready{color:var(--ap-status-ready);background:var(--ap-status-ready-bg)} .status-pill.adjust,.result-status.adjust,.load-status.adjust{color:var(--ap-status-adjust);background:var(--ap-status-adjust-bg)} .status-pill.stop,.result-status.stop,.load-status.stop{color:var(--ap-status-stop);background:var(--ap-status-stop-bg)} .to-page .btn.primary,.to-page .btn.btn-primary,.training-primary{ min-height:48px;font-weight:850; } .result-first-actions .btn.primary,.ifl-actions .btn.primary,.wiz-actions .btn.primary{ padding-left:20px;padding-right:20px; } .to-page .btn:not(.primary):not(.btn-primary){box-shadow:none!important} .result-detail-block>summary,.ip-detail-block>summary,.pg-progression-table>summary,.training-technique>summary{ color:#51657a;font-size:13px;background:rgba(248,250,252,.58); } .result-detail-block>summary:hover,.ip-detail-block>summary:hover,.pg-progression-table>summary:hover{ background:rgba(241,245,249,.9); } .pg-meso-week h4,.pg-session h3,.training-list-preview b{line-height:1.2} .pg-meso-week>p,.pg-session p,.training-list-preview small{color:#66788a} .pg-meso-metrics strong{font-size:15px} .pg-meso-metrics small{font-size:9px;text-transform:uppercase;letter-spacing:.055em} .to-page input:valid:not(:placeholder-shown),.to-page select:valid{ transition:border-color .16s ease,background-color .16s ease; } .pt-table input:focus,.protocol-focusbar button:active,.training-rpe button:active{ transform:translateY(0);filter:brightness(.98); } @media (min-width:821px){ .result-first-look,.individual-first-look,.history-first-look{padding:28px 30px!important} .result-first-copy h2,.history-first-head h2{margin-bottom:7px!important} .result-focus-grid,.result-first-kpis,.ifl-grid,.history-kpis{margin-top:16px} .result-first-actions,.ifl-actions{margin-top:14px!important} .to-page .to-header-right .btn.primary{min-width:150px} } @media (pointer:coarse){ :where(.btn,button:not(.icon-btn),select,input[type="text"],input[type="number"],input[type="date"],input[type="email"],input[type="checkbox"]){min-height:48px} input[type="checkbox"]{min-width:48px} .to-tab{min-height:48px!important} } @media (max-width:820px){ .result-first-copy p,.ifl-intro p,.history-first-head p{font-size:13.5px} .eyebrow{font-size:10px} .result-first-actions,.ifl-actions{margin-top:12px} } nn.pg-mesocycle-v3 .pg-meso-weeks{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}n.pg-mesocycle-v3 .pg-meso-week{border-radius:18px;overflow:hidden}n.pg-meso-week-summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title state" "kpis kpis";min-height:0;padding:18px 18px 16px;gap:14px}n.pg-meso-week-title{grid-area:title;gap:4px;padding-right:4px}n.pg-meso-week-title>span{font-size:10px;letter-spacing:.09em}n.pg-meso-week-title>b{font-size:18px;line-height:1.15}n.pg-meso-week-title>small{font-size:12px;line-height:1.45;white-space:normal;overflow:visible;text-overflow:clip;max-width:34ch}n.pg-meso-week-state{grid-area:state;align-self:start;display:flex;align-items:center;gap:8px}n.pg-meso-week-state i{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:#f1f6f8;color:#526978;font-style:normal}n.pg-meso-week-kpis{grid-area:kpis;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}n.pg-meso-week-kpis>span{display:flex;flex-direction:column;justify-content:center;min-height:62px;padding:10px 12px;border-radius:12px;background:#f5f8fa}n.pg-meso-week-kpis strong{font-size:16px;line-height:1.1;color:#102b45;white-space:nowrap;order:1}n.pg-meso-week-kpis small{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#748592;font-weight:800;order:2;margin-top:5px}n.pg-meso-week-body{padding:14px 16px 18px}n.pg-meso-load-detail{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;margin:0 0 12px;border:1px solid #e5edf2;border-radius:12px;background:#fbfcfd}n.pg-meso-load-detail span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#6b7d8a}n.pg-meso-load-detail small{font-size:11px;color:#536979;text-align:right}n@media(max-width:1100px) and (min-width:641px){.pg-mesocycle-v3 .pg-meso-weeks{grid-template-columns:repeat(2,minmax(0,1fr))}}n@media(max-width:640px){.pg-mesocycle-v3 .pg-meso-weeks{grid-template-columns:1fr}.pg-meso-week-summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title state" "kpis kpis";padding:15px 14px;gap:12px}.pg-meso-week-title>b{font-size:17px}.pg-meso-week-title>small{font-size:11px}.pg-meso-week-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pg-meso-week-kpis>span{padding:8px 9px;min-height:56px}.pg-meso-week-kpis strong{font-size:14px}.pg-meso-week-kpis small{font-size:8px}.pg-meso-week-state{grid-column:auto;grid-row:auto}.pg-meso-load-detail{align-items:flex-start;flex-direction:column;gap:3px}.pg-meso-load-detail small{text-align:left}}n .training-context-note{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:11px 13px;border-radius:14px;background:rgba(0,210,255,.07);border:1px solid rgba(0,210,255,.16);color:#b9c8d8}.training-context-note b{flex:0 0 auto;color:#54e7d0;font-size:11px;letter-spacing:.04em}.training-context-note span{font-size:12px;line-height:1.4}.training-set-adjust{margin:-6px 0 14px}.training-link{appearance:none;border:0;background:transparent;color:#8fa6bb;font-weight:800;font-size:12px;padding:8px 2px;cursor:pointer}.training-set-adjust-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.training-set-adjust-fields label span{display:block;color:#8fa6bb;font-size:10px;font-weight:850;margin-bottom:5px}.training-set-adjust-fields input{width:100%;min-height:44px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#101824;color:#fff;padding:9px 10px;font:inherit}.training-set-adjust-fields>small{grid-column:1/-1;color:#71869b;font-size:10px}.training-exercise-tools{display:flex;align-items:center;gap:10px;margin:0 0 12px}.training-exercise-tools .training-secondary{min-height:46px;padding:10px 14px}.training-exercise-tools small{color:#74899e;font-size:10px}.training-live-swap{margin:0 0 16px;padding:13px;border-radius:16px;background:#111a27;border:1px solid rgba(0,210,255,.18)}.training-live-swap-head b{display:block;color:#fff;font-size:14px}.training-live-swap-head small{display:block;color:#8498ad;font-size:10px;margin:3px 0 9px}.training-live-swap>button[data-training-live-swap-choice]{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;text-align:left;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:11px;margin:7px 0;color:#fff;cursor:pointer}.training-live-swap>button[data-training-live-swap-choice] span b{display:block;font-size:13px}.training-live-swap>button[data-training-live-swap-choice] span small{display:block;color:#8498ad;font-size:10px;margin-top:2px}.training-live-swap>button[data-training-live-swap-choice] em{font-style:normal;color:#54e7d0;font-size:9px;font-weight:850;white-space:nowrap}.training-live-swap>p{color:#8fa2b5;font-size:11px}.training-actions .training-primary{letter-spacing:.02em} @media(max-width:739px){.training-set-adjust-fields{grid-template-columns:1fr}.training-set-adjust-fields>small{grid-column:1}.training-live-swap>button[data-training-live-swap-choice]{align-items:flex-start}.training-live-swap>button[data-training-live-swap-choice] em{white-space:normal;text-align:right;max-width:95px}.training-context-note{flex-direction:column;gap:4px}} .training-readiness-quick{padding:18px 18px 16px} .training-readiness-quick .training-readiness-head{align-items:flex-start;margin-bottom:14px} .training-readiness-quick .training-readiness-head>div>small{display:block;margin-top:5px;color:#91a0b2;font-size:11px;line-height:1.4} .training-readiness-status{min-width:82px;padding:9px 10px;border:1px solid currentColor;border-radius:16px;text-align:center;background:rgba(255,255,255,.025)} .training-readiness-status strong{display:block;font-size:24px;line-height:1;font-variant-numeric:tabular-nums} .training-readiness-status span{display:block;margin-top:4px;font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase} .training-readiness-row-quick{grid-template-columns:minmax(100px,.65fr) 1.55fr;padding:10px 0} .training-readiness-row-quick>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .training-readiness-row-quick button{min-height:48px;padding:7px 8px;border-radius:14px} .training-readiness-row-quick button b{display:block;font-size:12px;line-height:1.1} .training-readiness-row-quick button.is-selected{transform:translateY(-1px);box-shadow:0 0 0 2px rgba(0,210,255,.10) inset,0 8px 18px rgba(0,0,0,.14)} .training-readiness-row-quick button.is-inverse.is-selected{box-shadow:0 0 0 2px rgba(255,184,0,.09) inset,0 8px 18px rgba(0,0,0,.14)} @media(max-width:520px){ .training-readiness-quick{padding:15px 14px} .training-readiness-quick .training-readiness-head{gap:10px} .training-readiness-status{min-width:74px;padding:8px} .training-readiness-status strong{font-size:22px} .training-readiness-row-quick{grid-template-columns:1fr;gap:7px;padding:10px 0} .training-readiness-row-quick>span{font-size:12px} .training-readiness-row-quick button{min-height:50px} } .training-offline-status{width:min(860px,100%);margin:0 auto 16px;display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(25,34,49,.88);color:#f8fafc;box-shadow:0 10px 28px rgba(0,0,0,.16)} .training-offline-status>i{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#FFB800;box-shadow:0 0 0 5px rgba(255,184,0,.12)} .training-offline-status.is-pending>i{background:#00D2FF;box-shadow:0 0 0 5px rgba(0,210,255,.12)} .training-offline-status div{display:flex;flex-direction:column;gap:1px;min-width:0}.training-offline-status b{font-size:13px;line-height:1.25}.training-offline-status span{font-size:11px;line-height:1.35;color:#b8c3d2} @media(max-width:739px){.training-offline-status{position:relative;margin:0 0 12px;padding:10px 12px;border-radius:12px}.training-offline-status span{font-size:10px}} .coach-dashboard-simple{display:grid;gap:18px}.coach-dashboard-head-simple{align-items:center}.coach-simple-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.coach-simple-kpis article{background:#fff;border:1px solid #dbe5f0;border-radius:18px;padding:18px;display:grid;gap:5px;box-shadow:0 8px 24px rgba(18,45,74,.06)}.coach-simple-kpis article>span{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#64748b}.coach-simple-kpis strong{font-size:32px;line-height:1.05;color:#10213a}.coach-simple-kpis small{color:#718096}.coach-simple-kpis .is-good{border-top:4px solid #10b981}.coach-simple-kpis .is-warn{border-top:4px solid #f59e0b}.coach-simple-kpis .is-danger{border-top:4px solid #f87171}.coach-simple-kpis .is-neutral{border-top:4px solid #94a3b8}.coach-simple-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.6fr);gap:16px}.coach-attention-list{display:grid;gap:9px}.coach-attention-list>article{border:1px solid #f3d8a3;border-left:5px solid #f59e0b;border-radius:15px;background:#fffbeb;padding:13px 15px}.coach-attention-list article div{display:grid;gap:3px}.coach-attention-list small{color:#7c5a18}.coach-all-clear{border:1px solid #bfe8d4;border-radius:15px;background:#f0fdf4;padding:16px;display:grid;gap:4px}.coach-all-clear strong{color:#166534}.coach-all-clear span{color:#4b6b5a}.coach-next-match{padding:16px;border-radius:16px;background:#f8fbfe;border:1px solid #dbe5f0;display:grid;gap:4px}.coach-next-match>span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#64748b}.coach-next-match strong{font-size:24px;color:#10213a}.coach-next-match small{color:#64748b}.coach-next-actions{display:flex;gap:8px;margin-top:12px}.coach-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.coach-player-card{border:1px solid #dbe5f0;border-radius:18px;padding:16px;background:#fff;display:grid;gap:10px;min-width:0}.coach-player-card.is-done{border-top:4px solid #10b981}.coach-player-card.is-attention{border-top:4px solid #f59e0b}.coach-player-card.is-quiet{border-top:4px solid #cbd5e1}.coach-player-main{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.coach-player-main>div{display:grid;gap:2px;min-width:0}.coach-player-main strong{font-size:17px;color:#10213a;overflow:hidden;text-overflow:ellipsis}.coach-player-main small,.coach-player-card>p,.coach-player-session{color:#64748b}.coach-player-card>p{margin:0;font-size:13px}.coach-player-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;background:#eef4f8;color:#40536a;font-size:11px;font-weight:900;white-space:nowrap}.coach-player-card.is-done .coach-player-status{background:#dcfce7;color:#166534}.coach-player-card.is-attention .coach-player-status{background:#fef3c7;color:#92400e}.coach-player-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:8px;border-top:1px solid #edf2f7}.coach-player-meta span{display:grid;gap:2px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:#7b8798}.coach-player-meta b{font-size:15px;text-transform:none;letter-spacing:0;color:#20354e}.coach-player-session{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coach-players-simple .org-section-head{align-items:flex-start} @media(max-width:1050px){.coach-simple-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.coach-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:780px){.coach-simple-grid{grid-template-columns:1fr}.coach-player-grid{grid-template-columns:1fr}.coach-dashboard-head-simple{align-items:stretch}.coach-next-actions .btn{flex:1}} @media(max-width:520px){.coach-simple-kpis{grid-template-columns:1fr 1fr}.coach-simple-kpis article{padding:14px}.coach-simple-kpis strong{font-size:27px}.coach-player-meta{grid-template-columns:repeat(3,minmax(0,1fr))}} .pg-mesocycle-v3 .pg-meso-weeks{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; align-items:stretch !important; } .pg-mesocycle-v3 .pg-meso-week{ min-width:0 !important; border-radius:18px !important; overflow:hidden !important; } .pg-mesocycle-v3 .pg-meso-week[open]{ grid-column:1 / -1 !important; } .pg-mesocycle-v3 .pg-meso-week-summary{ display:grid !important; grid-template-columns:minmax(0,1fr) 34px !important; grid-template-rows:auto auto !important; grid-template-areas:"title state" "kpis state" !important; align-items:start !important; gap:14px 12px !important; min-height:154px !important; padding:18px !important; box-sizing:border-box !important; } .pg-mesocycle-v3 .pg-meso-week-title{ grid-area:title !important; min-width:0 !important; display:grid !important; gap:4px !important; padding:0 !important; } .pg-mesocycle-v3 .pg-meso-week-title>span{ font-size:10px !important; line-height:1.2 !important; text-transform:uppercase !important; letter-spacing:.08em !important; } .pg-mesocycle-v3 .pg-meso-week-title>b{ font-size:17px !important; line-height:1.18 !important; white-space:normal !important; overflow-wrap:anywhere !important; } .pg-mesocycle-v3 .pg-meso-week-title>small{ display:block !important; font-size:11px !important; line-height:1.35 !important; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; max-width:none !important; } .pg-mesocycle-v3 .pg-meso-week-kpis{ grid-area:kpis !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:7px !important; min-width:0 !important; } .pg-mesocycle-v3 .pg-meso-week-kpis>span{ min-width:0 !important; min-height:54px !important; padding:9px 8px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; border-radius:11px !important; background:#f3f7f9 !important; box-sizing:border-box !important; } .pg-mesocycle-v3 .pg-meso-week-kpis strong{ order:1 !important; font-size:13px !important; line-height:1.1 !important; white-space:nowrap !important; } .pg-mesocycle-v3 .pg-meso-week-kpis small{ order:2 !important; margin-top:4px !important; font-size:8px !important; line-height:1.1 !important; } .pg-mesocycle-v3 .pg-meso-week-state{ grid-area:state !important; align-self:start !important; justify-self:end !important; display:grid !important; justify-items:center !important; gap:7px !important; } .pg-mesocycle-v3 .pg-meso-week-state i{ width:30px !important; height:30px !important; border-radius:10px !important; } @media(max-width:1100px) and (min-width:641px){ .pg-mesocycle-v3 .pg-meso-weeks{grid-template-columns:repeat(2,minmax(0,1fr)) !important} } @media(max-width:640px){ .pg-mesocycle-v3 .pg-meso-weeks{grid-template-columns:1fr !important} .pg-mesocycle-v3 .pg-meso-week[open]{grid-column:auto !important} .pg-mesocycle-v3 .pg-meso-week-summary{min-height:0 !important;padding:15px 14px !important} .pg-mesocycle-v3 .pg-meso-week-title>b{font-size:17px !important} }    .track-premium-copy{ min-width:0; max-width:none!important; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:72px clamp(44px,7vw,96px)!important; }   .track-premium-copy h1{ max-width:12ch!important; margin:18px 0 18px!important; font-size:clamp(40px,4vw,58px)!important; line-height:1.04!important; letter-spacing:-.045em!important; text-wrap:balance; overflow-wrap:anywhere; } .track-premium-copy>p{ max-width:34rem!important; min-height:0!important; color:#b8c6d8!important; font-size:17px!important; line-height:1.65!important; } .track-premium-actions{display:flex;gap:12px;margin-top:30px} .track-premium-actions a{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 22px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:850} .track-premium-primary{background:var(--track);border:1px solid var(--track);color:#fff;box-shadow:0 14px 30px color-mix(in srgb,var(--track) 30%,transparent)} .track-premium-secondary{border:1px solid #536174;background:transparent;color:#fff} .track-premium-visual{position:relative;min-width:0;min-height:620px;border-left:1px solid rgba(148,163,184,.14);padding:0 clamp(34px,5vw,78px) 52px 0;background:#081321;display:flex;align-items:stretch} .track-premium-image{position:relative;flex:1;min-width:0;border-radius:0 0 28px 0;background:linear-gradient(90deg,rgba(4,13,24,.68) 0%,rgba(4,13,24,.30) 42%,rgba(4,13,24,.08) 76%),linear-gradient(145deg,rgba(20,184,166,.26) 0%,rgba(20,184,166,.07) 46%,transparent 72%),var(--track-image) center/cover no-repeat;filter:saturate(.78) brightness(.72);box-shadow:0 28px 70px rgba(0,0,0,.24),inset 0 0 42px 12px #081321;overflow:hidden} .track-premium-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,31,.18),transparent 30%),linear-gradient(0deg,rgba(7,17,31,.12),transparent 40%)} .track-premium-stat{position:absolute;left:-14px;bottom:30px;z-index:2;min-width:170px;max-width:230px;padding:15px 18px;border:1px solid rgba(148,163,184,.27);border-radius:14px;background:rgba(7,17,31,.94);box-shadow:0 18px 45px rgba(0,0,0,.30);backdrop-filter:blur(12px)} .track-premium-stat strong{display:block;color:color-mix(in srgb,var(--track) 62%,white);font-family:var(--user-font-heading,var(--font-display));font-size:27px;font-weight:400;line-height:1.05} .track-premium-stat span{display:block;margin-top:5px;color:#9fb0c4;font-size:11px;line-height:1.35}               @media(max-width:1440px){  .track-premium-copy{padding:60px clamp(28px,4vw,54px)!important} .track-premium-copy h1{max-width:11.5ch!important;font-size:clamp(36px,3.5vw,50px)!important} .track-premium-copy>p{max-width:31rem!important;font-size:16px!important} .track-premium-visual{padding:0 clamp(12px,2vw,26px) 38px 0} .track-premium-stat{left:10px;bottom:20px} } @media(max-width:1180px){  .track-premium-copy{padding:50px 26px!important} .track-premium-copy h1{max-width:11ch!important;font-size:clamp(32px,3.4vw,42px)!important} .track-premium-copy>p{max-width:28rem!important} .track-premium-actions{flex-wrap:wrap} .track-premium-visual{padding-right:12px} } @media(max-width:980px){  .track-premium-copy{order:1;padding:38px 24px 30px!important} .track-premium-copy h1{max-width:13ch!important;font-size:clamp(34px,5.8vw,46px)!important} .track-premium-copy>p{max-width:100%!important} .track-premium-actions{width:100%;display:grid;grid-template-columns:1fr 1fr} .track-premium-visual{order:2;min-height:390px;border-left:0;border-top:1px solid rgba(148,163,184,.14);padding:0 14px 28px} .track-premium-image{min-height:390px;border-radius:0 0 22px 22px} .track-premium-stat{left:22px;bottom:10px} } @media(max-width:820px){  .track-premium-copy{padding:38px 20px 32px!important} .track-premium-copy h1{font-size:clamp(38px,11vw,50px)!important;max-width:13ch!important} .track-premium-copy>p{font-size:16px!important} .track-premium-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}   } @media(max-width:820px){   .track-premium-copy{order:1;padding:38px 20px 32px!important} .track-premium-copy h1{font-size:clamp(38px,11vw,50px)!important} .track-premium-copy>p{font-size:16px!important} .track-premium-actions{width:100%;display:grid;grid-template-columns:1fr 1fr} .track-premium-visual{order:2;min-height:390px;border-left:0;border-top:1px solid rgba(148,163,184,.14);padding:0 16px 28px} .track-premium-image{min-height:390px;border-radius:0 0 22px 22px} .track-premium-stat{left:28px;bottom:10px}   }                                                        @media(max-width:1000px){     } @media(max-width:900px){      } @media(max-width:640px){                 }                                        @media(max-width:1000px){} @media(max-width:820px){} @media(max-width:560px){}                                     @media(max-width:1100px){       } @media(max-width:860px){           } @media(max-width:560px){             }   *,*::before,*::after{box-sizing:border-box} html[lang="sv"],html[lang="en"]{text-size-adjust:100%;-webkit-text-size-adjust:100%} :where(main,section,article,aside,nav,header,footer,div,form,fieldset,label,span){min-width:0} :where(input,select,textarea,button){max-width:100%} .field :where(input,select,textarea), .reg-row :where(input,select,textarea), .account-grid :where(input,select,textarea), .adm-form-grid :where(input,select,textarea), .proto-toolbar-fields :where(input,select,textarea){width:100%;min-width:0}  .football-hero h1{ white-space:normal!important; max-width:22ch!important; overflow:visible!important; overflow-wrap:normal!important; word-break:normal!important; text-wrap:balance; } .football-hero-copy{min-width:0!important}  .topbar,.topbar-inner,.nav-right,.topbar-menu{isolation:isolate} .topbar-menu{position:relative;z-index:1001!important} .topbar-menu-panel{ z-index:1100!important; background:#fff!important; isolation:isolate; overflow:visible!important; box-shadow:0 22px 52px rgba(12,29,50,.22)!important; } .topbar-menu-panel a,.topbar-menu-panel b,.topbar-menu-panel small{position:relative;z-index:2} .manual-complete-page,.manual-complete-list,.manual-protocol-card, .manual-protocol-body,.manual-protocol-grid,.manual-protocol-grid article{position:relative;isolation:isolate;min-width:0} .manual-protocol-card,.manual-protocol-body,.manual-protocol-grid article{background:var(--surface,#fff)} .manual-complete-page :is(p,small,strong,h2,h3,h4), .manual-protocol-card :is(p,small,strong,h2,h3,h4){position:relative;z-index:2;overflow:visible!important}    .pt-scroll,.rt-scroll,.table-scroll,.pg-table-scroll,.org-table-scroll{max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-inline:contain} :where(table){max-width:100%} @media(max-width:760px){ .topbar-menu-panel{width:min(280px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important} .football-hero h1{max-width:100%!important;overflow-wrap:normal!important}    .reg-row,.account-grid,.adm-form-grid,.proto-toolbar-fields{min-width:0} } @media(max-width:560px){  } @media(min-width:821px){  } @media(max-width:560px){   html[lang="en"] .reg-form-hdr h2{font-size:24px!important;letter-spacing:-.02em} html[lang="en"] .reg-form-hdr p{font-size:12px!important} html[lang="en"] .access-card h1{font-size:30px!important} } @media(max-width:900px){ .trust-v132-grid{grid-template-columns:1fr!important;margin-top:0!important} .trust-v132-grid article, .trust-v132-grid article:first-child, .trust-v132-grid article:last-child{ grid-template-columns:36px minmax(0,1fr)!important; min-height:0!important; padding:18px 0!important; border-left:0!important; border-top:1px solid #e4eaf0!important; } .trust-v132-grid article:first-child{border-top:0!important} } @media (min-width:761px) and (max-width:820px){  } .typography-settings-grid.is-compact .typography-controls{grid-template-columns:1fr!important} @media(max-width:899px){ .account-typography-card .typography-controls{grid-template-columns:1fr!important} } .account-summary b,.account-summary small{max-width:136px!important} .adm-edit-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;min-width:0} @media(max-width:760px){ .adm-edit-hdr{flex-direction:column!important;align-items:stretch!important} .adm-edit-actions{width:100%;justify-content:flex-start!important} .adm-edit-actions .btn{flex:1 1 auto;min-width:0} } .adm-item-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 30px;gap:4px!important;justify-content:stretch!important;min-width:0} .adm-item-actions .btn.xs{width:100%;min-width:0;padding-left:6px!important;padding-right:6px!important} @media(max-width:760px){.adm-item-actions{max-width:180px}} @media(max-width:820px){ .manual-area-filters{overflow-x:visible!important;flex-wrap:wrap!important} .manual-area-filter{flex:0 1 auto!important} }  .org-home-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .org-home-summary article{background:#fff;border:1px solid #dce5f0;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(18,35,63,.05);display:grid;gap:6px} .org-home-summary span{font-size:12px;font-weight:800;color:#607086}.org-home-summary strong{font-size:30px;color:#12233f;line-height:1.05} .org-home-section{background:#fff;border:1px solid #dce5f0;border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(18,35,63,.05)} .org-home-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .org-home-team-card{border:1px solid #dce5f0;border-radius:17px;padding:18px;background:#f9fbfd;display:grid;gap:15px;min-width:0;transition:.16s ease} .org-home-team-card:hover{border-color:#b9c9df;box-shadow:0 12px 28px rgba(18,35,63,.08);transform:translateY(-1px)} .org-home-team-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.org-home-team-top h2{margin:4px 0 2px;font-size:23px}.org-home-team-top p{margin:0;color:#607086} .org-home-score{min-width:78px;text-align:center;background:#eef3ff;border:1px solid #d4def8;border-radius:13px;padding:10px}.org-home-score b{display:block;font-size:24px;color:#173a94}.org-home-score span{display:block;font-size:10px;font-weight:800;color:#607086} .org-home-team-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px solid #dce5f0;padding-top:13px}.org-home-team-stats span{font-size:10px;color:#68778b;min-width:0}.org-home-team-stats b{display:block;font-size:14px;color:#12233f;overflow-wrap:anywhere;margin-bottom:2px} .org-home-team-actions{display:flex;gap:8px;flex-wrap:wrap}.org-home-team-actions .btn{flex:1;min-width:120px} .org-home-lower{align-items:start}.org-home-help ol{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:11px}.org-home-help li{display:flex;align-items:center;gap:10px}.org-home-help li b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef3ff;color:#3157d5;font-size:12px}.org-home-help li span{color:#526176} .org-tab-context{display:inline-flex;align-items:center;padding:0 10px;font-size:11px;font-weight:800;color:#708096;white-space:nowrap} .org-advanced-actions{margin-top:auto;padding-top:14px;border-top:1px solid #dce5f0;display:flex;flex-wrap:wrap;gap:7px}.org-advanced-actions>span{width:100%;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#78869a}.org-advanced-actions .btn{margin:0!important;justify-content:center!important;width:auto!important} .org-workspace-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;margin:0 0 18px;background:#f7f9fc;border:1px solid #e1e8f2;border-radius:12px}.org-workspace-tools>span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:#66768b;margin-right:3px} .org-invitations article .orgCopyInvite{margin-top:7px;justify-self:start} @media(max-width:980px){.org-home-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.org-home-team-grid{grid-template-columns:1fr}.org-home-team-stats{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.org-home-summary{grid-template-columns:1fr 1fr}.org-home-summary article{padding:14px}.org-home-summary strong{font-size:25px}.org-home-section{padding:16px}.org-home-team-top{flex-direction:column}.org-home-score{text-align:left;display:flex;align-items:baseline;gap:8px;width:100%}.org-home-score b{font-size:22px}.org-home-team-actions{display:grid;grid-template-columns:1fr}.org-home-team-actions .btn{width:100%}.org-workspace-tools{align-items:stretch}.org-workspace-tools>span{width:100%}.org-workspace-tools .btn{flex:1}} .org-setup-panel{overflow:hidden}.org-setup-panel .org-section-head{align-items:center}.org-setup-ring{min-width:84px;height:84px;border:1px solid rgba(148,163,184,.35);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.04)}.org-setup-ring strong{font-size:24px;line-height:1}.org-setup-ring span{font-size:11px;opacity:.7;margin-top:5px}.org-setup-progress{height:8px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden;margin:4px 0 16px}.org-setup-progress i{display:block;height:100%;border-radius:inherit;background:currentColor;opacity:.85}.org-setup-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.org-setup-step{appearance:none;border:1px solid rgba(148,163,184,.28);border-radius:16px;padding:14px;text-align:left;background:rgba(255,255,255,.03);display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;color:inherit;cursor:pointer}.org-setup-step:hover{border-color:rgba(99,102,241,.55);transform:translateY(-1px)}.org-setup-step b{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(99,102,241,.14)}.org-setup-step.done b{background:rgba(34,197,94,.14)}.org-setup-step span{font-weight:700;font-size:13px}.org-setup-step small{font-size:11px;opacity:.7}.org-setup-step.done{opacity:.78}.org-home-team-card,.org-team-card,.org-section{box-shadow:0 10px 28px rgba(15,23,42,.05)} @media(max-width:900px){.org-setup-steps{grid-template-columns:1fr 1fr}}@media(max-width:600px){.org-setup-steps{grid-template-columns:1fr}.org-setup-step{grid-template-columns:34px 1fr auto}.org-setup-ring{min-width:72px;height:72px}} .org-user-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.org-user-kpis article{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--card,rgba(255,255,255,.04));display:grid;gap:4px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.org-user-kpis span{font-size:12px;font-weight:750;opacity:.72}.org-user-kpis strong{font-size:25px;line-height:1.1}.org-user-kpis small{font-size:11px;opacity:.65}.org-users-head{align-items:flex-start}.org-user-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.org-user-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 14px}.org-user-toolbar label{display:grid;gap:5px;min-width:min(420px,100%)}.org-user-toolbar label>span{font-size:12px;font-weight:750;opacity:.72}.org-user-toolbar>span{font-size:12px;font-weight:700;opacity:.65;white-space:nowrap}.org-user-add-form{margin-top:16px}.org-user-invite-list{display:grid;gap:10px}.org-user-invite-card{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.org-user-invite-card>div{display:grid;gap:3px}.org-user-invite-card>div:last-child{display:flex;align-items:center;gap:8px}.org-user-invite-card small{opacity:.7}.org-user-invite-card code{font-size:12px;padding:5px 8px;border-radius:8px;background:rgba(148,163,184,.12)} @media(max-width:900px){.org-user-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.org-users-head{display:grid!important}.org-user-head-actions{justify-content:flex-start}.org-user-toolbar{align-items:stretch;flex-direction:column}.org-user-toolbar label{min-width:0;width:100%}.org-user-invite-card{align-items:flex-start;flex-direction:column}.org-user-invite-card>div:last-child{width:100%;justify-content:space-between}} @media(max-width:540px){.org-user-kpis{grid-template-columns:1fr 1fr}.org-user-kpis article{padding:13px}.org-user-head-actions .btn{flex:1}.org-user-invite-card>div:last-child{align-items:flex-start;flex-direction:column}} .org-leadership{display:grid;gap:20px} .org-lead-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.55fr);gap:22px;align-items:stretch;background:linear-gradient(135deg,#f7faff 0%,#eef4fb 100%);border:1px solid #d8e3f0;border-radius:20px;padding:24px;box-shadow:0 10px 28px rgba(18,35,63,.06)} .org-lead-hero h2{margin:6px 0 8px;font-size:clamp(24px,3vw,34px);color:#12233f}.org-lead-hero p{margin:0;max-width:760px;color:#5e6d82;line-height:1.6} .org-lead-orgscore{border-radius:18px;background:#fff;border:1px solid #dce5f0;padding:20px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 22px rgba(18,35,63,.05)} .org-lead-orgscore span{font-size:13px;font-weight:800;color:#607086}.org-lead-orgscore strong{font-size:44px;line-height:1;margin:8px 0;color:#12233f}.org-lead-orgscore small{color:#6d7b90} .org-lead-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,.72fr);gap:20px;align-items:start}.org-lead-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .org-lead-team{border:1px solid #dce5f0;border-radius:16px;background:#fff;padding:16px;display:grid;gap:14px;box-shadow:0 7px 20px rgba(18,35,63,.04)} .org-lead-team.warn{border-color:#ead7a8;background:#fffdf7}.org-lead-team.attention{border-color:#edc4c4;background:#fff9f9}.org-lead-team-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.org-lead-team-head h3{margin:6px 0 2px;font-size:19px;color:#12233f}.org-lead-team-head p{margin:0;color:#758398;font-size:13px} .org-lead-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:850;background:#eaf6ef;color:#286345}.org-lead-status.warn{background:#fff1cc;color:#7b5a09}.org-lead-status.attention{background:#fde5e5;color:#923939} .org-lead-score{text-align:right}.org-lead-score strong{display:block;font-size:30px;color:#12233f;line-height:1}.org-lead-score span{font-size:11px;color:#7b8899;font-weight:750}.org-lead-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.org-lead-metrics span{display:flex;flex-direction:column;background:#f7f9fc;border-radius:11px;padding:9px 10px;font-size:11px;color:#738197}.org-lead-metrics b{font-size:14px;color:#233856;margin-bottom:2px}.org-lead-metrics b.positive{color:#28734b}.org-lead-metrics b.negative{color:#a14444} .org-lead-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}.org-lead-foot>span{font-size:12px;color:#6f7e92}.org-lead-aside{position:sticky;top:86px}.org-lead-attention-list{display:grid;gap:9px}.org-lead-attention{width:100%;border:1px solid #dce5f0;background:#fff;border-radius:12px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.org-lead-attention.warn{border-color:#ead7a8}.org-lead-attention.attention{border-color:#edc4c4}.org-lead-attention span{display:flex;flex-direction:column;gap:2px}.org-lead-attention strong{color:#203552}.org-lead-attention small{color:#78869a}.org-lead-attention>b{font-size:20px;color:#66778d}.org-lead-note{margin-top:16px;padding:14px;border-radius:12px;background:#f6f8fb;color:#617085}.org-lead-note strong{display:block;color:#253956;margin-bottom:4px}.org-lead-note p{font-size:12px;line-height:1.5;margin:0} @media(max-width:980px){.org-lead-hero,.org-lead-grid{grid-template-columns:1fr}.org-lead-aside{position:static}.org-lead-team-grid{grid-template-columns:1fr}} @media(max-width:680px){.org-lead-hero{padding:18px;border-radius:16px}.org-lead-orgscore strong{font-size:38px}.org-lead-team-grid{grid-template-columns:1fr}.org-lead-metrics{grid-template-columns:1fr 1fr}.org-lead-foot{align-items:flex-start;flex-direction:column}.org-lead-foot .btn{width:100%;justify-content:center}} .org-development-view{display:grid;gap:18px}.org-dev-kpis{margin:18px 0}.org-dev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.org-dev-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:16px;display:grid;gap:14px}.org-dev-card-head,.org-dev-main,.org-dev-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.org-dev-card-head strong{display:block;font-size:1rem}.org-dev-card-head small{display:block;opacity:.68;margin-top:3px}.org-dev-delta{font-weight:800;font-size:.82rem;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.06)}.org-dev-delta.positive{background:rgba(55,180,120,.14)}.org-dev-delta.negative{background:rgba(215,95,90,.14)}.org-dev-main>div:first-child b{display:block;font-size:2rem;line-height:1}.org-dev-main>div:first-child span{font-size:.74rem;opacity:.65}.org-dev-spark{height:48px;min-width:118px;display:flex;align-items:flex-end;gap:5px;padding:4px 0}.org-dev-spark i{display:block;flex:1;min-width:8px;max-width:18px;border-radius:5px 5px 2px 2px;background:currentColor;opacity:.45}.org-dev-emptybar{display:block;width:100%;height:1px;background:rgba(255,255,255,.12)}.org-dev-meta{font-size:.78rem;opacity:.78;border-top:1px solid rgba(255,255,255,.07);padding-top:10px;flex-wrap:wrap}@media(max-width:700px){.org-dev-card-head,.org-dev-main{align-items:flex-start}.org-dev-main{flex-direction:column}.org-dev-spark{width:100%;min-width:0}.org-dev-grid{grid-template-columns:1fr}} .org-dev-card{overflow:visible}.org-dev-detail{margin:16px -2px 0;border-top:1px solid rgba(15,23,42,.09);padding-top:12px}.org-dev-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-weight:800;font-size:13px;color:#10243e;padding:6px 2px}.org-dev-detail>summary::-webkit-details-marker{display:none}.org-dev-detail[open]>summary span{transform:rotate(180deg)}.org-dev-detail>summary span{transition:transform .18s ease}.org-dev-detail-body{padding-top:12px}.org-dev-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}.org-dev-detail-summary article{padding:12px;border-radius:12px;background:rgba(15,23,42,.035);min-width:0}.org-dev-detail-summary small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-weight:800;margin-bottom:5px}.org-dev-detail-summary strong{display:block;font-size:13px;color:#0f172a;overflow:hidden;text-overflow:ellipsis}.org-dev-detail-summary span{display:block;font-size:12px;color:#475569;margin-top:3px}.org-dev-detail-section{margin-top:16px}.org-dev-detail-section h4{margin:0 0 5px;font-size:14px}.org-dev-detail-section>p{margin:0 0 8px;font-size:12px;color:#64748b}.org-dev-detail-table{width:100%;border-collapse:collapse;font-size:12px;min-width:520px}.org-dev-detail-table th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;text-align:left;padding:8px 7px;border-bottom:1px solid rgba(15,23,42,.1)}.org-dev-detail-table td{padding:9px 7px;border-bottom:1px solid rgba(15,23,42,.065);vertical-align:middle}.org-dev-detail-table td strong{display:block;font-size:12px;color:#0f172a}.org-dev-detail-table td small{display:block;color:#94a3b8;margin-top:2px}.org-dev-change{font-weight:800;white-space:nowrap}.org-dev-change.positive{color:#15803d}.org-dev-change.negative{color:#b91c1c}.org-dev-change.neutral{color:#64748b}.org-dev-method-note{font-size:11px!important;line-height:1.5;color:#64748b!important;margin:15px 0 2px!important;padding:10px 12px;border-radius:10px;background:rgba(15,23,42,.035)}.org-dev-detail-empty{font-size:12px;color:#64748b;padding:8px 0}.org-dev-meta{flex-wrap:wrap}.org-dev-meta span{max-width:100%} @media(max-width:760px){.org-dev-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.org-dev-detail{margin-top:12px}.org-dev-detail-body .table-wrap{margin-left:-2px;margin-right:-2px}.org-dev-detail-table{font-size:11px}.org-dev-tests{min-width:700px}} .team-hub{display:grid;gap:18px;margin-top:18px;padding:0;background:transparent}.team-hub-hero{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;padding:26px 28px;border-radius:24px;background:linear-gradient(135deg,rgba(16,39,61,.98),rgba(25,62,83,.94));color:#fff;box-shadow:0 18px 50px rgba(8,29,45,.14)}.team-hub-hero h2{font-size:clamp(28px,4vw,42px);margin:3px 0}.team-hub-hero p{margin:0;opacity:.78}.team-hub-score{min-width:150px;text-align:right}.team-hub-score span,.team-hub-score small{display:block}.team-hub-score span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.72}.team-hub-score strong{display:block;font-size:44px;line-height:1;margin:6px 0}.team-hub-score small.positive{color:#b8f2ce}.team-hub-score small.negative{color:#ffd0ca}.team-hub-primary-actions{display:flex;gap:10px;flex-wrap:wrap}.team-hub-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.team-hub-kpis article{padding:16px;border:1px solid var(--line,#d9e2e8);border-radius:17px;background:var(--card,#fff);min-width:0}.team-hub-kpis span,.team-hub-kpis small{display:block;color:var(--muted,#627482)}.team-hub-kpis span{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.team-hub-kpis strong{display:block;font-size:22px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-hub-kpis small{font-size:12px}.team-hub-nav{display:flex;gap:4px;padding:5px;border-radius:15px;background:rgba(25,62,83,.07);overflow-x:auto}.team-hub-nav button{border:0;background:transparent;padding:10px 14px;border-radius:11px;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer;color:var(--ink,#183447)}.team-hub-nav button:hover,.team-hub-nav button.active{background:var(--card,#fff);box-shadow:0 2px 10px rgba(12,38,55,.08)}.team-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.team-hub-panel{padding:20px;border:1px solid var(--line,#d9e2e8);border-radius:20px;background:var(--card,#fff)}.team-hub-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px}.team-hub-panel-head h3{margin:2px 0 0;font-size:19px}.team-hub-count{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:99px;background:rgba(25,62,83,.08);font-weight:800}.team-hub-alert-list,.team-hub-session-list,.team-hub-person-list,.team-hub-staff{display:grid;gap:8px}.team-hub-alert{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:1px solid var(--line,#d9e2e8);border-radius:14px;background:transparent;padding:12px 13px;cursor:pointer}.team-hub-alert span span,.team-hub-alert small{display:block}.team-hub-alert strong{display:block;margin-bottom:2px}.team-hub-alert small{color:var(--muted,#627482);line-height:1.35}.team-hub-alert.warn{border-color:#e4c578;background:rgba(231,190,70,.08)}.team-hub-alert.attention{border-color:#e1a59c;background:rgba(204,93,73,.07)}.team-hub-clear{padding:14px;border-radius:14px;background:rgba(57,139,91,.08)}.team-hub-clear strong,.team-hub-clear span{display:block}.team-hub-clear span{margin-top:4px;color:var(--muted,#627482);font-size:13px}.team-hub-session,.team-hub-person,.team-hub-staff article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(111,136,152,.16)}.team-hub-session:last-child,.team-hub-person:last-child,.team-hub-staff article:last-child{border-bottom:0}.team-hub-session span,.team-hub-person small,.team-hub-staff span{display:block;color:var(--muted,#627482);font-size:12px;margin-top:2px}.team-hub-session>b{font-size:17px}.team-hub-empty{color:var(--muted,#627482);margin:4px 0}.team-hub-method{font-size:12px;line-height:1.5;color:var(--muted,#627482);margin:0 4px 4px}@media(max-width:1050px){.team-hub-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.team-hub-hero{align-items:flex-start;padding:22px;flex-direction:column}.team-hub-score{text-align:left}.team-hub-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.team-hub-grid{grid-template-columns:1fr}.team-hub-primary-actions .btn{flex:1 1 calc(50% - 10px)}}@media(max-width:430px){.team-hub-kpis{grid-template-columns:1fr 1fr}.team-hub-kpis strong{font-size:19px}.team-hub-primary-actions .btn{flex-basis:100%}} .org-dev-action{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 18px;border:1px solid rgba(35,99,235,.18);border-radius:18px;background:linear-gradient(135deg,rgba(35,99,235,.08),rgba(255,255,255,.72))}.org-dev-action>div{display:flex;flex-direction:column;gap:3px}.org-dev-action small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;opacity:.66}.org-dev-action strong{font-size:18px}.org-dev-action span{font-size:13px;line-height:1.45;opacity:.8;max-width:680px}.team-hub-person-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pg-action-origin{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin:0 0 18px;border-radius:20px;border:1px solid rgba(35,99,235,.18);background:linear-gradient(135deg,rgba(35,99,235,.10),rgba(255,255,255,.86));box-shadow:0 8px 24px rgba(25,45,85,.05)}.pg-action-origin>div{display:flex;flex-direction:column;gap:4px}.pg-action-origin strong{font-size:20px}.pg-action-origin p{margin:0;max-width:760px;line-height:1.5}.pg-action-chip{white-space:nowrap;border-radius:999px;padding:7px 11px;background:rgba(35,99,235,.10);font-size:12px;font-weight:800}@media(max-width:700px){.org-dev-action,.pg-action-origin{align-items:stretch;flex-direction:column}.org-dev-action .btn{width:100%}.pg-action-chip{align-self:flex-start}.team-hub-person-actions{justify-content:flex-start}} .team-hub-followup-list{display:grid;gap:10px}.team-hub-followup{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--border,#dfe5ea);border-radius:14px;background:rgba(255,255,255,.72)}.team-hub-followup>div{display:grid;gap:2px;min-width:0}.team-hub-followup span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.68}.team-hub-followup strong{font-size:.98rem}.team-hub-followup small{opacity:.74}.team-hub-followup.negative{border-color:rgba(185,78,62,.35)}.team-hub-followup.positive{border-color:rgba(55,128,94,.3)}.org-dev-action.active-action{border-color:rgba(45,106,145,.28);background:rgba(236,246,252,.72)}@media(max-width:720px){.team-hub-followup{align-items:flex-start;flex-direction:column}.team-hub-followup .btn{width:100%}} .org-dev-effect{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:18px 20px;margin:0 0 18px;border:1px solid rgba(15,23,42,.12);border-radius:18px;background:rgba(248,250,252,.92)}.org-dev-effect.positive{border-color:rgba(22,128,70,.28);background:rgba(240,253,244,.88)}.org-dev-effect.warn{border-color:rgba(202,138,4,.30);background:rgba(254,252,232,.9)}.org-dev-effect.negative{border-color:rgba(185,28,28,.24);background:rgba(254,242,242,.9)}.org-dev-effect-main{display:grid;gap:3px;min-width:0}.org-dev-effect-main small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;opacity:.66}.org-dev-effect-main strong{font-size:19px}.org-dev-effect-main span{font-size:13px;line-height:1.45;opacity:.82;max-width:700px}.org-dev-effect-result{text-align:center;min-width:92px}.org-dev-effect-result b{display:block;font-size:20px}.org-dev-effect-result small{display:block;margin-top:3px;font-size:11px;opacity:.68}.team-hub-followup.warn{border-color:rgba(202,138,4,.32);background:rgba(254,252,232,.58)}@media(max-width:760px){.org-dev-effect{grid-template-columns:1fr;align-items:stretch}.org-dev-effect-result{text-align:left}.org-dev-effect .btn{width:100%}} .org-notifications-view{display:grid;gap:18px}.org-notification-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px}.org-notification-hero h2{margin:.2rem 0 .45rem}.org-notification-hero p{max-width:760px;margin:0}.org-notification-total{min-width:130px;text-align:center;padding:18px 20px;border-radius:18px;background:rgba(15,36,55,.06)}.org-notification-total strong{display:block;font-size:2rem;line-height:1}.org-notification-total span{display:block;margin-top:6px;font-size:.82rem;opacity:.7}.org-notification-list{display:grid;gap:10px}.org-notification{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid rgba(15,36,55,.1);border-radius:15px;background:#fff}.org-notification-main{display:flex;gap:12px;align-items:flex-start;min-width:0}.org-notification-dot{width:10px;height:10px;border-radius:50%;margin-top:8px;background:#708090;flex:0 0 auto}.org-notification.warn .org-notification-dot{background:#b7791f}.org-notification.danger .org-notification-dot,.org-notification.negative .org-notification-dot{background:#b83232}.org-notification.info .org-notification-dot{background:#3b6ea8}.org-notification-main small{display:block;font-size:.76rem;opacity:.62;margin-bottom:2px}.org-notification-main strong{display:block;font-size:1rem}.org-notification-main p{margin:4px 0 0;font-size:.88rem;opacity:.78}.org-notification-actions{display:flex;gap:8px;flex:0 0 auto}.org-notification-kpis article.is-danger strong{color:#9f2f2f}.org-notification-kpis article.is-warn strong{color:#996515}@media(max-width:760px){.org-notification-hero,.org-notification{align-items:stretch;flex-direction:column}.org-notification-total{min-width:0;text-align:left}.org-notification-actions{width:100%;flex-wrap:wrap}.org-notification-actions .btn{flex:1 1 auto}} .org-lead-report-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px} .org-lead-report-actions small{color:var(--muted,#6f8295);font-size:.82rem;max-width:300px} @media(max-width:720px){.org-lead-report-actions{align-items:stretch;flex-direction:column}.org-lead-report-actions .btn{width:100%}.org-lead-report-actions small{max-width:none}} .org-onboarding,.org-access-view{display:grid;gap:18px} .org-onboard-hero,.org-access-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:26px 28px;background:linear-gradient(135deg,#f7fafc,#eef4fa);border:1px solid #dce6f0;border-radius:20px} .org-onboard-hero h2,.org-access-hero h2{margin:4px 0 8px;font-size:clamp(24px,3vw,36px)} .org-onboard-hero p,.org-access-hero p{max-width:760px;margin:0;color:#536273;line-height:1.6} .org-onboard-progress{min-width:120px;text-align:center;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid #dce6f0;box-shadow:0 8px 22px rgba(21,44,68,.06)} .org-onboard-progress strong{display:block;font-size:34px;line-height:1}.org-onboard-progress span{display:block;margin-top:7px;font-size:12px;color:#647386} .org-onboard-bar{margin:-8px 4px 0} .org-onboard-next{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;border-radius:18px;background:#102b46;color:#fff} .org-onboard-next.complete{background:#173c34}.org-onboard-next div{display:grid;gap:4px}.org-onboard-next span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.75}.org-onboard-next strong{font-size:20px}.org-onboard-next small{max-width:720px;opacity:.82}.org-onboard-next .btn{flex:0 0 auto} .org-onboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .org-onboard-card{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:20px;border:1px solid #dce6f0;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(28,52,76,.04)} .org-onboard-card.done{background:#f7fbf9;border-color:#cfe5da}.org-onboard-state{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:800;background:#eaf0f6;color:#536273}.org-onboard-card.done .org-onboard-state{background:#dcefe6;color:#1e6b4d}.org-onboard-card h3{margin:1px 0 6px;font-size:17px}.org-onboard-card p{margin:0 0 14px;color:#607083;font-size:13px;line-height:1.5}.org-onboard-tip{background:#fbfcfe} .org-access-legend{display:flex;flex-wrap:wrap;gap:12px;align-items:center;min-width:max-content}.org-access-legend span{display:flex;align-items:center;gap:7px;font-size:12px;color:#536273}.org-access-legend i{width:12px;height:12px;border-radius:4px;background:#dbe8f5;border:1px solid #bfd0e1}.org-access-legend i.full{background:#dcefe6;border-color:#bddcca} .org-access-wrap{border:1px solid #dce5ef;border-radius:18px;background:#fff;max-width:100%;overflow:auto} .org-access-matrix{width:100%;border-collapse:separate;border-spacing:0;min-width:850px}.org-access-matrix th,.org-access-matrix td{padding:13px 12px;border-bottom:1px solid #e8eef5;text-align:center;vertical-align:middle}.org-access-matrix th{position:sticky;top:0;z-index:2;background:#f7f9fc;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#607083}.org-access-matrix th:first-child,.org-access-matrix td:first-child{position:sticky;left:0;z-index:3;background:#fff;text-align:left;min-width:210px}.org-access-matrix thead th:first-child{background:#f7f9fc;z-index:4}.org-access-matrix th:nth-child(2),.org-access-matrix td:nth-child(2){min-width:170px;text-align:left}.org-access-person strong,.org-access-person small{display:block}.org-access-person small{margin-top:3px;color:#748396;font-size:11px}.org-access-team-name{display:block;max-width:120px;white-space:normal}.org-access-cell{min-width:76px}.org-access-all{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#dcefe6;color:#176847;font-weight:800}.org-access-switch{display:inline-flex;cursor:pointer}.org-access-switch input{position:absolute;opacity:0;pointer-events:none}.org-access-switch span{width:34px;height:20px;border-radius:99px;background:#d9e1ea;position:relative;transition:.15s}.org-access-switch span:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.15s}.org-access-switch input:checked+span{background:#2f6f9f}.org-access-switch input:checked+span:after{transform:translateX(14px)}.org-access-bulk{white-space:nowrap}.org-access-bulk .btn+.btn{margin-left:5px}.org-access-note{background:#fbfcfe} @media(max-width:760px){.org-onboard-hero,.org-access-hero,.org-onboard-next{flex-direction:column}.org-onboard-progress{width:100%}.org-onboard-grid{grid-template-columns:1fr}.org-access-legend{min-width:0}.org-onboard-next .btn{width:100%}} .org-privacy-intro{background:linear-gradient(135deg,rgba(239,246,255,.86),rgba(248,250,252,.96))} .org-privacy-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.org-privacy-principles article{border:1px solid var(--border,#dbe3ef);border-radius:14px;padding:14px;background:#fff}.org-privacy-principles b{display:block;margin-bottom:6px}.org-privacy-principles span{font-size:13px;line-height:1.45;color:var(--muted,#64748b)} .org-privacy-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.org-privacy-status.active{background:#dcfce7;color:#166534}.org-privacy-status.archived{background:#f1f5f9;color:#475569}.org-privacy-status.anon{background:#e0e7ff;color:#3730a3}.org-privacy-done{font-size:12px;color:#64748b;font-weight:700}.org-privacy-warning{margin-top:16px;padding:14px 16px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa}.org-privacy-warning strong{color:#9a3412}.org-privacy-warning p{margin:5px 0 0;color:#7c2d12;font-size:13px;line-height:1.5}.org-audit-section td strong{display:block}.org-audit-section td small{display:block;margin-top:3px;color:#64748b;line-height:1.35} @media(max-width:780px){.org-privacy-principles{grid-template-columns:1fr}.org-privacy-table th:nth-child(3),.org-privacy-table td:nth-child(3){display:none}.org-privacy-table .org-row-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}} .system-admin-dashboard{display:grid;gap:18px}.sys-admin-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px;border:1px solid var(--border,#dbe3ef);border-radius:20px;background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(255,255,255,.98))}.sys-admin-hero h2{margin:4px 0 8px}.sys-admin-hero p{margin:0;max-width:760px;color:var(--muted,#64748b);line-height:1.5}.sys-admin-actions{display:flex;gap:8px;flex-wrap:wrap}.sys-admin-kpis article{min-height:108px}.sys-org-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sys-org-card{border:1px solid var(--border,#dbe3ef);border-radius:16px;padding:16px;background:#fff;display:grid;gap:14px;box-shadow:0 4px 14px rgba(15,23,42,.04)}.sys-org-card.is-warn{border-color:#fbbf24}.sys-org-card.is-danger{border-color:#fb7185}.sys-org-card.is-muted{opacity:.7}.sys-org-card-head{display:flex;justify-content:space-between;gap:14px}.sys-org-card-head h3{margin:3px 0 2px}.sys-org-card-head small{display:block;color:#94a3b8;font-size:11px;word-break:break-all}.sys-status{height:max-content;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#dcfce7;color:#166534}.sys-status.is-warn{background:#fef3c7;color:#92400e}.sys-status.is-danger{background:#ffe4e6;color:#9f1239}.sys-status.is-muted{background:#f1f5f9;color:#64748b}.sys-org-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sys-org-metrics span,.sys-org-credit>div{padding:10px;border-radius:12px;background:#f8fafc;color:#64748b;font-size:11px}.sys-org-metrics b,.sys-org-credit strong{display:block;color:#0f172a;font-size:18px;margin-bottom:2px}.sys-org-credit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sys-admin-note{background:#f8fafc} @media(max-width:900px){.sys-org-grid{grid-template-columns:1fr}.sys-admin-hero{flex-direction:column}.sys-org-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.sys-admin-actions{width:100%}.sys-admin-actions .btn{flex:1}.sys-org-credit{grid-template-columns:1fr}.sys-org-card-head{flex-direction:column}.sys-status{align-self:flex-start}} .org-backup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px} .org-backup-grid article{display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid var(--line,#dbe2ea);border-radius:16px;background:rgba(255,255,255,.72)} .org-backup-grid span{font-size:.92rem;line-height:1.45;color:var(--muted,#5f6b78)} .org-backup-warning{margin-top:16px;padding:15px 16px;border-radius:14px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25)} .org-backup-warning p{margin:5px 0 0;line-height:1.5} @media(max-width:900px){ .org-backup-grid{grid-template-columns:1fr} .org-tabs{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;flex-wrap:nowrap;padding-bottom:4px} .org-tabs::-webkit-scrollbar{display:none}.org-tab{flex:0 0 auto;min-height:44px} .org-section-head{align-items:flex-start;gap:12px}.org-section-head>.btn{min-height:44px} .org-body .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch} .org-body button,.org-body .btn{touch-action:manipulation} } @media(max-width:640px){ .org-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}  .org-body{padding-left:12px;padding-right:12px} .org-section{border-radius:16px} .org-backup-hero .org-section-head{display:flex;flex-direction:column}.org-backup-hero .org-section-head .btn{width:100%} } .org-pilot-view{display:grid;gap:18px}.org-pilot-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;border-radius:24px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,64,175,.88));color:#fff}.org-pilot-hero h2{margin:.2rem 0 .5rem;font-size:clamp(1.7rem,4vw,2.5rem)}.org-pilot-hero p{max-width:760px;margin:0;opacity:.9}.org-pilot-score{min-width:150px;text-align:center;padding:18px;border-radius:18px;background:rgba(255,255,255,.12)}.org-pilot-score strong{display:block;font-size:2.4rem}.org-pilot-score span{font-size:.85rem;opacity:.85}.org-pilot-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.org-pilot-check{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line,#dbe3ee);border-radius:16px;background:var(--card,#fff)}.org-pilot-check-state{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:800;background:#fff1f2;color:#be123c}.org-pilot-check.done .org-pilot-check-state{background:#ecfdf5;color:#047857}.org-pilot-check h3{margin:0 0 3px;font-size:1rem}.org-pilot-check p{margin:0;color:var(--muted,#64748b);font-size:.88rem}.org-pilot-manual-list{display:grid;gap:10px}.org-pilot-manual{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line,#dbe3ee);border-radius:14px;cursor:pointer}.org-pilot-manual.done{background:rgba(16,185,129,.07);border-color:rgba(16,185,129,.3)}.org-pilot-manual input{margin-top:3px;width:20px;height:20px}.org-pilot-manual span{display:grid;gap:3px}.org-pilot-manual small{color:var(--muted,#64748b);line-height:1.35}.org-pilot-actions{display:flex;gap:8px;flex-wrap:wrap}.org-pilot-gate{border-left:4px solid #d97706}.org-pilot-progress{margin-top:-9px} @media(max-width:760px){.org-pilot-hero{align-items:flex-start;flex-direction:column;padding:20px}.org-pilot-score{width:100%;min-width:0;text-align:left}.org-pilot-check-grid{grid-template-columns:1fr}.org-pilot-check{grid-template-columns:34px 1fr}.org-pilot-check .btn{grid-column:2;justify-self:start}.org-pilot-actions{width:100%}} .org-support-view{display:grid;gap:18px}.org-support-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding:24px;border-radius:22px;border:1px solid var(--line,#dbe3ee);background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.98))}.org-support-hero h2{margin:4px 0 8px}.org-support-hero p{margin:0;max-width:760px;color:var(--muted,#64748b);line-height:1.5}.org-support-actions{display:flex;gap:8px;flex-wrap:wrap}.org-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.support-check-list{display:grid;gap:9px;margin-bottom:14px}.support-check-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;background:#f8fafc}.support-status{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.support-status.good{background:#dcfce7;color:#166534}.support-status.bad{background:#ffe4e6;color:#9f1239}.support-status.neutral{background:#f1f5f9;color:#64748b}.support-context{display:grid;gap:0;margin:0}.support-context>div{display:grid;grid-template-columns:minmax(120px,.8fr) 1.4fr;gap:12px;padding:10px 0;border-bottom:1px solid #e8eef5}.support-context dt{color:#64748b;font-size:12px}.support-context dd{margin:0;font-weight:700;word-break:break-word}.org-support-view .org-table td small{display:block;margin-top:3px;color:#64748b}.org-support-note{background:#f8fafc}.org-support-kpis .support-status{font-size:13px;vertical-align:middle} @media(max-width:760px){.org-support-hero{flex-direction:column}.org-support-actions{width:100%}.org-support-actions .btn{flex:1}.org-support-grid{grid-template-columns:1fr}.support-context>div{grid-template-columns:1fr}.support-context dd{margin-top:-5px}} :root{ --ap-radius-sm:12px; --ap-radius-md:16px; --ap-radius-lg:20px; --ap-shadow-soft:0 8px 24px rgba(15,23,42,.055); --ap-shadow-card:0 4px 16px rgba(15,23,42,.045); }  .org-body{max-width:1240px;margin-inline:auto;padding-top:22px;padding-bottom:38px} .org-body>section+section,.org-body>.org-section+.org-section{margin-top:18px} .org-section{border-radius:var(--ap-radius-lg);box-shadow:var(--ap-shadow-card);border-color:rgba(203,213,225,.9)} .org-section-head{gap:16px;margin-bottom:16px} .org-section-head h2{margin:.18rem 0 0;line-height:1.12;letter-spacing:-.018em} .org-section-head p{max-width:760px;line-height:1.55} .org-section .eyebrow{letter-spacing:.075em;font-weight:800} .org-tabs{gap:6px;padding:5px;border-radius:16px;background:rgba(241,245,249,.82);border:1px solid rgba(226,232,240,.95)} .org-tab{border-radius:11px;min-height:42px;padding:9px 13px;font-weight:750;transition:background .15s ease,box-shadow .15s ease,transform .15s ease} .org-tab:hover{transform:translateY(-1px)} .org-tab.active,.org-tab.is-active{box-shadow:0 3px 10px rgba(15,23,42,.08)} .org-kpis{gap:12px} .org-kpis article{border-radius:var(--ap-radius-md);box-shadow:none;border:1px solid rgba(226,232,240,.95);background:linear-gradient(180deg,#fff,#fbfdff)} .org-kpis article strong{letter-spacing:-.025em} .org-kpis article span,.org-kpis article small{line-height:1.4} .org-card,.org-team-card,.org-notification-card,.org-action-card,.sys-org-card{border-radius:var(--ap-radius-md);box-shadow:var(--ap-shadow-card)} .org-body .table-wrap{border-radius:var(--ap-radius-md);border:1px solid rgba(226,232,240,.95);background:#fff} .org-body table{border-collapse:separate;border-spacing:0} .org-body th{font-size:.75rem;letter-spacing:.035em;text-transform:uppercase;color:#64748b;background:#f8fafc} .org-body th,.org-body td{padding-top:12px;padding-bottom:12px;vertical-align:middle} .org-body tbody tr:last-child td{border-bottom:0} .org-body tbody tr:hover td{background:rgba(248,250,252,.72)} .org-body .btn,.sys-admin-dashboard .btn{border-radius:11px;font-weight:750;min-height:40px} .org-body .btn.sm,.sys-admin-dashboard .btn.sm{min-height:34px} .org-body input,.org-body select,.org-body textarea{border-radius:11px;min-height:42px} .org-body input:focus,.org-body select:focus,.org-body textarea:focus{box-shadow:0 0 0 3px rgba(47,111,159,.12)} .org-onboard-hero,.org-access-hero,.org-privacy-intro,.org-backup-hero,.org-support-hero,.sys-admin-hero{border-radius:var(--ap-radius-lg);box-shadow:var(--ap-shadow-soft)} .org-pilot-hero{box-shadow:0 14px 34px rgba(15,23,42,.14)} .org-pilot-check,.org-pilot-manual,.org-backup-grid article,.org-privacy-principles article{box-shadow:0 2px 10px rgba(15,23,42,.025)} .org-onboard-hero p,.org-access-hero p,.org-privacy-intro p,.org-backup-hero p,.org-support-hero p,.sys-admin-hero p{max-width:760px;line-height:1.55} .org-privacy-status,.sys-status,.support-status{letter-spacing:.01em} @media(max-width:900px){ .org-body{padding-top:16px;padding-bottom:30px} .org-section{border-radius:18px} .org-kpis{gap:10px} .org-body th,.org-body td{padding-top:11px;padding-bottom:11px} } @media(max-width:640px){  .org-body{padding-left:10px;padding-right:10px} .org-body>section+section,.org-body>.org-section+.org-section{margin-top:14px} .org-section{border-radius:15px;padding-left:14px;padding-right:14px} .org-section-head{margin-bottom:13px} .org-section-head h2{font-size:clamp(1.2rem,6vw,1.55rem)} .org-tabs{margin-left:-2px;margin-right:-2px;border-radius:13px;padding:4px} .org-tab{min-height:44px;padding:9px 12px} .org-kpis{grid-template-columns:1fr 1fr} .org-kpis article{min-height:94px;padding:13px} .org-kpis article strong{font-size:clamp(1.35rem,7vw,1.8rem)} .org-body .btn:not(.sm){min-height:44px} .org-support-actions,.sys-admin-actions,.org-pilot-actions{gap:7px} } @media(max-width:390px){ .org-kpis{grid-template-columns:1fr} .org-kpis article{min-height:auto} .org-section{padding-left:12px;padding-right:12px} } .org-start-page{min-height:100vh;background:linear-gradient(180deg,#f7f9fc 0%,#fff 45%)} .org-start-body{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 56px} .org-start-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;align-items:stretch} .org-start-card{padding:28px;border:1px solid rgba(20,42,74,.10);box-shadow:0 14px 34px rgba(20,42,74,.08)} .org-start-primary{border-color:rgba(26,92,146,.22);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)} .org-start-card h2{margin:7px 0 9px;font-size:clamp(24px,2.4vw,34px);line-height:1.08} .org-start-card p{margin:0 0 20px;color:var(--muted);max-width:68ch} .org-start-form{display:grid;gap:14px;margin-top:18px} .org-start-form .btn{min-height:48px;justify-content:center} .org-start-note{display:block;margin-top:14px;color:var(--muted);line-height:1.45} .org-start-skip{display:flex;align-items:center;gap:14px;justify-content:center;margin-top:22px;color:var(--muted);font-size:14px;text-align:center} .org-start-ready{max-width:760px;margin:0 auto;padding:30px} @media(max-width:820px){.org-start-body{width:min(100% - 24px,720px);padding-top:18px}.org-start-grid{grid-template-columns:1fr}.org-start-card{padding:22px}.org-start-skip{flex-direction:column;align-items:stretch}.org-start-skip .btn{width:100%}} .my-org-hub{margin-bottom:22px} .my-org-hub .my-panel-head{align-items:flex-start} .my-org-hub .my-count{max-width:220px;white-space:normal;text-align:right;line-height:1.2} .my-org-hub .my-strip-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px} @media (max-width:720px){ .my-org-hub .my-panel-head{gap:12px} .my-org-hub .my-count{max-width:48%;font-size:12px} .my-org-hub .my-strip-actions{display:grid;grid-template-columns:1fr} .my-org-hub .my-strip-actions .btn{width:100%} } nnn.topbar-nav-primary .topbar-nav-home{n order:-100;n font-weight:800;n border:1px solid rgba(255,255,255,.24);n background:rgba(255,255,255,.10);n box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);n}n.topbar-nav-primary .topbar-nav-home::before{n content:"⌂";n display:inline-block;n margin-right:.42rem;n font-size:1.05em;n line-height:1;n transform:translateY(-.02em);n}n.topbar-nav-primary .topbar-nav-home:hover{n background:rgba(255,255,255,.16);n border-color:rgba(255,255,255,.34);n}n.topbar-nav-primary .topbar-nav-home.active{n background:#fff;n color:var(--app-navy,#0b182b);n border-color:#fff;n box-shadow:0 5px 16px rgba(0,0,0,.16);n}n@media (max-width:760px){n .topbar-nav-primary .topbar-nav-home{n flex:0 0 auto;n padding-left:.9rem;n padding-right:.95rem;n }n}n .my-org-connect .org-inline-form{margin-top:14px;max-width:760px} .my-org-connect .my-org-create-action{margin-top:12px} .account-settings-body .privacy-self-service{width:100%;max-width:100%;box-sizing:border-box;margin:18px 0 0} .account-settings-body>.privacy-self-service{align-self:stretch} @media(max-width:780px){.my-org-connect .org-inline-form{display:grid;grid-template-columns:1fr;gap:10px}.my-org-connect .org-inline-form .btn{width:100%}} .app-dialog-detail{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;max-height:32vh;overflow:auto;} .org-admin-home{display:grid;gap:18px}.org-admin-intro{margin-bottom:0}.org-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.org-admin-card{appearance:none;border:1px solid rgba(15,23,42,.10);background:var(--card,#fff);border-radius:18px;padding:18px;text-align:left;display:grid;grid-template-columns:1fr auto;grid-template-areas:"eye eye" "title arrow" "desc desc";gap:7px 12px;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;color:inherit}.org-admin-card:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(15,23,42,.09);border-color:rgba(15,23,42,.18)}.org-admin-card .eyebrow{grid-area:eye}.org-admin-card strong{grid-area:title;font-size:17px}.org-admin-card small{grid-area:desc;color:var(--muted,#64748b);line-height:1.45}.org-admin-card b{grid-area:arrow;align-self:center;font-size:20px}.org-tabs{scrollbar-width:none}.org-tabs::-webkit-scrollbar{display:none}@media(max-width:900px){.org-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.org-admin-grid{grid-template-columns:1fr}.org-admin-card{padding:16px}.org-tabs{gap:6px}} .org-onboarding-simple .org-onboard-hero{align-items:center} .org-onboarding-simple .org-onboard-hero h2{max-width:720px} .org-onboarding-simple .org-onboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .org-onboarding-simple .org-onboard-card{position:relative;min-height:190px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease} .org-onboarding-simple .org-onboard-card.current{border-color:rgba(35,86,123,.34);box-shadow:0 12px 32px rgba(28,54,76,.11);transform:translateY(-1px)} .org-onboarding-simple .org-onboard-card.locked{opacity:.52;background:rgba(248,250,252,.72)} .org-onboarding-simple .org-onboard-card.optional{background:rgba(248,250,252,.78)} .org-onboard-card-state{display:inline-flex;margin-bottom:6px;font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--muted,#64748b)} .org-onboarding-simple .org-onboard-card.current .org-onboard-card-state{color:var(--brand,#24557a)} .org-quick-next{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:18px 20px;border:1px solid rgba(35,86,123,.17);border-radius:18px;background:linear-gradient(135deg,rgba(241,247,251,.96),rgba(255,255,255,.98));box-shadow:0 8px 24px rgba(31,55,77,.06)} .org-quick-next>div{display:grid;gap:3px;min-width:0} .org-quick-next span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted,#64748b)} .org-quick-next strong{font-size:20px;line-height:1.2;color:var(--ink,#183247)} .org-quick-next small{font-size:14px;line-height:1.45;color:var(--muted,#64748b);max-width:720px} .org-setup-panel-simple .org-setup-steps{grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:760px){ .org-onboarding-simple .org-onboard-grid{grid-template-columns:1fr} .org-onboarding-simple .org-onboard-card{min-height:auto} .org-quick-next{align-items:stretch;flex-direction:column;padding:16px} .org-quick-next .btn{width:100%} .org-setup-panel-simple .org-setup-steps{grid-template-columns:1fr} } .wiz-card .wiz-profile-fields{ column-gap:24px!important; row-gap:18px!important; } .wiz-profile-fields>.field, .wiz-secondary-settings>.field{ display:grid; gap:8px; min-width:0; } .wiz-profile-fields>.field label, .wiz-secondary-settings>.field label{ margin:0!important; line-height:1.25; } .wiz-secondary-settings{ column-gap:24px!important; row-gap:16px!important; margin-top:4px; } @media (max-width:1100px){ .wiz-card .wiz-profile-fields{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; column-gap:26px!important; row-gap:18px!important; } .wiz-profile-fields .field-profile-main{ grid-column:1/-1!important; } .wiz-secondary-settings{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; column-gap:26px!important; row-gap:18px!important; } .wiz-secondary-settings>.field:nth-child(n/**/+3){ grid-column:1/-1; } } @media (max-width:700px){ .wiz-card .wiz-profile-fields, .wiz-secondary-settings{ grid-template-columns:1fr!important; row-gap:16px!important; } .wiz-profile-fields .field-profile-main, .wiz-secondary-settings>.field:nth-child(n/**/+3){ grid-column:auto!important; } } .my-start-here{display:grid;gap:16px;margin-bottom:20px;padding:22px;border:1px solid rgba(15,23,42,.09);border-radius:20px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);box-shadow:0 10px 28px rgba(15,23,42,.055)} .my-start-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.my-start-head h2{margin:4px 0 5px;font-size:clamp(24px,2.4vw,34px);line-height:1.08}.my-start-head p{margin:0;max-width:720px;color:var(--muted,#64748b);line-height:1.5}.my-credit-inline{flex:0 0 auto;min-width:130px;text-align:right}.my-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.my-task-card{appearance:none;border:1px solid rgba(15,23,42,.11);background:#fff;border-radius:16px;padding:17px 18px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:13px;text-align:left;color:inherit;cursor:pointer;box-shadow:0 5px 16px rgba(15,23,42,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.my-task-card:hover{transform:translateY(-1px);border-color:rgba(24,85,244,.28);box-shadow:0 9px 22px rgba(15,23,42,.065)}.my-task-card.primary{border-color:rgba(24,85,244,.30);box-shadow:0 8px 24px rgba(24,85,244,.08)}.my-task-card.optional{background:#fbfcfd}.my-task-card .my-task-no{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eef4ff;color:#1855f4;font-weight:800}.my-task-card.primary .my-task-no{background:#1855f4;color:#fff}.my-task-card div{display:grid;gap:4px}.my-task-card strong{font-size:16px;line-height:1.2}.my-task-card small{font-size:13px;line-height:1.4;color:var(--muted,#64748b);font-weight:500}.my-task-card>b{font-size:20px;color:#64748b}.org-tabs{position:relative}.org-tab{white-space:nowrap}.org-tab.active{font-weight:800}.org-tab[data-org-tab="groups"]::before,.org-tab[data-org-tab="participants"]::before,.org-tab[data-org-tab="development"]::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.34;margin-right:7px;vertical-align:2px} @media(max-width:820px){.my-start-head{align-items:flex-start;flex-direction:column}.my-credit-inline{text-align:left}.my-task-grid{grid-template-columns:1fr}.my-start-here{padding:18px}.my-task-card{padding:16px}} @media(max-width:520px){.my-start-here{padding:15px;border-radius:17px}.my-task-card{grid-template-columns:32px 1fr auto;gap:10px}.my-task-card .my-task-no{width:30px;height:30px}.my-task-card strong{font-size:15px}} nn .my-first-help{margin-bottom:20px;padding:22px;border:1px solid rgba(37,99,235,.18);border-radius:20px;background:linear-gradient(135deg,#f8fbff 0%,#eef5ff 100%);box-shadow:0 8px 24px rgba(37,99,235,.06)} .my-first-help-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.my-first-help-head h2{margin:4px 0 5px;font-size:clamp(23px,2.2vw,31px);line-height:1.1}.my-first-help-head p{margin:0;max-width:760px;color:var(--muted,#64748b);line-height:1.5} .my-first-help-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}.my-first-help-steps article{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:rgba(255,255,255,.82)}.my-first-help-steps article>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1855f4;color:#fff;font-size:14px}.my-first-help-steps article div{display:grid;gap:3px}.my-first-help-steps strong{font-size:14px}.my-first-help-steps span{font-size:12.5px;color:var(--muted,#64748b);line-height:1.4} .my-task-card:not(.primary){background:#fff;border-color:rgba(15,23,42,.09);box-shadow:none}.my-task-card.optional{background:#fafbfc;color:#475569}.my-task-card.primary{background:linear-gradient(180deg,#fff,#f5f8ff);border-width:2px}.my-task-card.primary>b{color:#1855f4} .my-inline-empty{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.my-inline-empty .my-empty-text{margin:0;max-width:620px} .org-history-empty,.coach-empty,.org-team-grid>p,.org-match-list>p{padding:18px 20px;border:1px dashed #bdcad9;border-radius:15px;background:#f8fbff;color:#64748b;line-height:1.5} @media(max-width:820px){.my-first-help{padding:18px}.my-first-help-head{flex-direction:column}.my-first-help-steps{grid-template-columns:1fr}.my-inline-empty{align-items:flex-start;flex-direction:column}} .flow-next-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 16px;padding:18px 20px;border:1px solid rgba(24,85,244,.18);border-radius:18px;background:linear-gradient(135deg,#f7faff 0%,#ffffff 100%);box-shadow:0 8px 22px rgba(15,23,42,.045)} .flow-next-card>div{display:grid;gap:4px;min-width:0}.flow-next-card h2{margin:0;font-size:clamp(19px,2vw,25px);line-height:1.15}.flow-next-card p{margin:0;max-width:760px;color:var(--muted,#64748b);line-height:1.45}.flow-next-card.is-ready{border-color:rgba(15,118,110,.18);background:linear-gradient(135deg,#f5fbfa 0%,#fff 100%)} .flow-map,.org-flow-map{margin:0 0 18px;padding:16px 18px;border:1px solid rgba(15,23,42,.08);border-radius:17px;background:#fff}.flow-map-head,.org-flow-map-copy{display:grid;gap:3px;margin-bottom:13px}.flow-map-head strong,.org-flow-map-copy strong{font-size:16px}.org-flow-map-copy small{color:var(--muted,#64748b);line-height:1.4;max-width:850px}.flow-map-steps{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px}.flow-map-steps>div{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#64748b;border:1px solid rgba(15,23,42,.06)}.flow-map-steps>div b{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#e8eef5;color:#526579;font-size:12px}.flow-map-steps>div span{font-size:13px;font-weight:750;white-space:nowrap}.flow-map-steps>div.done{background:#f3faf7;color:#245f48;border-color:rgba(34,139,94,.15)}.flow-map-steps>div.done b{background:#dcefe5;color:#16623f}.flow-map-steps>div.current{background:#f3f7ff;color:#174baf;border-color:rgba(24,85,244,.22);box-shadow:0 5px 14px rgba(24,85,244,.055)}.flow-map-steps>div.current b{background:#1855f4;color:#fff}.flow-map-steps>div.available{background:#fbfcff;color:#334155}.flow-map-steps>div.locked{opacity:.55}.flow-map-steps>i{font-style:normal;color:#9aa9b8;font-weight:800}.org-flow-map{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(460px,1.7fr);align-items:center;gap:22px}.flow-map-steps.compact{margin:0} @media(max-width:900px){.org-flow-map{grid-template-columns:1fr}.flow-next-card{align-items:flex-start;flex-direction:column}.flow-next-card .btn{width:100%}.flow-map-steps{grid-template-columns:1fr;gap:6px}.flow-map-steps>i{transform:rotate(90deg);justify-self:center;height:14px;line-height:14px}.flow-map-steps>div span{white-space:normal}.flow-map,.org-flow-map{padding:15px}} .my-continue-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 16px;padding:18px 20px;border:1px solid rgba(15,118,110,.18);border-radius:18px;background:linear-gradient(135deg,#f4fbf8 0%,#fff 100%);box-shadow:0 8px 22px rgba(15,23,42,.04)} .my-continue-copy{display:grid;gap:4px;min-width:0}.my-continue-copy h2{margin:0;font-size:clamp(19px,2vw,25px);line-height:1.15}.my-continue-copy p{margin:0;color:var(--muted,#64748b);line-height:1.4;overflow-wrap:anywhere} .my-page-body>.my-start-here,.my-page-body>.flow-map,.my-page-body>.my-panel,.my-page-body>.my-grid{scroll-margin-top:88px} .my-start-here+.flow-map{margin-top:-2px} @media(max-width:900px){.my-continue-card{align-items:flex-start;flex-direction:column}.my-continue-card .btn{width:100%}} @media(max-width:620px){  .my-first-help{margin-bottom:14px} .my-continue-card{margin-bottom:14px;padding:15px} .my-start-here{margin-bottom:14px} .flow-map{margin-bottom:14px} .my-task-card.optional{order:4} }             .how-journey-summary{ display:grid !important; grid-template-columns:minmax(0,1.35fr) minmax(180px,.55fr) minmax(300px,.85fr) !important; gap:32px !important; align-items:center !important; padding:30px 34px !important; background:linear-gradient(120deg,#fff 0%,#fbfdff 58%,#eef6ff 100%) !important; border:1px solid #d8e4f2 !important; border-radius:24px !important; box-shadow:0 10px 28px rgba(17,35,58,.06) !important; } .how-journey-copy h2{margin:9px 0 10px;font-size:clamp(1.55rem,2vw,2rem);line-height:1.15;letter-spacing:-.025em;color:#0d1e39} .how-journey-copy p{margin:0;max-width:680px;font-size:1.02rem;line-height:1.58;color:#53657c} .how-journey-visual{position:relative;width:170px;height:130px;margin:auto;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(47,111,237,.10),rgba(47,111,237,.03) 58%,transparent 60%)} .how-journey-visual::before{ content:"";position:absolute;left:28px;right:24px;bottom:36px;height:68px; background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 70'%3E%3Cpath d='M8 60 L52 46 L82 32 L119 8' fill='none' stroke='%232f6fed' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='60' r='6' fill='white' stroke='%232f6fed' stroke-width='4'/%3E%3Ccircle cx='52' cy='46' r='6' fill='white' stroke='%232f6fed' stroke-width='4'/%3E%3Ccircle cx='82' cy='32' r='6' fill='white' stroke='%232f6fed' stroke-width='4'/%3E%3Ccircle cx='119' cy='8' r='6' fill='white' stroke='%232f6fed' stroke-width='4'/%3E%3C/svg%3E"); } .how-journey-points{list-style:none;margin:0;padding:0;display:grid;gap:13px} .how-journey-points li{position:relative;padding-left:34px;font-weight:700;line-height:1.35;color:#20314b} .how-journey-points li::before{content:"✓";position:absolute;left:0;top:-2px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e7f0ff;color:#2f6fed;font-size:14px;font-weight:900} @media (min-width:761px) and (max-width:1100px){        .how-journey-summary{grid-template-columns:minmax(0,1.3fr) 150px minmax(240px,.9fr) !important;gap:20px !important;padding:26px !important} .how-journey-visual{width:145px;height:112px} } @media (max-width:760px){      .how-journey-summary{grid-template-columns:1fr !important;gap:20px !important;padding:24px !important} .how-journey-visual{width:155px;height:116px;order:2} .how-journey-points{order:3} } .why-page-v3{display:grid;gap:22px} .why-purpose-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:34px;align-items:center;padding:34px 36px;background:linear-gradient(135deg,#fff 0%,#fff 64%,rgba(226,238,255,.72) 100%)} .why-purpose-copy h2{margin:8px 0 12px;color:var(--navy);font-size:clamp(26px,2.6vw,38px);line-height:1.08;max-width:19ch;text-transform:none} .why-purpose-copy p{margin:0;max-width:70ch;color:var(--muted);font-size:15.5px;line-height:1.68} .why-purpose-copy p+p{margin-top:12px} .why-rise-visual{position:relative;min-height:180px;align-self:stretch} .why-rise-visual:before{content:"";position:absolute;left:10%;right:8%;bottom:28%;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(37,99,235,.18),rgba(37,99,235,.92));transform:rotate(-12deg);transform-origin:left center;box-shadow:0 8px 28px rgba(37,99,235,.14)} .why-rise-visual span,.why-rise-visual i,.why-rise-visual b{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #2563eb;box-shadow:0 4px 16px rgba(37,99,235,.2)} .why-rise-visual span{left:24%;bottom:33%}.why-rise-visual i{left:52%;bottom:46%}.why-rise-visual b{right:14%;bottom:67%} .why-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .why-benefit{position:relative;min-height:230px;padding:28px 28px 26px;border:1px solid rgba(15,45,90,.1);background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)} .why-benefit-no{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;border-radius:999px;background:rgba(37,99,235,.08);color:#2563eb;font-size:11px;font-weight:900;letter-spacing:.12em} .why-benefit h3{margin:26px 0 10px;color:var(--navy);font-size:22px;line-height:1.2;text-transform:none} .why-benefit p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.65} .why-proof-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:38px;align-items:start;padding:32px 34px;background:linear-gradient(135deg,#f8fbff 0%,#fff 58%,rgba(226,238,255,.5) 100%)} .why-proof-card h2{margin:7px 0 12px;color:var(--navy);font-size:28px;text-transform:none} .why-proof-card>div>p{margin:0;color:var(--muted);font-size:15px;line-height:1.68} .why-proof-points{display:grid;gap:0;border-left:1px solid rgba(37,99,235,.14);padding-left:28px} .why-proof-points p{display:grid;gap:4px;margin:0;padding:13px 0;border-bottom:1px solid rgba(15,45,90,.08)} .why-proof-points p:first-child{padding-top:0}.why-proof-points p:last-child{border-bottom:0;padding-bottom:0} .why-proof-points b{color:var(--navy);font-size:14px}.why-proof-points span{color:var(--muted);font-size:13px;line-height:1.5} @media(max-width:980px){.why-purpose-card,.why-proof-card{grid-template-columns:1fr}.why-rise-visual{min-height:105px;max-width:460px;width:100%;justify-self:end}.why-benefits-grid{grid-template-columns:1fr 1fr}.why-benefit:last-child{grid-column:1/-1}.why-proof-points{border-left:0;border-top:1px solid rgba(37,99,235,.14);padding-left:0;padding-top:22px}} @media(max-width:640px){.why-purpose-card,.why-proof-card{padding:24px 20px}.why-purpose-copy h2{font-size:27px}.why-rise-visual{min-height:82px}.why-benefits-grid{grid-template-columns:1fr;gap:14px}.why-benefit,.why-benefit:last-child{grid-column:auto;min-height:0;padding:22px 20px}.why-benefit h3{margin-top:18px;font-size:20px}.why-proof-card{gap:24px}} .help-hub-page,.help-guide-page,.help-faq-page{display:grid;gap:22px} .help-start-card,.help-next-card,.help-crosslink-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px} .help-start-card>div:last-child,.help-next-card>div:last-child,.help-crosslink-card>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end} .help-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .help-topic-card{padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-height:250px} .help-topic-card>span,.help-guide-grid article>span{font-size:12px;font-weight:800;letter-spacing:.12em;color:#2563eb;background:#eff6ff;border-radius:999px;padding:6px 9px;margin-bottom:16px} .help-topic-card h3,.help-guide-grid h3{margin:0 0 9px;font-size:20px} .help-topic-card p,.help-guide-grid p{margin:0 0 20px;color:var(--muted,#64748b);line-height:1.55} .help-topic-card .btn{margin-top:auto} .help-principle-card{padding:30px;text-align:center;background:linear-gradient(135deg,#f8fbff,#eef6ff)} .help-principle-card h2{margin:8px 0 8px;font-size:clamp(24px,3vw,36px)} .help-principle-card p{max-width:760px;margin:0 auto;color:var(--muted,#64748b)} .help-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .help-guide-grid article{padding:25px} .help-program-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:16px;padding:28px} .help-program-flow>div{min-height:180px;border:1px solid #e2e8f0;border-radius:18px;padding:20px;background:#fbfdff} .help-program-flow>div>b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0f3f87;color:white;margin-bottom:14px} .help-program-flow>div>strong{display:block;font-size:17px;margin-bottom:8px}.help-program-flow>div>p{margin:0;color:#64748b;line-height:1.5}.help-program-flow>i{font-style:normal;color:#94a3b8;font-size:22px} .help-faq-list{display:grid;gap:10px}.help-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.help-faq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:19px 21px}.help-faq-item summary::-webkit-details-marker{display:none}.help-faq-item summary span{font-size:11px;font-weight:800;color:#2563eb}.help-faq-item summary b{font-size:16px}.help-faq-item summary i{font-style:normal;color:#64748b}.help-faq-item[open] summary i{transform:rotate(45deg)}.help-faq-item p{margin:0;padding:0 52px 20px;color:#64748b;line-height:1.6} .help-menu-featured{background:#f5f9ff!important;border-bottom:1px solid #e5efff} @media(max-width:900px){.help-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-program-flow{grid-template-columns:1fr}.help-program-flow>i{transform:rotate(90deg);justify-self:center}.help-start-card,.help-next-card,.help-crosslink-card{align-items:flex-start;flex-direction:column}.help-start-card>div:last-child,.help-next-card>div:last-child,.help-crosslink-card>div:last-child{justify-content:flex-start}} @media(max-width:620px){.help-topic-grid,.help-guide-grid{grid-template-columns:1fr}.help-topic-card{min-height:0}.help-start-card,.help-next-card,.help-crosslink-card,.help-principle-card{padding:22px}.help-faq-item p{padding:0 20px 18px}.help-program-flow{padding:18px}} .help-hub-page-v2{gap:18px} .help-start-card-compact{padding:24px 28px;background:linear-gradient(135deg,#f8fbff 0%,#fff 72%)} .help-start-card-compact h2,.help-next-card h2,.help-crosslink-card h2{margin:6px 0 7px;font-size:clamp(22px,2.3vw,29px);line-height:1.16;text-transform:none} .help-start-card-compact p,.help-next-card p,.help-crosslink-card p{margin:0;color:var(--muted,#64748b);line-height:1.55;max-width:720px} .help-topic-grid{gap:14px} .help-topic-card{min-height:224px;padding:22px 22px 21px;border-color:rgba(15,45,90,.09);box-shadow:0 8px 28px rgba(15,45,90,.045)} .help-topic-card .help-topic-index{margin-bottom:14px;background:transparent;padding:0;border-radius:0;color:#6b8bb9;font-size:11px;letter-spacing:.14em} .help-topic-card h3{font-size:19px;line-height:1.2;margin-bottom:8px;text-transform:none} .help-topic-card p{font-size:14px;line-height:1.52;margin-bottom:17px} .help-topic-card .btn{min-height:38px;padding:8px 13px} .help-principle-card-compact{padding:26px 28px;background:linear-gradient(135deg,#f8fbff,#f3f7fc);border-color:rgba(15,45,90,.08)} .help-principle-card-compact h2{font-size:clamp(23px,2.7vw,32px);letter-spacing:-.02em;text-transform:none} .help-guide-grid{gap:14px}.help-guide-grid article{padding:23px;min-height:190px}.help-guide-grid h3{font-size:19px;line-height:1.22;text-transform:none}.help-guide-grid p{font-size:14px;line-height:1.55;margin-bottom:0} .help-program-flow{gap:12px;padding:24px}.help-program-flow>div{min-height:164px;padding:18px}.help-program-flow>div>strong{font-size:16px}.help-program-flow>div>p{font-size:13.5px} .help-faq-item summary{padding:18px 20px}.help-faq-item summary b{font-size:15px;line-height:1.35}.help-faq-item p{font-size:14px;line-height:1.58} @media(max-width:900px){.help-topic-card{min-height:205px}.help-guide-grid article{min-height:0}.help-program-flow>div{min-height:0}.help-program-flow>i{font-size:18px}} @media(max-width:620px){ .help-hub-page,.help-guide-page,.help-faq-page{gap:14px} .help-start-card-compact,.help-next-card,.help-crosslink-card,.help-principle-card-compact{padding:20px 18px;gap:18px} .help-start-card-compact>div:last-child,.help-next-card>div:last-child,.help-crosslink-card>div:last-child{display:grid;width:100%;grid-template-columns:1fr;gap:8px} .help-start-card-compact .btn,.help-next-card .btn,.help-crosslink-card .btn{width:100%;justify-content:center} .help-topic-grid{gap:10px} .help-topic-card{padding:19px 18px;min-height:0} .help-topic-card .help-topic-index{margin-bottom:10px} .help-topic-card h3{font-size:18px}.help-topic-card p{margin-bottom:14px;font-size:13.5px} .help-topic-card .btn{width:100%;justify-content:center} .help-guide-grid{gap:10px}.help-guide-grid article{padding:19px 18px} .help-program-flow{padding:16px;gap:8px}.help-program-flow>div{padding:17px}.help-program-flow>i{margin:-1px 0;transform:rotate(90deg)} .help-faq-list{gap:8px}.help-faq-item summary{padding:16px 17px;gap:10px;grid-template-columns:auto 1fr auto}.help-faq-item summary span{font-size:10px}.help-faq-item summary b{font-size:14px}.help-faq-item p{padding:0 17px 16px;font-size:13.5px} } :root{ --ui-radius-card:20px; --ui-radius-control:12px; --ui-gap-section:22px; --ui-shadow-card:0 8px 28px rgba(15,35,65,.055); --ui-shadow-hover:0 14px 34px rgba(15,35,65,.085); --ui-border:rgba(15,45,90,.10); --ui-blue:#2563eb; --ui-blue-deep:#123d7a; --ui-green:#16854b; --ui-orange:#c56a16; --ui-red:#b42318; } .page,.to-page,.info-main{scroll-behavior:smooth} .page>section+section,.to-page>section+section,.info-main>section+section{margin-top:var(--ui-gap-section)}    .eyebrow{letter-spacing:.105em!important;font-weight:800!important} .card,.org-section,.my-panel,.help-topic-card,.help-guide-grid article,.help-faq-item, .wiz-card,.pg-block-v076,.public-price-card,.why-benefit{ border-color:var(--ui-border)!important; border-radius:var(--ui-radius-card)!important; box-shadow:var(--ui-shadow-card)!important; } .card:hover,.help-topic-card:hover,.public-price-card:hover{ box-shadow:var(--ui-shadow-hover)!important; } .card .card,.org-section .card,.my-panel .card,.wiz-card .card{ box-shadow:none!important; border-color:rgba(15,45,90,.075)!important; background:#fbfdff; } .btn{ border-radius:11px!important; font-weight:720!important; transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important; } .btn.primary,.btn.blue-btn{ box-shadow:0 7px 18px rgba(37,99,235,.16)!important; } .btn.primary:hover,.btn.blue-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(37,99,235,.22)!important}   .btn.danger{box-shadow:none!important} input,select,textarea{border-radius:var(--ui-radius-control)!important} input:focus,select:focus,textarea:focus{ border-color:#7aa7f7!important; box-shadow:0 0 0 3px rgba(37,99,235,.10)!important; outline:none!important; } label{color:#263950} .org-section-head h2,.my-panel h2,.card h2,.wiz-card h2{letter-spacing:-.022em} .org-section-head p,.card>p,.my-panel>p{line-height:1.58} .scorebox{ box-shadow:0 12px 30px rgba(0,0,0,.10)!important; backdrop-filter:blur(5px); } .scorebox strong{letter-spacing:-.045em!important} .area,.result-card,.result-summary{border-radius:16px} .table-wrap{border-radius:16px;overflow:auto;border:1px solid rgba(15,45,90,.08)} table{border-collapse:separate;border-spacing:0} tbody tr:nth-child(even) td{background:rgba(246,249,253,.55)} tbody tr:hover td{background:#f3f7fc} .wiz-actions,.to-save-footer,.pg-edit-actions{gap:10px!important} .to-save-footer{ border-radius:16px!important; box-shadow:0 12px 30px rgba(15,35,65,.10)!important; border:1px solid rgba(15,45,90,.10)!important; backdrop-filter:blur(10px); } .nav button,[data-nav]{text-underline-offset:4px} .nav button.active,.nav button[aria-current="page"]{ box-shadow:inset 0 -2px 0 var(--ui-blue); } .tone-good,.status-good,.is-success{color:var(--ui-green)!important} .tone-mid,.status-warn,.is-warning{color:var(--ui-orange)!important} .tone-low,.status-error,.is-danger{color:var(--ui-red)!important} @media(min-width:1100px){ .page,.to-page,.info-main{--ui-gap-section:26px} .card,.org-section,.my-panel{padding-top:max(22px,env(safe-area-inset-top))} } @media(min-width:641px) and (max-width:980px){  .card,.org-section,.my-panel,.wiz-card{border-radius:18px!important} .btn{min-height:42px} } @media(max-width:640px){ :root{--ui-gap-section:14px;--ui-radius-card:16px}    .card,.org-section,.my-panel,.wiz-card{padding-left:18px!important;padding-right:18px!important} .btn.primary,.btn.blue-btn{min-height:46px} .wiz-actions,.to-save-footer{display:grid!important;grid-template-columns:1fr!important;width:100%} .wiz-actions .btn,.to-save-footer .btn{width:100%!important;min-width:0!important} .to-save-footer{position:sticky!important;bottom:max(8px,env(safe-area-inset-bottom));z-index:20;padding:10px!important;background:rgba(255,255,255,.94)!important} .table-wrap{margin-left:-2px;margin-right:-2px} } @media(prefers-reduced-motion:reduce){ .btn,.card{transition:none!important} html{scroll-behavior:auto!important} }          .result-first-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center} .result-first-actions .btn.primary{order:-2} .result-first-actions .btn.ghost{ border-color:transparent!important; background:transparent!important; color:#65758a!important; padding-left:8px!important; padding-right:8px!important; } .result-first-actions .btn.ghost:hover{background:#f5f8fc!important;color:#263950!important} .toast{ display:flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:11px 17px!important; border:1px solid rgba(255,255,255,.12); box-shadow:0 14px 34px rgba(6,24,52,.20)!important; } .toast::before{ content:"✓"; display:grid; place-items:center; flex:0 0 22px; width:22px;height:22px; border-radius:50%; background:rgba(255,255,255,.14); font-size:12px;font-weight:900; } .unsynced-banner,.pg-origin-note,.pg-group-note,.pg-action-origin,.to-first-hint{ border-radius:16px!important; border:1px solid rgba(15,45,90,.10)!important; box-shadow:0 5px 18px rgba(15,35,65,.04)!important; } .unsynced-banner{border-left:4px solid var(--ui-orange)!important;background:#fffaf3!important} .pg-action-origin{border-left:4px solid var(--ui-blue)!important} .pg-group-note{border-left:4px solid var(--ui-blue)!important} .to-first-hint{border-left:4px solid #7aa7f7!important;background:#f8fbff!important} .to-empty,.pg-empty{ border:1px dashed rgba(37,99,235,.24)!important; background:linear-gradient(180deg,#fbfdff,#f7faff)!important; border-radius:20px!important; } .to-empty .btn.primary,.pg-empty .btn.primary{box-shadow:0 8px 20px rgba(37,99,235,.16)!important} .to-save-footer.ready{ border-color:rgba(22,133,75,.22)!important; background:rgba(248,255,251,.96)!important; } .to-save-footer.ready .to-save-footer-text strong{color:var(--ui-green)!important} @media(max-width:760px){       .result-first-actions{display:grid!important;grid-template-columns:1fr!important;width:100%} .result-first-actions .btn,.result-first-actions a.btn{width:100%!important;justify-content:center!important} .result-first-actions .btn.ghost{order:3} .toast{bottom:calc(82px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 24px)!important;text-align:left!important} }   @media (min-width:761px) and (max-width:1100px){  } @media (max-width:760px){  } :root{ --ui-navy:#10243f; --ui-navy-soft:#183a61; --ui-blue:#2563eb; --ui-blue-hover:#1d4ed8; --ui-blue-soft:#eff6ff; --ui-blue-line:#bfdbfe; --ui-green:#16854b; --ui-green-soft:#effaf4; --ui-green-line:#b9e7cc; --ui-orange:#b86a12; --ui-orange-soft:#fff8ed; --ui-orange-line:#f6d39b; --ui-red:#c43b46; --ui-red-soft:#fff3f4; --ui-red-line:#f1bcc2; --ui-neutral:#64748b; --ui-neutral-soft:#f7f9fc; --ui-neutral-line:#dde5ee; } .btn.primary,.btn.blue-btn, button.btn.primary,a.btn.primary{ background:var(--ui-blue)!important; border-color:var(--ui-blue)!important; color:#fff!important; box-shadow:0 8px 20px rgba(37,99,235,.17)!important; } .btn.primary:hover,.btn.blue-btn:hover, button.btn.primary:hover,a.btn.primary:hover{ background:var(--ui-blue-hover)!important; border-color:var(--ui-blue-hover)!important; }   .btn.danger,.danger.btn{ background:#fff!important; color:var(--ui-red)!important; border-color:var(--ui-red-line)!important; } .btn.danger:hover,.danger.btn:hover{background:var(--ui-red-soft)!important} .btn.primary.is-success,.btn.blue-btn.is-success{ background:var(--ui-green)!important; border-color:var(--ui-green)!important; color:#fff!important; box-shadow:0 8px 20px rgba(22,133,75,.16)!important; } .btn.primary.is-success:hover,.btn.blue-btn.is-success:hover{ background:#11723f!important; border-color:#11723f!important; } .tone-good,.status-good,.is-success,.is-good{color:var(--ui-green)!important} .tone-mid,.status-warn,.is-warning,.is-warn{color:var(--ui-orange)!important} .tone-low,.status-error,.is-danger{color:var(--ui-red)!important} .unsynced-banner,.org-privacy-warning,.org-backup-warning{ background:var(--ui-orange-soft)!important; border-color:var(--ui-orange-line)!important; color:#7c4a0d!important; } .to-save-footer.ready, .flow-map-steps>div.done{ border-color:var(--ui-green-line)!important; } .to-save-footer.ready{background:var(--ui-green-soft)!important} .flow-map-steps>div.done{background:var(--ui-green-soft)!important;color:#245f48!important} .pg-action-origin,.pg-group-note,.to-first-hint, .flow-map-steps>div.current,.my-task-card.primary{ background:var(--ui-blue-soft)!important; border-color:var(--ui-blue-line)!important; } .flow-map-steps>div.current{color:#174baf!important} .org-privacy-status.active,.sys-status:not(.is-warn):not(.is-danger):not(.is-muted),.support-status.good{ background:var(--ui-green-soft)!important;color:#166534!important;border:1px solid var(--ui-green-line)!important; } .sys-status.is-warn,.support-status.neutral{ background:var(--ui-orange-soft)!important;color:#8a520e!important;border:1px solid var(--ui-orange-line)!important; } .sys-status.is-danger,.support-status.bad{ background:var(--ui-red-soft)!important;color:#a52f3a!important;border:1px solid var(--ui-red-line)!important; } .org-privacy-status.archived,.sys-status.is-muted{ background:var(--ui-neutral-soft)!important;color:var(--ui-neutral)!important;border:1px solid var(--ui-neutral-line)!important; } .scorebox{ background:linear-gradient(145deg,var(--ui-navy),var(--ui-navy-soft))!important; border-color:rgba(255,255,255,.08)!important; } .result-summary,.result-card,.area{ border-color:rgba(15,45,90,.09)!important; } .result-card.is-good,.area.is-good{border-left:4px solid var(--ui-green)!important} .result-card.is-warn,.area.is-warn{border-left:4px solid var(--ui-orange)!important} .result-card.is-danger,.area.is-danger{border-left:4px solid var(--ui-red)!important} .nav button.active,.nav button[aria-current="page"],.org-tab.active{ color:var(--ui-blue)!important; } .org-tab:not(.active),.nav button:not(.active){color:#526579} .help-topic-card,.help-guide-grid article,.help-faq-item{ background:#fff!important; border-color:var(--ui-neutral-line)!important; } .help-topic-card>span,.help-guide-grid article>span,.help-faq-item summary span{ color:#1e55b4!important; background:var(--ui-blue-soft)!important; } .table-wrap{border-color:var(--ui-neutral-line)!important} thead th{background:#f7f9fc!important;color:#334155!important} tbody tr:hover td{background:#f5f8fc!important} input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{ outline:none!important; box-shadow:0 0 0 3px rgba(37,99,235,.13)!important; } @media(max-width:640px){ .btn.primary,.btn.blue-btn{box-shadow:0 6px 16px rgba(37,99,235,.15)!important} .unsynced-banner,.org-privacy-warning,.org-backup-warning, .to-save-footer.ready,.pg-action-origin,.pg-group-note,.to-first-hint{ box-shadow:none!important; } } :root{ --ui-radius-control:12px; --ui-radius-card:18px; --ui-radius-panel:22px; --ui-shadow-card:0 8px 28px rgba(15,35,65,.055); --ui-shadow-hover:0 12px 32px rgba(15,35,65,.085); --ui-space-section:28px; } .btn,button.btn,a.btn, input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input{ border-radius:var(--ui-radius-control)!important; } .btn,button.btn,a.btn{ min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:8px; line-height:1.15; font-weight:760; letter-spacing:-.005em; } .btn.sm,button.btn.sm,a.btn.sm{min-height:38px} .btn.primary,.btn.blue-btn{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease} @media(hover:hover){ .btn.primary:hover,.btn.blue-btn:hover{transform:translateY(-1px)} } .btn:active,button.btn:active,a.btn:active{transform:translateY(0)!important} input:not([type="checkbox"]):not([type="radio"]),select,.input{ min-height:44px; border-color:#d7e0ea!important; background:#fff; } textarea{border-color:#d7e0ea!important;background:#fff} input::placeholder,textarea::placeholder{color:#8a99aa;opacity:1} .card,.panel,.result-card,.result-summary,.area,.my-panel,.org-section, .help-topic-card,.help-guide-grid article,.help-faq-item,.table-wrap, .to-empty,.pg-empty,.program-card,.manual-card{ border-radius:var(--ui-radius-card)!important; } .card,.panel,.result-card,.result-summary,.area,.my-panel,.org-section, .help-topic-card,.help-guide-grid article,.help-faq-item{ border-color:rgba(15,45,90,.09)!important; box-shadow:var(--ui-shadow-card)!important; } @media(hover:hover){ .help-topic-card:hover,.program-card:hover,.manual-card:hover{ box-shadow:var(--ui-shadow-hover)!important; } } main h1,.to-header h1{line-height:1.06!important;letter-spacing:-.035em!important} main h2{line-height:1.14!important;letter-spacing:-.022em!important} main h3,main h4{line-height:1.22!important;letter-spacing:-.012em!important} main p,main li,main dd{line-height:1.58} main h1+ p{margin-top:12px!important} .card-title,.panel-title,.my-panel-head h3,.org-section-head h2{margin-bottom:6px} .card,.panel,.my-panel,.org-section,.result-card,.result-summary,.area{ overflow-wrap:anywhere; } .card> :first-child,.panel> :first-child,.my-panel> :first-child,.org-section> :first-child{margin-top:0} .card> :last-child,.panel> :last-child,.my-panel> :last-child,.org-section> :last-child{margin-bottom:0} .tab,.tabs button,.org-tab,.nav button{ min-height:40px; border-radius:10px!important; font-weight:730; } table{border-collapse:separate;border-spacing:0} thead th{font-weight:780;letter-spacing:.005em} tbody td,thead th{vertical-align:middle} tbody td{border-color:#edf1f5!important} @media(max-width:760px){ :root{--ui-space-section:22px} .btn,button.btn,a.btn{min-height:46px} .btn.sm,button.btn.sm,a.btn.sm{min-height:42px} input:not([type="checkbox"]):not([type="radio"]),select,.input{min-height:46px} .card,.panel,.result-card,.result-summary,.area,.my-panel,.org-section, .help-topic-card,.help-guide-grid article,.help-faq-item,.table-wrap, .to-empty,.pg-empty{border-radius:16px!important} main p,main li,main dd{line-height:1.55} .result-first-actions,.entry-actions,.form-actions,.actions{gap:10px!important} } @media(max-width:520px){ .result-first-actions .btn.primary, .to-save-footer .btn.primary, .pg-empty .btn.primary, .to-empty .btn.primary{width:100%!important} }    .result-first-actions{ align-items:center!important; } .result-next-label{ flex:0 0 100%; display:block; margin:0 0 -2px; font-size:10px; line-height:1.2; font-weight:820; letter-spacing:.085em; text-transform:uppercase; color:#64748b; } .result-first-actions .btn.primary{ box-shadow:0 8px 22px rgba(37,99,235,.16)!important; } .journey{ border-radius:18px; } .journey-step.now{ box-shadow:inset 0 0 0 1px rgba(37,99,235,.08); } .pg-guide-progress>div>span{ letter-spacing:.035em; } @media(max-width:760px){   .result-next-label{margin-bottom:0} .result-first-actions .btn.primary{width:100%!important} } @media(max-width:760px){ html{scroll-padding-top:76px} body{-webkit-text-size-adjust:100%;text-size-adjust:100%} main,.main,.page-main,.to-page,.program-main,.training-mode{ overflow-x:clip; } button,.btn,a.btn,[role="button"],summary{ -webkit-tap-highlight-color:transparent; touch-action:manipulation; } .btn,button.btn,a.btn{min-height:48px;padding-inline:16px} .btn.sm,button.btn.sm,a.btn.sm{min-height:44px} input:not([type="checkbox"]):not([type="radio"]),select,.input{min-height:48px;font-size:16px} textarea{font-size:16px} .ip-test-row{ padding:12px 10px!important; gap:8px!important; } .ip-test-row input,.ip-test-row select{width:100%;min-width:0} .result-first-actions{ display:grid!important; grid-template-columns:1fr!important; width:100%; gap:10px!important; } .result-first-actions .btn,.result-first-actions a.btn{ width:100%!important; min-height:50px!important; justify-content:center!important; text-align:center; } .result-next-label{margin-bottom:-2px!important} .pg-guide-card{padding:18px 14px!important} .pg-guide-actions{display:grid!important;gap:8px!important} .pg-guide-actions .btn{width:100%!important;min-height:50px!important} .pg-guide-actions small{line-height:1.45} .program-result-top-actions{ display:grid!important; grid-template-columns:1fr!important; gap:9px!important; } .program-result-top-actions>.btn, .program-result-top-actions>.action-more-menu{ width:100%!important; } .program-result-top-actions>.btn{min-height:48px!important} .action-more-menu>summary{min-height:46px;display:flex;align-items:center;justify-content:center} .program-training-launch-card{gap:12px!important} .training-launch-btn-hero{ width:100%!important; min-height:64px!important; font-size:16px!important; letter-spacing:.025em!important; } .training-back{min-height:44px;display:inline-flex;align-items:center} .training-primary,.training-start{min-height:60px!important} .training-readiness-row>div{gap:8px!important} .training-readiness-row button{min-height:46px!important} .training-summary{gap:8px!important} .training-list-preview article{min-height:56px} .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch} .table-wrap table{min-width:620px} } @media(max-width:520px){ .program-training-launch-card,.pg-guide-card,.result-first-look,.result-first-look.team{ border-radius:16px!important; } .program-training-launch-copy p{font-size:12.5px!important;line-height:1.48!important} .pg-guide-copy h2{font-size:22px!important} .btn,button.btn,a.btn{white-space:normal;text-wrap:balance} .training-launch-btn-hero,.training-primary,.training-start{white-space:nowrap} } @media(max-width:390px){ .btn,button.btn,a.btn{padding-inline:13px} .ip-test-row{padding-inline:8px!important} .training-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important} .training-summary div{min-width:0} .training-summary b{font-size:20px!important} } .loading:not(#app > .loading){ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; height:auto; padding:10px 14px; background:transparent; color:var(--ui-muted,#53657a); font-size:13px; font-weight:700; line-height:1.4; } .loading:not(#app > .loading)::before{ content:""; width:18px;height:18px; flex:0 0 18px; border:2px solid rgba(37,99,235,.18); border-top-color:var(--ui-blue,#2563eb); border-radius:50%; animation:ap-loading-spin .75s linear infinite; } @keyframes ap-loading-spin{to{transform:rotate(360deg)}} .pg-result-empty .loading{min-height:120px} .pg-ai-card.loading-state .loading{width:100%;justify-content:flex-start;padding:4px 0} .pg-result-empty.pg-error{border-style:solid!important} .pg-result-empty.pg-error h2{color:#991b1b!important} button:disabled,.btn:disabled,[role="button"][aria-disabled="true"]{cursor:not-allowed} @media (prefers-reduced-motion:reduce){.loading:not(#app > .loading)::before{animation-duration:1.5s}} .result-logic-strip{ display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap; margin:14px 0 2px;padding:10px 12px;border:1px solid #dce5f0;border-radius:12px; background:#f8fafc;color:#536174;font-size:12px;line-height:1.35; } .result-logic-strip span{display:inline-flex;gap:3px;align-items:baseline} .result-logic-strip b{color:#132238;font-weight:800} .result-logic-strip i{font-style:normal;color:#94a3b8;font-weight:900} .track-premium-primary{white-space:nowrap} @media(max-width:640px){ .result-logic-strip{justify-content:flex-start;gap:6px;padding:10px} .result-logic-strip i{transform:rotate(90deg);margin:0 2px} } .public-price-card.featured{ position:relative; overflow:visible !important; box-shadow:0 20px 44px -20px rgba(15,26,46,.6) !important; } @media (min-width:860px){ .public-price-card.featured{ transform:translateY(-10px); } } @media (max-width:859px){ .public-price-card.featured{ margin-top:16px; } } .price-popular-badge{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); z-index:3; display:inline-flex; align-items:center; white-space:nowrap; padding:6px 16px; border-radius:999px; background:linear-gradient(135deg,#2B57D4,#1E8CE0); color:#fff; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; box-shadow:0 6px 16px -6px rgba(43,87,212,.7); } .info-benefit-list article b .app-icon{ width:24px; height:24px; display:block; } .info-benefit-list article b .app-icon svg{ width:100%; height:100%; } :root{ --ap-max:1400px; --ap-header:78px; --ap-header-tablet:70px; --ap-header-mobile:64px; --ap-page:#f3f6fa; --ap-white:#fff; --ap-navy:#061426; --ap-navy-2:#081a2d; --ap-border:#dce5ef; --ap-text:#10243e; --ap-muted:#66788d; --ap-blue:#2f6df4; --ap-radius:14px; } *,*::before,*::after{box-sizing:border-box} html{ width:100%; min-height:100%; overflow-y:scroll; scrollbar-gutter:stable; -webkit-text-size-adjust:100%; } body{ width:100%; min-height:100dvh; margin:0; overflow-x:clip; } #app,.shell{width:100%;min-height:100dvh} .shell{display:flex;flex-direction:column} .shell>main,.shell main{flex:1 0 auto;min-height:calc(100dvh - var(--ap-header))} .shell>.topbar,.topbar{ position:relative!important; width:100%!important; height:var(--ap-header)!important; min-height:var(--ap-header)!important; margin:0!important; padding:0!important; background:#000!important; background-image:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; z-index:100!important; } .topbar:before{content:none!important} .topbar:after{ content:""!important; position:absolute!important; left:0!important;right:0!important;bottom:-3px!important; height:3px!important; background:linear-gradient(90deg,#2f6df4 0%,#20b9dd 24%,#5ac85a 48%,#f0c541 70%,#ef7e45 84%,#d6509a 100%)!important; z-index:10!important; } .topbar .topbar-inner, .topbar .topbar-inner.topbar-inner-v103{ width:min(var(--ap-max),calc(100% - 48px))!important; max-width:var(--ap-max)!important; height:var(--ap-header)!important; min-height:var(--ap-header)!important; margin:0 auto!important; padding:0!important; display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:20px!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } .topbar .topbar-inner:before,.topbar .topbar-inner:after{content:none!important;display:none!important} .topbar .logo-btn.logo-btn-compact, .topbar .topbar-nav, .topbar .topbar-nav.topbar-nav-primary, .topbar .nav-right{ height:var(--ap-header)!important; min-height:var(--ap-header)!important; display:flex!important; align-items:center!important; margin:0!important; } .topbar .logo.logo-compact, .topbar img[src*="logo"]{ width:auto!important;height:42px!important;max-height:42px!important;max-width:225px!important; object-fit:contain!important;filter:brightness(0) invert(1)!important;opacity:1!important; } .topbar .topbar-nav-link{ height:44px!important;min-height:44px!important; display:flex!important;align-items:center!important;justify-content:center!important; padding:0 12px!important; color:#e7edf4!important;background:transparent!important; border:1px solid transparent!important;border-radius:9px!important; white-space:nowrap!important;line-height:1!important;font-weight:750!important; } .topbar .topbar-nav-link.active{ color:#fff!important;background:rgba(47,109,244,.08)!important;border-color:rgba(47,109,244,.18)!important; } .topbar .topbar-spacer{flex:1 1 auto!important;min-width:12px!important} .topbar .nav-right{justify-content:flex-end!important;gap:9px!important} .topbar .language-switch{ height:44px!important;margin:0!important; display:flex!important;align-items:center!important; background:#050505!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:9px!important; } .topbar .language-switch .lang-option{ min-width:42px!important;height:42px!important; display:flex!important;align-items:center!important;justify-content:center!important; color:#d8e0e9!important;background:transparent!important;border:0!important; } .topbar .language-switch .lang-option.active{background:#fff!important;color:#111b29!important} .topbar .topbar-menu{height:44px!important;margin:0!important} .topbar .topbar-menu>summary{ height:44px!important;min-height:44px!important; display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important; padding:0 13px!important;margin:0!important; color:#fff!important;background:#050505!important; border:1px solid rgba(255,255,255,.20)!important;border-radius:9px!important;line-height:1!important; } .topbar .topbar-menu>summary *{color:inherit!important} .shell:not([data-page="home"]){background:var(--ap-page)!important} .shell:not([data-page="home"]) :is(h1,h2,h3,h4){color:var(--ap-text)!important} .shell:not([data-page="home"]) :is(p,small){color:var(--ap-muted)!important} .shell[data-page="admin"], .shell[data-page="admin"] :is(main,.page,.page-shell,.admin-page,.admin-shell,.admin-content){ background:var(--ap-page)!important;color:var(--ap-text)!important; } .shell[data-page="admin"] :is(.admin-card,.card,.panel,.admin-panel,.admin-section){ background:#fff!important;color:var(--ap-text)!important; border:1px solid var(--ap-border)!important;border-radius:var(--ap-radius)!important; box-shadow:0 4px 14px rgba(20,44,70,.035)!important; } .shell[data-page="minsida"], .shell[data-page="organization"], .shell[data-page="org"]{background:var(--ap-page)!important} .shell[data-page="minsida"] :is(.minsida-hero,.my-page-hero,.dashboard-hero,.org-hero,.organization-hero), .shell[data-page="organization"] :is(.minsida-hero,.my-page-hero,.dashboard-hero,.org-hero,.organization-hero), .shell[data-page="org"] :is(.minsida-hero,.my-page-hero,.dashboard-hero,.org-hero,.organization-hero){ min-height:250px!important;margin:0!important;padding:38px 42px!important; color:#fff!important; background:radial-gradient(circle at 73% 22%,rgba(34,111,167,.16),transparent 31%),linear-gradient(105deg,#071728 0%,#0a2844 55%,#071728 100%)!important; border:0!important;border-radius:0!important;box-shadow:none!important; } .shell:not([data-page="home"]) :is(.input,input.input,select.input,textarea.input){ width:100%!important;max-width:100%!important;min-width:0!important; background:#fff!important;color:var(--ap-text)!important; border:1px solid #cdd9e6!important;border-radius:9px!important;box-shadow:none!important; } .shell:not([data-page="home"]) :is(input.input,select.input){height:44px!important;min-height:44px!important} .shell:not([data-page="home"]) table{width:100%!important;table-layout:fixed!important} .shell:not([data-page="home"]) table thead th{background:#f5f8fc!important;color:#566a80!important} .shell:not([data-page="home"]) table tbody td{color:var(--ap-text)!important;border-bottom:1px solid #edf1f5!important} .shell[data-page="home"]{background:#000!important} @media(max-width:720px){ .mnav-link-rich > .mnav-link-icon, .mnav-link-rich > .mnav-link-copy, .mnav-link-rich > .mnav-chevron{ display:grid!important; visibility:visible!important; opacity:1!important; } .mnav-link-rich > .mnav-link-copy{ display:flex!important; } }


:root{
  --rc-max:1400px;
  --rc-page-x:32px;
  --rc-page-x-mobile:14px;
  --rc-section-gap:24px;
  --rc-border:#dce5ef;
  --rc-surface:#ffffff;
  --rc-soft:#f6f8fb;
  --rc-text:#10243e;
  --rc-muted:#66788d;
  --rc-radius:12px;
}

/* Stable page canvas and optical alignment */
.shell:not([data-page="home"]){
  background:#f3f6fa!important;
}

/* Common vertical rhythm */
.shell:not([data-page="home"]) :is(h1,h2,h3){
  text-wrap:balance;
}
.shell:not([data-page="home"]) h1{
  margin-top:0!important;
}
.shell:not([data-page="home"]) :is(p,li,small){
  overflow-wrap:anywhere;
}

/* Forms have consistent control geometry */
.shell:not([data-page="home"]) :is(input,select,textarea,button){
  font:inherit;
}
.shell:not([data-page="home"]) :is(input.input,select.input){
  min-height:44px!important;
}
.shell:not([data-page="home"]) textarea.input{
  min-height:104px!important;
  resize:vertical!important;
}

/* Tables remain readable instead of forcing clipped single-line cells */
.shell:not([data-page="home"]) table{
  width:100%!important;
}
.shell:not([data-page="home"]) :is(th,td){
  overflow-wrap:anywhere;
  vertical-align:middle;
}

/* Admin follows the same light application canvas */
.shell[data-page="admin"],
.shell[data-page="admin"] :is(main,.admin-page,.admin-shell,.admin-content){
  background:#f3f6fa!important;
  color:var(--rc-text)!important;
}


/* ==========================================================================
   APProfile 16.24.5 · CLEAN UI TOKENS / SHELL
   ========================================================================== */
:root{
  --ui-max:1400px;
  --ui-page-x:32px;
  --ui-page-x-mobile:14px;
  --ui-bg:#f3f6fa;
  --ui-surface:#fff;
  --ui-text:#10243e;
  --ui-muted:#66788d;
  --ui-border:#dce5ef;
  --ui-radius:14px;
}
html{scrollbar-gutter:stable}
body{min-height:100dvh}
.shell:not([data-page="home"]){background:var(--ui-bg)}
.shell:not([data-page="home"]) :is(
  .page,.page-shell,.to-page,.program-page,.program-builder,.program-shell,
  .how-page-v5,.help-hub-page,.pricing-page,.contact-page,.account-page,
  .settings-page,.admin-page,.org-page,.organization-page
){
  width:min(var(--ui-max),calc(100% - (var(--ui-page-x) * 2)));
  max-width:var(--ui-max);
  margin-inline:auto;
  box-sizing:border-box;
}

.shell:not([data-page="home"]) :is(.card,.wiz-card,.result-card,.program-card,.profile-card,.group-card,.org-card,.admin-card,.help-topic-card,.settings-card,.account-card,.panel){
  border-color:var(--ui-border);
}
.shell:not([data-page="home"]) :is(input,select,textarea,button){font:inherit}
.shell:not([data-page="home"]) :is(input.input,select.input){min-height:44px}
.shell:not([data-page="home"]) textarea.input{min-height:104px;resize:vertical}
@media(max-width:720px){
  .shell:not([data-page="home"]) :is(
    .page,.page-shell,.to-page,.program-page,.program-builder,.program-shell,
    .how-page-v5,.help-hub-page,.pricing-page,.contact-page,.account-page,
    .settings-page,.admin-page,.org-page,.organization-page
  ){
    width:calc(100% - (var(--ui-page-x-mobile) * 2));
  }
}
@media(min-width:721px) and (max-width:1180px){
  .shell:not([data-page="home"]) :is(
    .page,.page-shell,.to-page,.program-page,.program-builder,.program-shell,
    .how-page-v5,.help-hub-page,.pricing-page,.contact-page,.account-page,
    .settings-page,.admin-page,.org-page,.organization-page
  ){
    width:calc(100% - 40px);
  }
}


/* ==========================================================================
   APProfile 16.24.5 · HOME — approved final composition
   Desktop/tablet follows approved front-page layout; mobile remains dedicated.
   ========================================================================== */
.shell[data-page="home"]{
  background:#06111f;
  color:#fff;
}
.shell[data-page="home"] .one-screen-home{
  width:100%;
  background:#071426;
}
.shell[data-page="home"] .one-screen-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:#071426;
}
.shell[data-page="home"] .one-screen-bg,
.shell[data-page="home"] .one-screen-shade{
  position:absolute;
  inset:0;
}
.shell[data-page="home"] .one-screen-bg{
  z-index:0;
  overflow:hidden;
}
.shell[data-page="home"] .one-screen-bg img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:68% 34%;
}
.shell[data-page="home"] .one-screen-shade{
  z-index:1;
  background:
    linear-gradient(90deg,
      rgba(3,14,27,.995) 0%,
      rgba(4,18,34,.965) 31%,
      rgba(5,19,36,.83) 48%,
      rgba(5,19,36,.46) 69%,
      rgba(5,19,36,.20) 100%),
    linear-gradient(180deg,
      rgba(5,17,31,.08) 0%,
      rgba(5,17,31,.02) 60%,
      rgba(5,17,31,.40) 100%);
}
.shell[data-page="home"] .one-screen-shell{
  position:relative;
  z-index:2;
  box-sizing:border-box;
}
.shell[data-page="home"] .one-screen-intro{
  margin:0;
  padding:0;
  text-align:left;
}

.shell[data-page="home"] .one-screen-intro h1{
  color:#fff;
  letter-spacing:-.04em;
}
.shell[data-page="home"] .one-screen-intro h1 strong{
  color:#3e75ff;
}
.shell[data-page="home"] .one-screen-intro p{
  color:#e2e8f0;
}

.shell[data-page="home"] .home-context-heading{
  position:relative;
  display:block;
  text-align:left;
}
.shell[data-page="home"] .home-context-heading>div{
  min-width:0;
}
.shell[data-page="home"] .home-context-heading>div>span{
  display:block;
  color:#3f80ff;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.shell[data-page="home"] .home-context-heading h2{
  color:#fff;
}
.shell[data-page="home"] .home-context-heading p{
  color:#d4dde8;
}
.shell[data-page="home"] .home-history-link{
  display:none;
}

/* Context cards */
.shell[data-page="home"] .home-context-row{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.shell[data-page="home"] .home-context-tile{
  position:relative;
  display:block;
  min-width:0;
  overflow:hidden;
  color:#fff;
  text-decoration:none;
  background:#0a1929;
  border:1px solid rgba(158,182,207,.33);
  border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  transition:transform .15s ease,border-color .15s ease;
}
.shell[data-page="home"] .home-context-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(94,145,255,.78);
}
.shell[data-page="home"] .home-context-photo,
.shell[data-page="home"] .home-context-overlay{
  position:absolute;
  inset:0;
}
.shell[data-page="home"] .home-context-photo{
  background-image:var(--context-img);
  background-size:cover;
  background-position:center;
}
.shell[data-page="home"] .home-context-overlay{
  background:linear-gradient(
    180deg,
    rgba(4,16,29,.04) 0%,
    rgba(4,16,29,.34) 43%,
    rgba(4,16,29,.90) 82%,
    rgba(4,16,29,.985) 100%
  );
}
.shell[data-page="home"] .home-context-content{
  position:absolute;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
.shell[data-page="home"] .home-context-icon{
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#1768ff;
  color:#fff;
  box-shadow:0 6px 16px rgba(23,104,255,.28);
}
.shell[data-page="home"] .home-context-content b{
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-weight:800;
}
.shell[data-page="home"] .home-context-content small{
  display:block;
  width:100%;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e0e7ef;
  line-height:1.25;
}
.shell[data-page="home"] .home-context-content em{
  color:#1f7aff;
  font-style:normal;
  font-weight:800;
}

/* Benefits strip */
.shell[data-page="home"] .home-trust-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  border-top:0;
}
.shell[data-page="home"] .home-trust-row span{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:14px;
  row-gap:3px;
  justify-content:start;
  min-width:0;
  color:#d6e0eb;
}
.shell[data-page="home"] .home-trust-row span:not(:last-child)::after{
  content:"";
  position:absolute;
  top:6px;
  right:0;
  bottom:6px;
  width:1px;
  background:rgba(255,255,255,.16);
}
.shell[data-page="home"] .home-trust-svg{
  grid-row:1 / 3;
  width:32px;
  height:32px;
  color:#246dff;
}
.shell[data-page="home"] .home-trust-row b{
  display:block;
  min-width:0;
  color:#fff;
  font-weight:800;
  line-height:1.15;
}
.shell[data-page="home"] .home-trust-row small{
  display:block;
  min-width:0;
  color:#bac7d6;
  line-height:1.3;
}

/* Desktop */
@media(min-width:1181px){
  body:has(.shell[data-page="home"]),
  #app:has(.shell[data-page="home"]),
  .shell[data-page="home"]{
    height:100dvh;
    min-height:100dvh;
    overflow:hidden;
  }

  .shell[data-page="home"] .one-screen-home{
    height:calc(100dvh - 68px);
    min-height:0;
    overflow:hidden;
  }
  .shell[data-page="home"] .one-screen-hero{
    height:100%;
    min-height:0;
  }
  .shell[data-page="home"] .one-screen-shell{
    width:min(1480px,calc(100% - 72px));
    height:100%;
    margin:0 auto;
    padding:clamp(34px,4.4vh,48px) 0 16px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
  }

  .shell[data-page="home"] .one-screen-intro{
    max-width:690px;
  }
  
  .shell[data-page="home"] .one-screen-intro h1{
    max-width:670px;
    margin:0 0 18px;
    font-size:clamp(39px,3.45vw,55px);
    line-height:1.03;
  }
  .shell[data-page="home"] .one-screen-intro p{
    max-width:590px;
    margin:0;
    font-size:15px;
    line-height:1.52;
  }

  .shell[data-page="home"] .home-context-heading{
    width:650px;
    max-width:48%;
    margin:clamp(44px,6.2vh,66px) 0 15px;
  }
  .shell[data-page="home"] .home-context-heading>div>span{
    margin:0 0 7px;
    font-size:10px;
  }
  .shell[data-page="home"] .home-context-heading h2{
    margin:0 0 8px;
    font-size:30px;
    line-height:1.08;
    letter-spacing:-.03em;
  }
  .shell[data-page="home"] .home-context-heading p{
    max-width:610px;
    margin:0;
    font-size:12px;
    line-height:1.45;
  }

  .shell[data-page="home"] .home-context-row{
    gap:14px;
  }
  .shell[data-page="home"] .home-context-tile{
    height:clamp(170px,18.4vh,194px);
  }
  .shell[data-page="home"] .home-context-content{
    inset:auto 15px 15px;
  }
  .shell[data-page="home"] .home-context-icon{
    width:34px;
    height:34px;
    margin:0 0 10px;
  }
  .shell[data-page="home"] .home-context-svg{
    width:17px;
    height:17px;
  }
  .shell[data-page="home"] .home-context-content b{
    font-size:16px;
    line-height:1.1;
  }
  .shell[data-page="home"] .home-context-content small{
    margin-top:5px;
    font-size:10.5px;
  }
  .shell[data-page="home"] .home-context-content em{
    margin-top:12px;
    font-size:10.5px;
  }

  .shell[data-page="home"] .home-trust-row{
    margin-top:22px;
    padding:0 34px 0;
    gap:0;
  }
  .shell[data-page="home"] .home-trust-row span{
    padding:0 34px;
  }
  .shell[data-page="home"] .home-trust-row span:first-child{
    padding-left:18px;
  }
  .shell[data-page="home"] .home-trust-row span:last-child{
    padding-right:18px;
  }
  .shell[data-page="home"] .home-trust-row b{
    font-size:11.5px;
  }
  .shell[data-page="home"] .home-trust-row small{
    font-size:9.8px;
  }

  .shell[data-page="home"] :is(
    .home-mobile-benefits,.home-mobile-trust-card,.home-mobile-section-label,
    .home-mobile-context-list,.home-mobile-quick
  ){
    display:none;
  }
}

/* Tablet */
@media(min-width:721px) and (max-width:1180px){
  body:has(.shell[data-page="home"]),
  #app:has(.shell[data-page="home"]),
  .shell[data-page="home"]{
    height:100dvh;
    min-height:100dvh;
    overflow:hidden;
  }

  .shell[data-page="home"] .one-screen-home{
    height:calc(100dvh - 68px);
    min-height:0;
    overflow:hidden;
  }
  .shell[data-page="home"] .one-screen-hero{
    height:100%;
    min-height:0;
  }
  .shell[data-page="home"] .one-screen-shell{
    width:calc(100% - 36px);
    height:100%;
    min-height:0;
    margin:0 auto;
    padding:24px 0 12px;
    display:flex;
    flex-direction:column;
  }

  .shell[data-page="home"] .one-screen-intro{
    max-width:600px;
  }
  
  .shell[data-page="home"] .one-screen-intro h1{
    max-width:600px;
    margin:0 0 12px;
    font-size:clamp(34px,4vw,43px);
    line-height:1.02;
  }
  .shell[data-page="home"] .one-screen-intro p{
    max-width:540px;
    margin:0;
    font-size:13px;
    line-height:1.42;
  }

  .shell[data-page="home"] .home-context-heading{
    width:560px;
    max-width:62%;
    margin:clamp(30px,4.4vh,44px) 0 10px;
  }
  .shell[data-page="home"] .home-context-heading>div>span{
    margin-bottom:4px;
    font-size:9px;
  }
  .shell[data-page="home"] .home-context-heading h2{
    margin:0 0 5px;
    font-size:25px;
  }
  .shell[data-page="home"] .home-context-heading p{
    margin:0;
    font-size:10.5px;
    line-height:1.4;
  }

  .shell[data-page="home"] .home-context-row{
    gap:9px;
  }
  .shell[data-page="home"] .home-context-tile{
    height:145px;
    border-radius:12px;
  }
  .shell[data-page="home"] .home-context-content{
    inset:auto 10px 10px;
  }
  .shell[data-page="home"] .home-context-icon{
    width:27px;
    height:27px;
    margin-bottom:6px;
  }
  .shell[data-page="home"] .home-context-svg{
    width:14px;
    height:14px;
  }
  .shell[data-page="home"] .home-context-content b{
    font-size:13px;
  }
  .shell[data-page="home"] .home-context-content small{
    margin-top:3px;
    font-size:8px;
  }
  .shell[data-page="home"] .home-context-content em{
    margin-top:6px;
    font-size:8.5px;
  }

  .shell[data-page="home"] .home-trust-row{
    margin-top:14px;
    padding:0 12px;
  }
  .shell[data-page="home"] .home-trust-row span{
    grid-template-columns:30px minmax(0,1fr);
    column-gap:8px;
    padding:0 16px;
  }
  .shell[data-page="home"] .home-trust-svg{
    width:24px;
    height:24px;
  }
  .shell[data-page="home"] .home-trust-row b{
    font-size:9px;
  }
  .shell[data-page="home"] .home-trust-row small{
    font-size:8px;
  }

  .shell[data-page="home"] :is(
    .home-mobile-benefits,.home-mobile-trust-card,.home-mobile-section-label,
    .home-mobile-context-list,.home-mobile-quick
  ){
    display:none;
  }
}

/* Short desktop/tablet */
@media(min-width:721px) and (max-height:760px){
  .shell[data-page="home"] .one-screen-shell{
    padding-top:15px;
  }
  .shell[data-page="home"] .one-screen-intro h1{
    font-size:32px;
    margin-bottom:8px;
  }
  .shell[data-page="home"] .one-screen-intro p{
    font-size:11.5px;
  }
  .shell[data-page="home"] .home-context-heading{
    margin-top:20px;
  }
  .shell[data-page="home"] .home-context-heading h2{
    font-size:22px;
  }
  .shell[data-page="home"] .home-context-tile{
    height:122px;
  }
  .shell[data-page="home"] .home-context-icon{
    width:23px;
    height:23px;
    margin-bottom:3px;
  }
  .shell[data-page="home"] .home-context-content em{
    margin-top:4px;
  }
  .shell[data-page="home"] .home-trust-row{
    margin-top:7px;
  }
  .shell[data-page="home"] .home-trust-svg{
    width:20px;
    height:20px;
  }
}

/* Mobile stays on the dedicated approved mobile layout */
@media(max-width:720px){
  .shell[data-page="home"]{
    height:auto;
    min-height:100dvh;
    overflow:visible;
  }
  .shell[data-page="home"] .one-screen-home,
  .shell[data-page="home"] .one-screen-hero{
    height:auto;
    min-height:0;
    overflow:visible;
  }
  .shell[data-page="home"] .one-screen-hero{
    background:#06111f;
  }
  .shell[data-page="home"] .one-screen-bg{
    height:330px;
  }
  .shell[data-page="home"] .one-screen-bg img{
    object-position:center top;
  }
  .shell[data-page="home"] .one-screen-shade{
    height:430px;
    background:linear-gradient(
      180deg,
      rgba(4,16,29,.20),
      rgba(4,16,29,.68) 52%,
      #06111f 94%
    );
  }
  .shell[data-page="home"] .one-screen-shell{
    width:100%;
    margin:0;
    padding:30px 20px 26px;
    display:block;
  }
  .shell[data-page="home"] .one-screen-intro{
    width:100%;
    max-width:100%;
    margin:0 0 24px;
  }
  
  .shell[data-page="home"] .one-screen-intro h1{
    max-width:355px;
    margin:0 0 17px;
    font-size:clamp(31px,8.8vw,41px);
    line-height:1.02;
  }
  .shell[data-page="home"] .one-screen-intro p{
    max-width:340px;
    margin:0;
    font-size:14px;
    line-height:1.52;
  }

  .shell[data-page="home"] .home-context-heading,
  .shell[data-page="home"] .home-context-row,
  .shell[data-page="home"] .home-history-link,
  .shell[data-page="home"] .home-trust-row{
    display:none;
  }

  .shell[data-page="home"] .home-mobile-benefits{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:0 0 15px;
  }
  .shell[data-page="home"] .home-mobile-benefit{
    min-height:48px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px 10px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:10px;
    background:rgba(8,28,47,.66);
  }
  .shell[data-page="home"] .home-mobile-benefit-icon{
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    border-radius:50%;
    background:rgba(65,118,255,.15);
    color:#71a1ff;
  }
  .shell[data-page="home"] .home-mobile-benefit b{
    font-size:9px;
    line-height:1.2;
    color:#dce8f5;
  }
  .shell[data-page="home"] .home-mobile-trust-card{
    display:flex;
    gap:10px;
    margin:0 0 18px;
    padding:12px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:10px;
    background:rgba(7,25,43,.72);
  }
  .shell[data-page="home"] .home-mobile-trust-card p{
    margin:0 0 3px;
    color:#cbd7e4;
    font-size:10px;
    line-height:1.35;
  }
  .shell[data-page="home"] .home-mobile-trust-card b{
    font-size:10px;
    color:#fff;
  }
  .shell[data-page="home"] .home-mobile-section-label{
    display:block;
    margin:0 0 10px;
    color:#71a1ff;
    font-size:10px;
    font-weight:850;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .shell[data-page="home"] .home-mobile-context-list{
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .shell[data-page="home"] .home-mobile-marketing-card{
    width:100%;
    min-height:82px;
    display:grid;
    grid-template-columns:50px minmax(0,1fr) 18px;
    align-items:center;
    column-gap:11px;
    padding:10px 12px;
    text-align:left;
    color:#fff;
    background:rgba(6,22,38,.76);
    border:1px solid rgba(136,165,197,.28);
    border-radius:10px;
  }
  .shell[data-page="home"] .home-mobile-marketing-icon{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border:1px solid currentColor;
    border-radius:50%;
    color:#5f91ff;
  }
  .shell[data-page="home"] .home-mobile-marketing-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
  }
  .shell[data-page="home"] .home-mobile-marketing-copy b,
  .shell[data-page="home"] .home-mobile-marketing-copy small{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .shell[data-page="home"] .home-mobile-marketing-copy b{
    font-size:14px;
    line-height:1.15;
  }
  .shell[data-page="home"] .home-mobile-marketing-copy small{
    color:#aebdcd;
    font-size:9px;
    line-height:1.25;
  }
  .shell[data-page="home"] .home-mobile-marketing-chevron{
    justify-self:end;
    font-size:24px;
    color:#fff;
  }
}
@media(max-width:390px){
  .shell[data-page="home"] .one-screen-shell{
    padding-left:14px;
    padding-right:14px;
  }
  .shell[data-page="home"] .one-screen-intro h1{
    font-size:30px;
  }
  .shell[data-page="home"] .home-mobile-marketing-copy small{
    font-size:8.5px;
  }
}


/* ==========================================================================
   APProfile 16.24.5 · PREMIUM DIRECTION PAGES
   Shared visual system for School, Work, Sports and Physical Performance.
   ========================================================================== */
.premium-direction{
  min-height:calc(100dvh - 68px);
  background:#f6f8fb;
  color:#10243e;
}
.premium-direction-hero{
  position:relative;
  min-height:430px;
  overflow:hidden;
  color:#fff;
  background:#071426;
}
.premium-direction-hero-image,
.premium-direction-hero-shade{
  position:absolute;
  inset:0;
}
.premium-direction-hero-image{
  background-image:var(--track-image);
  background-size:cover;
  background-position:70% center;
}
.premium-direction-hero-shade{
  background:
    linear-gradient(90deg,#06111f 0%,rgba(6,17,31,.98) 31%,rgba(6,17,31,.78) 52%,rgba(6,17,31,.25) 100%),
    linear-gradient(180deg,rgba(6,17,31,.02),rgba(6,17,31,.20) 70%,rgba(6,17,31,.72));
}
.premium-direction-hero-inner{
  position:relative;
  z-index:2;
  width:min(1400px,calc(100% - 64px));
  min-height:430px;
  margin:0 auto;
  padding:22px 0 28px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.premium-direction-back{
  display:inline-flex;
  align-items:center;
  width:max-content;
  color:#ffffff!important;
  text-decoration:none;
  font-size:12px;
  font-weight:750;
}
.premium-direction-copy{
  width:min(610px,48%);
  margin-top:auto;
  margin-bottom:auto;
}
.premium-direction-kicker{
  display:block;
  margin:0 0 12px;
  color:#7fb0ff;
  font-size:10px;
  line-height:1.1;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.premium-direction-copy h1{
  max-width:13ch;
  margin:0 0 14px;
  color:#ffffff!important;
  font-size:clamp(38px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.premium-direction-copy p{
  max-width:58ch;
  margin:0;
  color:#f4f7fb!important;
  font-size:15px;
  line-height:1.58;
}
.premium-direction-benefits{
  width:min(910px,72%);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
}
.premium-direction-benefit{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:4px 22px;
}
.premium-direction-benefit:first-child{padding-left:0}
.premium-direction-benefit:not(:last-child){border-right:1px solid rgba(255,255,255,.18)}
.premium-direction-benefit-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:#4f8dff;
}
.premium-direction-benefit-svg{width:27px;height:27px}
.premium-direction-benefit strong{
  display:block;
  color:#fff;
  font-size:11px;
  line-height:1.35;
}

/* Profile choice */
.premium-direction-content{
  width:min(1400px,calc(100% - 64px));
  margin:0 auto;
  padding:28px 0 24px;
}
.premium-profile-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:18px;
}
.premium-profile-head .eyebrow,
.premium-direction-context .eyebrow{
  display:block;
  width:max-content;
  margin:0 0 7px;
  color:var(--track,#2563eb);
  font-size:10px;
  line-height:1.1;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.premium-profile-head h2,
.premium-direction-context h2{
  margin:0 0 6px;
  color:#10243e;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.025em;
}
.premium-profile-head p,
.premium-direction-context-head p{
  max-width:800px;
  margin:0;
  color:#64748b;
  font-size:13px;
  line-height:1.55;
}
.premium-profile-cta{flex:0 0 auto}

.premium-profile-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.premium-profile-card{
  min-height:118px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:13px;
  padding:17px;
  text-align:left;
  background:#fff;
  border:1px solid #dce5ef;
  border-radius:14px;
  box-shadow:0 5px 16px rgba(20,44,70,.035);
  cursor:pointer;
}
.premium-profile-card:hover{
  border-color:color-mix(in srgb,var(--track,#2563eb) 48%,#dce5ef);
  transform:translateY(-1px);
}
.premium-profile-card-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  color:var(--track,#2563eb);
  background:var(--track-soft,#eff6ff);
  border-radius:13px;
}
.premium-profile-card-svg{width:22px;height:22px}
.premium-profile-card-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.premium-profile-card-copy small{
  margin-bottom:3px;
  color:#7b899a;
  font-size:9px;
  font-weight:750;
  text-transform:uppercase;
}
.premium-profile-card-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#10243e;
  font-size:15px;
}
.premium-profile-card-copy em{
  margin-top:8px;
  color:var(--track,#2563eb);
  font-size:10px;
  font-style:normal;
  font-weight:800;
}

.premium-profile-available{
  padding:17px 18px;
  background:#fff;
  border:1px solid #dce5ef;
  border-radius:14px;
}
.premium-profile-available-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
}
.premium-profile-available-head>div{
  display:flex;
  align-items:baseline;
  gap:9px;
}
.premium-profile-available-head span{color:#53657a;font-size:12px;font-weight:800}
.premium-profile-available-head strong{color:var(--track,#2563eb);font-size:22px}
.premium-profile-available-head small{color:#7b899a;font-size:11px}
.premium-direction .direction-profile-chips{display:flex;flex-wrap:wrap;gap:7px}
.premium-direction .direction-profile-chip{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:6px 10px;
  color:#354a60;
  background:#f7f9fc;
  border:1px solid #dce5ef;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
}
.premium-direction .direction-profile-more{
  color:var(--track,#2563eb);
  background:var(--track-soft,#eff6ff);
}

/* Information section */
.premium-direction-context{
  width:min(1400px,calc(100% - 64px));
  margin:0 auto 42px;
  padding:26px 28px;
  background:#fff;
  border:1px solid #dce5ef;
  border-radius:16px;
}
.premium-direction-context-head{max-width:850px;margin-bottom:20px}
.premium-direction-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.premium-direction-info-item{
  min-height:125px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  padding:17px;
  background:#f8fafc;
  border:1px solid #e5ebf2;
  border-radius:13px;
}
.premium-direction-info-item>span{
  color:var(--track,#2563eb);
  font-size:10px;
  font-weight:850;
}
.premium-direction-info-item h3{margin:0 0 6px;color:#10243e;font-size:15px}
.premium-direction-info-item p{margin:0;color:#64748b;font-size:11px;line-height:1.5}
.premium-direction-note{
  display:flex;
  gap:9px;
  margin-top:16px;
  padding-top:15px;
  border-top:1px solid #e5ebf2;
  color:#64748b;
  font-size:11px;
}
.premium-direction-note strong{color:#10243e}

/* Football alignment with the premium family */
.football-hub-premium{
  background:#f6f8fb;
}
.football-hub-premium .football-hero{
  min-height:430px;
  padding:24px max(32px,calc((100vw - 1400px)/2)) 28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#fff;
  border-radius:0;
}
.football-hub-premium .football-hero::before{
  background:
    linear-gradient(90deg,#06111f 0%,rgba(6,17,31,.98) 33%,rgba(6,17,31,.75) 55%,rgba(6,17,31,.22) 100%),
    var(--football-image);
  background-size:cover;
  background-position:70% center;
}
.football-hub-premium .football-hero-copy{
  width:min(620px,48%);
  max-width:none;
  margin:auto 0;
  padding:0;
}
.football-hub-premium .football-badge{
  color:#69a2ff;
  background:transparent;
  border:0;
  padding:0;
  letter-spacing:.12em;
}
.football-hub-premium .football-hero h1{
  max-width:13ch;
  font-size:clamp(38px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.football-hub-premium .football-hero p{
  color:#e1e8f1;
  font-size:15px;
  line-height:1.58;
}
.football-hub-premium .football-definition{
  border-left:2px solid #14b8a6;
  background:rgba(4,18,34,.35);
}





.football-premium-benefit-svg{width:27px;height:27px}



.football-hub-premium .football-profiles,
.football-hub-premium .trust-panel{
  width:min(1400px,calc(100% - 64px));
  margin-left:auto;
  margin-right:auto;
}

/* Tablet */
@media(min-width:721px) and (max-width:1180px){
  .premium-direction-hero-inner,
  .premium-direction-content,
  .premium-direction-context{
    width:calc(100% - 40px);
  }
  .premium-direction-copy{width:min(620px,62%)}
  .premium-direction-benefits{width:100%}
  .premium-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-direction-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .football-hub-premium .football-hero{
    padding-left:20px;
    padding-right:20px;
  }
  .football-hub-premium .football-hero-copy{width:min(620px,62%)}
  
  
  .football-hub-premium .football-profiles,
  .football-hub-premium .trust-panel{
    width:calc(100% - 40px);
  }
}

/* Mobile */
@media(max-width:720px){
  .premium-direction-hero{min-height:500px}
  .premium-direction-hero-image{background-position:center top}
  .premium-direction-hero-shade{
    background:linear-gradient(180deg,rgba(6,17,31,.16),rgba(6,17,31,.58) 45%,#06111f 82%);
  }
  .premium-direction-hero-inner{
    width:calc(100% - 28px);
    min-height:500px;
    padding:16px 0 20px;
  }
  .premium-direction-copy{
    width:100%;
    margin-top:auto;
    margin-bottom:20px;
  }
  .premium-direction-copy h1{
    max-width:100%;
    font-size:34px;
  }
  .premium-direction-copy p{font-size:13px}
  .premium-direction-benefits{
    width:100%;
    grid-template-columns:1fr;
    gap:8px;
  }
  .premium-direction-benefit{
    grid-template-columns:30px minmax(0,1fr);
    padding:0;
    border-right:0!important;
  }
  .premium-direction-benefit-icon{width:28px;height:28px}
  .premium-direction-benefit-svg{width:19px;height:19px}
  .premium-direction-benefit strong{font-size:10px}

  .premium-direction-content,
  .premium-direction-context{
    width:calc(100% - 28px);
  }
  .premium-direction-content{padding:20px 0}
  .premium-profile-head{
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
  }
  .premium-profile-head h2,.premium-direction-context h2{font-size:25px}
  .premium-profile-cta{width:100%}
  .premium-profile-grid{grid-template-columns:1fr}
  .premium-profile-card{min-height:92px}
  .premium-profile-available-head{align-items:flex-start;flex-direction:column;gap:3px}
  .premium-direction-context{padding:18px;margin-bottom:28px}
  .premium-direction-info-grid{grid-template-columns:1fr}
  .premium-direction-note{flex-direction:column}

  .football-hub-premium .football-hero{
    min-height:500px;
    padding:16px 14px 20px;
  }
  .football-hub-premium .football-hero-copy{
    width:100%;
    margin-top:auto;
    margin-bottom:18px;
  }
  .football-hub-premium .football-hero h1{
    max-width:100%;
    font-size:34px;
  }
  
  
  
  .football-premium-benefit-svg{width:19px;height:19px}
  
  
  .football-hub-premium .football-profiles,
  .football-hub-premium .trust-panel{
    width:calc(100% - 28px);
  }
}


/* ==========================================================================
   APProfile 16.24.5 · INTERNAL PAGE STANDARD
   Applied to internal hero/header components, never Home.
   ========================================================================== */



.shell:not([data-page="home"]) :is(.eyebrow,.section-kicker,.hero-kicker,.page-kicker){
  color:#2b66d9;
}
@media(max-width:720px){
  
  
}


/* ==========================================================================
   APProfile 16.24.5 · UNIFIED INTERNAL PAGE COMPONENT
   One source of truth for every internal page intro.
   ========================================================================== */
:root{
  --uip-max:1400px;
  --uip-x:32px;
  --uip-bg:#f8fafc;
  --uip-surface:#fff;
  --uip-text:#0f172a;
  --uip-muted:#64748b;
  --uip-border:#e2e8f0;
  --uip-blue:#2563eb;
  --uip-radius:14px;
}
.shell:not([data-page="home"]){background:var(--uip-bg);color:var(--uip-text)}

.internal-page-intro{
  width:100%;
  margin:0;
  padding:0;
  background:var(--uip-bg);
  color:var(--uip-text);
  border:0;
  border-radius:0;
  box-shadow:none;
}
.internal-page-intro-inner{
  width:min(var(--uip-max),calc(100% - (var(--uip-x) * 2)));
  max-width:var(--uip-max);
  margin:0 auto;
  padding:28px 0 24px;
  box-sizing:border-box;
  border-bottom:1px solid var(--uip-border);
}
.internal-page-kicker{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 0 10px;
  padding:0;
  color:var(--uip-blue);
  background:transparent;
  border:0;
  font-size:10px;
  line-height:1.1;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.internal-page-intro h1{
  max-width:1100px;
  margin:0 0 12px;
  color:var(--uip-text);
  font-size:clamp(34px,3vw,48px);
  line-height:1.05;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.internal-page-lead{
  max-width:1000px;
  margin:0;
  color:var(--uip-muted);
  font-size:15px;
  line-height:1.6;
}

/* Unified content geometry */
.shell:not([data-page="home"]) :is(
  .page,.page-shell,.to-page,.program-page,.program-builder,.program-shell,
  .how-page,.how-page-v5,.help-hub-page,.help-guide-page,.help-faq-page,
  .manual-complete-page,.pricing-page,.contact-page,.legal-page,
  .account-page,.settings-page,.admin-page,.org-page,.organization-page,
  .my-page,.minsida-page
){
  width:min(var(--uip-max),calc(100% - (var(--uip-x) * 2)));
  max-width:var(--uip-max);
  margin-inline:auto;
  box-sizing:border-box;
}

/* Shared card language */


/* "Så fungerar" first content section is no longer treated as a hero. */








/* Informational grids */
.shell[data-page="help"] .help-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.shell[data-page="help"] .help-topic-card{min-height:150px;padding:20px}
.shell .help-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.shell[data-page="manuals"] .manual-protocol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.shell[data-page="pricing"] :is(.price-grid,.pricing-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.shell .legal-page{max-width:980px}
.shell .legal-page :is(p,li){color:var(--uip-muted);line-height:1.72}
.shell .info-page-grid{display:grid;gap:16px}
.shell .info-wide-card{padding:22px}

/* Forms */
.shell:not([data-page="home"]) :is(input,select,textarea,button){font:inherit}
.shell:not([data-page="home"]) :is(input.input,select.input,input[type="text"],input[type="email"],input[type="password"],input[type="number"]){min-height:44px}
.shell:not([data-page="home"]) textarea{min-height:104px;resize:vertical}

@media(min-width:721px) and (max-width:1180px){
  .internal-page-intro-inner,
  .shell:not([data-page="home"]) :is(
    .page,.page-shell,.to-page,.program-page,.program-builder,.program-shell,
    .how-page,.how-page-v5,.help-hub-page,.help-guide-page,.help-faq-page,
    .manual-complete-page,.pricing-page,.contact-page,.legal-page,
    .account-page,.settings-page,.admin-page,.org-page,.organization-page,
    .my-page,.minsida-page
  ){width:calc(100% - 40px)}
  .shell[data-page="help"] .help-topic-grid,
  .shell[data-page="pricing"] :is(.price-grid,.pricing-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .internal-page-intro-inner,
  .shell:not([data-page="home"]) :is(
    .page,.page-shell,.to-page,.program-page,.program-builder,.program-shell,
    .how-page,.how-page-v5,.help-hub-page,.help-guide-page,.help-faq-page,
    .manual-complete-page,.pricing-page,.contact-page,.legal-page,
    .account-page,.settings-page,.admin-page,.org-page,.organization-page,
    .my-page,.minsida-page
  ){width:calc(100% - 28px)}
  .internal-page-intro-inner{padding:20px 0 18px}
  .internal-page-intro h1{font-size:30px}
  .internal-page-lead{font-size:13.5px;line-height:1.5}
  .shell[data-page="help"] .help-topic-grid,
  .shell[data-page="pricing"] :is(.price-grid,.pricing-grid),
  .shell .help-guide-grid,
  .shell[data-page="manuals"] .manual-protocol-grid{grid-template-columns:1fr}
}

/* ==========================================================================
   APProfile 16.24.5 · HOW APProfile — pedagogical 1–6 journey
   ========================================================================== */
.shell[data-page="how"] .how-page-v7{
  padding:28px 0 56px;
}
.shell[data-page="how"] .how-page-v7 > section + section{
  margin-top:26px;
}

/* Principle */
.shell[data-page="how"] .how-principle{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);
  align-items:center;
  gap:34px;
  padding:28px 30px;
  background:#fff;
  border:1px solid var(--uip-border);
  border-radius:16px;
  box-shadow:0 4px 16px rgba(20,44,70,.035);
}
.shell[data-page="how"] .how-principle-copy{
  max-width:760px;
}
.shell[data-page="how"] .how-principle .eyebrow,
.shell[data-page="how"] .how-section-head .eyebrow,
.shell[data-page="how"] .how-final-cta .eyebrow{
  display:block;
  width:max-content;
  margin:0 0 8px;
  color:var(--uip-blue);
  font-size:10px;
  line-height:1.1;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.shell[data-page="how"] .how-principle h2,
.shell[data-page="how"] .how-section-head h2,
.shell[data-page="how"] .how-final-cta h2{
  margin:0;
  color:var(--uip-text);
  letter-spacing:-.03em;
  text-wrap:balance;
}
.shell[data-page="how"] .how-principle h2{
  max-width:700px;
  font-size:clamp(28px,2.5vw,38px);
  line-height:1.08;
}
.shell[data-page="how"] .how-principle p{
  max-width:720px;
  margin:12px 0 0;
  color:var(--uip-muted);
  font-size:14px;
  line-height:1.65;
}
.shell[data-page="how"] .how-principle-equation{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.12fr);
  align-items:center;
  gap:9px;
}
.shell[data-page="how"] .how-principle-equation>span{
  min-width:0;
  min-height:92px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:16px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:13px;
  text-align:center;
}
.shell[data-page="how"] .how-principle-equation>span.accent{
  background:#eff6ff;
  border-color:#bfd3fb;
}
.shell[data-page="how"] .how-principle-equation small{
  display:block;
  margin-bottom:4px;
  color:#64748b;
  font-size:10px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.shell[data-page="how"] .how-principle-equation strong{
  color:#0f172a;
  font-size:15px;
  line-height:1.15;
}
.shell[data-page="how"] .how-principle-equation .accent strong{color:#1d4ed8}
.shell[data-page="how"] .how-principle-equation>i{
  color:#94a3b8;
  font-size:20px;
  font-style:normal;
  font-weight:750;
}

/* Main six-step journey */
.shell[data-page="how"] .how-flow-section{
  padding:30px;
  background:#fff;
  border:1px solid var(--uip-border);
  border-radius:16px;
  box-shadow:0 4px 16px rgba(20,44,70,.035);
}
.shell[data-page="how"] .how-section-head{
  max-width:850px;
  margin-bottom:26px;
}
.shell[data-page="how"] .how-section-head.compact{margin-bottom:20px}
.shell[data-page="how"] .how-section-head h2{
  font-size:clamp(29px,2.4vw,36px);
  line-height:1.08;
}
.shell[data-page="how"] .how-section-head p{
  max-width:760px;
  margin:9px 0 0;
  color:var(--uip-muted);
  font-size:14px;
  line-height:1.6;
}

.shell[data-page="how"] .how-flow-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.shell[data-page="how"] .how-flow-track::before{
  content:"";
  position:absolute;
  top:29px;
  left:5%;
  right:5%;
  height:2px;
  background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);
  opacity:.28;
  z-index:0;
}
.shell[data-page="how"] .how-flow-step{
  position:relative;
  z-index:1;
  min-width:0;
  padding:0 4px;
}
.shell[data-page="how"] .how-flow-step-marker{
  min-height:60px;
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:13px;
}
.shell[data-page="how"] .how-flow-number{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  color:#fff;
  background:#2563eb;
  box-shadow:0 6px 16px rgba(37,99,235,.22);
  font-size:13px;
  font-weight:850;
}
.shell[data-page="how"] .how-flow-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:#2563eb;
  background:#eff6ff;
  border:1px solid #cfe0ff;
  border-radius:11px;
}
.shell[data-page="how"] .how-flow-svg{width:18px;height:18px}
.shell[data-page="how"] .how-flow-question{
  display:block;
  min-height:30px;
  margin-bottom:5px;
  color:#64748b;
  font-size:10px;
  line-height:1.35;
  font-weight:700;
}
.shell[data-page="how"] .how-flow-copy h3{
  margin:0 0 7px;
  color:#0f172a;
  font-size:16px;
  line-height:1.15;
  letter-spacing:-.015em;
}
.shell[data-page="how"] .how-flow-copy p{
  margin:0;
  color:#64748b;
  font-size:11px;
  line-height:1.5;
}

/* Cycle summary */
.shell[data-page="how"] .how-cycle-section{
  padding:28px 30px;
  background:#f8fafc;
  border:1px solid var(--uip-border);
  border-radius:16px;
}
.shell[data-page="how"] .how-cycle-track{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.shell[data-page="how"] .how-cycle-step{
  position:relative;
  min-height:130px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  column-gap:12px;
  padding:17px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:13px;
}
.shell[data-page="how"] .how-cycle-index{
  position:absolute;
  top:11px;
  right:12px;
  color:#cbd5e1;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
}
.shell[data-page="how"] .how-cycle-icon{
  grid-row:1/3;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  color:#2563eb;
  background:#eff6ff;
  border-radius:11px;
}
.shell[data-page="how"] .how-cycle-svg{width:20px;height:20px}
.shell[data-page="how"] .how-cycle-step em{
  display:block;
  margin-bottom:3px;
  color:#2563eb;
  font-size:9px;
  line-height:1.1;
  font-style:normal;
  font-weight:850;
  letter-spacing:.11em;
}
.shell[data-page="how"] .how-cycle-step h3{
  margin:0 0 5px;
  color:#0f172a;
  font-size:16px;
  line-height:1.15;
}
.shell[data-page="how"] .how-cycle-step p{
  margin:0;
  color:#64748b;
  font-size:11px;
  line-height:1.45;
}

/* CTA */
.shell[data-page="how"] .how-final-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:24px 28px;
  background:#fff;
  border:1px solid var(--uip-border);
  border-radius:16px;
}
.shell[data-page="how"] .how-final-cta h2{
  font-size:24px;
  line-height:1.1;
}
.shell[data-page="how"] .how-final-cta p{
  margin:7px 0 0;
  color:#64748b;
  font-size:13px;
  line-height:1.5;
}
.shell[data-page="how"] .how-final-cta .btn{
  flex:0 0 auto;
  min-height:46px;
}

/* Tablet: 3 + 3 keeps the progression readable. */
@media(min-width:721px) and (max-width:1180px){
  .shell[data-page="how"] .how-principle{
    grid-template-columns:1fr;
    gap:24px;
  }
  .shell[data-page="how"] .how-principle-equation{
    max-width:720px;
  }
  .shell[data-page="how"] .how-flow-track{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px 16px;
  }
  .shell[data-page="how"] .how-flow-track::before{display:none}
  .shell[data-page="how"] .how-flow-step{
    padding:15px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:13px;
  }
  .shell[data-page="how"] .how-flow-question{min-height:0}
  .shell[data-page="how"] .how-cycle-track{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Mobile: vertical timeline, one question at a time. */

/* ==========================================================================
   APProfile 16.24.5 · FINAL RESPONSIVE / ACCESSIBILITY LAYER
   Only intentional cross-component overrides remain below this point.
   ========================================================================== */
@media(max-width:720px){
  .shell[data-page="how"] .how-page-v7{
    padding:18px 0 38px;
  }
  .shell[data-page="how"] .how-page-v7 > section + section{margin-top:16px}
  .shell[data-page="how"] .how-principle,
  .shell[data-page="how"] .how-flow-section,
  .shell[data-page="how"] .how-cycle-section,
  .shell[data-page="how"] .how-final-cta{
    padding:18px;
    border-radius:13px;
  }
  .shell[data-page="how"] .how-principle{
    grid-template-columns:1fr;
    gap:19px;
  }
  .shell[data-page="how"] .how-principle h2{
    font-size:25px;
  }
  .shell[data-page="how"] .how-principle p,
  .shell[data-page="how"] .how-section-head p{
    font-size:13px;
  }
  .shell[data-page="how"] .how-principle-equation{
    grid-template-columns:1fr;
    gap:7px;
  }
  .shell[data-page="how"] .how-principle-equation>span{min-height:68px}
  .shell[data-page="how"] .how-principle-equation>i{
    transform:rotate(90deg);
    justify-self:center;
    font-size:17px;
  }

  .shell[data-page="how"] .how-section-head{margin-bottom:18px}
  .shell[data-page="how"] .how-section-head h2{font-size:25px}

  .shell[data-page="how"] .how-flow-track{
    display:block;
  }
  .shell[data-page="how"] .how-flow-track::before{
    display:block;
    top:23px;
    bottom:23px;
    left:18px;
    right:auto;
    width:2px;
    height:auto;
    background:#dbe7fb;
    opacity:1;
  }
  .shell[data-page="how"] .how-flow-step{
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    gap:12px;
    padding:0;
  }
  .shell[data-page="how"] .how-flow-step + .how-flow-step{
    margin-top:18px;
  }
  .shell[data-page="how"] .how-flow-step-marker{
    min-height:0;
    display:block;
    margin:0;
  }
  .shell[data-page="how"] .how-flow-number{
    position:relative;
    z-index:2;
    width:36px;
    height:36px;
  }
  .shell[data-page="how"] .how-flow-icon{
    display:none;
  }
  .shell[data-page="how"] .how-flow-copy{
    padding:1px 0 17px;
    border-bottom:1px solid #edf1f6;
  }
  .shell[data-page="how"] .how-flow-step:last-child .how-flow-copy{border-bottom:0}
  .shell[data-page="how"] .how-flow-question{
    min-height:0;
    margin-bottom:4px;
    font-size:10px;
  }
  .shell[data-page="how"] .how-flow-copy h3{font-size:16px}
  .shell[data-page="how"] .how-flow-copy p{font-size:12px}

  .shell[data-page="how"] .how-cycle-track{
    grid-template-columns:1fr;
  }
  .shell[data-page="how"] .how-cycle-step{min-height:0}
  .shell[data-page="how"] .how-final-cta{
    align-items:flex-start;
    flex-direction:column;
    gap:17px;
  }
  .shell[data-page="how"] .how-final-cta .btn{width:100%}
}



/* Use track-specific focal points rather than one generic crop. */
.premium-direction-hero-image{
  background-position:var(--track-pos,70% 32%);
}

/* A slightly stronger left-side shade protects text without hiding the subject. */
.premium-direction-hero-shade{
  background:
    linear-gradient(90deg,
      rgba(3,13,25,.995) 0%,
      rgba(4,16,30,.975) 30%,
      rgba(5,18,34,.86) 49%,
      rgba(5,18,34,.42) 70%,
      rgba(5,18,34,.14) 100%),
    linear-gradient(180deg,
      rgba(3,13,25,.02) 0%,
      rgba(3,13,25,.08) 62%,
      rgba(3,13,25,.55) 100%);
}

/* All hero copy must remain readable over photography. */
.premium-direction-kicker{
  color:#83b3ff!important;
  text-shadow:0 1px 12px rgba(0,0,0,.45);
}
.premium-direction-copy h1{
  color:#ffffff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.52);
}
.premium-direction-copy p{
  color:#f7f9fc!important;
  text-shadow:0 1px 14px rgba(0,0,0,.58);
  font-weight:550;
}
.premium-direction-back{
  color:#ffffff!important;
  text-shadow:0 1px 10px rgba(0,0,0,.55);
}

/* Benefits gain a subtle local contrast surface without becoming boxed cards. */
.premium-direction-benefits{
  padding:13px 16px;
  margin-left:-16px;
  border-radius:14px;
  background:linear-gradient(90deg,rgba(3,14,27,.58),rgba(3,14,27,.27) 78%,rgba(3,14,27,0));
  backdrop-filter:blur(1.5px);
}
.premium-direction-benefit strong{
  color:#fff;
  font-weight:800;
  text-shadow:0 1px 10px rgba(0,0,0,.40);
}
.premium-direction-benefit-icon{
  color:#6fa3ff;
}

/* Football gets the same contrast standard and explicit face-aware crop. */
.football-hub-premium .football-hero::before{
  background:
    linear-gradient(90deg,
      rgba(3,13,25,.995) 0%,
      rgba(4,16,30,.975) 31%,
      rgba(5,18,34,.84) 50%,
      rgba(5,18,34,.38) 71%,
      rgba(5,18,34,.12) 100%),
    var(--football-image);
  background-size:cover;
  background-position:var(--football-pos,72% 30%);
}
.football-hub-premium .football-back,
.football-hub-premium .football-badge,
.football-hub-premium .football-hero h1,
.football-hub-premium .football-hero p,
.football-hub-premium .football-definition{
  text-shadow:0 1px 13px rgba(0,0,0,.42);
}
.football-hub-premium .football-hero p{
  color:#f0f4f8;
  font-weight:500;
}




@media(min-width:721px) and (max-width:1180px){
  .premium-direction-hero-image{
    background-position:var(--track-pos-tablet,var(--track-pos,68% 30%));
  }
  .football-hub-premium .football-hero::before{
    background-position:var(--football-pos-tablet,var(--football-pos,68% 28%));
  }
}

@media(max-width:720px){
  .premium-direction-hero-image{
    background-position:var(--track-pos-mobile,62% 18%);
  }
  .premium-direction-hero-shade{
    background:linear-gradient(180deg,
      rgba(3,13,25,.08) 0%,
      rgba(3,13,25,.28) 38%,
      rgba(3,13,25,.88) 70%,
      #06111f 94%);
  }
  .premium-direction-benefits{
    margin-left:0;
    padding:11px 12px;
    background:rgba(3,14,27,.48);
  }
  .football-hub-premium .football-hero::before{
    background-position:var(--football-pos-mobile,61% 17%);
  }
  
}

/* ==========================================================================
   APProfile 16.24.5 · FOOTBALL — approved visual design
   ========================================================================== */
.football-hub-v11{
  min-height:calc(100dvh - 68px);
  background:#f5f7fa;
  color:#10243e;
}
.football-v11-hero{
  position:relative;
  min-height:505px;
  overflow:hidden;
  color:#fff;
  background:#06111f;
}
.football-v11-image,
.football-v11-shade{
  position:absolute;
  inset:0;
}
.football-v11-image{
  background-image:var(--football-image);
  background-size:cover;
  background-position:var(--football-pos,72% 30%);
}
.football-v11-shade{
  background:
    linear-gradient(90deg,rgba(3,13,24,.995) 0%,rgba(4,16,29,.985) 28%,rgba(5,18,32,.78) 48%,rgba(5,18,32,.16) 72%,rgba(5,18,32,.04) 100%),
    linear-gradient(180deg,rgba(4,15,28,.04),rgba(4,15,28,.05) 67%,rgba(4,15,28,.48) 100%);
}
.football-v11-hero-inner{
  position:relative;
  z-index:2;
  width:min(1440px,calc(100% - 72px));
  min-height:505px;
  margin:0 auto;
  padding:24px 0 26px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
}
.football-v11-back{
  width:max-content;
  color:#37dbc7!important;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}
.football-v11-copy{
  width:min(650px,48%);
  margin-top:36px;
}
.football-v11-kicker{
  display:block;
  margin:0 0 10px;
  color:#35d5c0!important;
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.football-v11-copy h1{
  max-width:620px;
  margin:0 0 15px;
  color:#ffffff!important;
  font-size:clamp(39px,3.5vw,55px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.football-v11-copy h1 strong{
  display:block;
  color:#22d0bc!important;
}
.football-v11-copy p{
  max-width:590px;
  margin:0;
  color:#f7f9fc!important;
  font-size:15px;
  line-height:1.55;
  text-shadow:0 1px 12px rgba(0,0,0,.38);
}
.football-v11-benefits{
  width:min(760px,60%);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:28px;
}
.football-v11-benefits article{
  min-width:0;
  display:grid;
  grid-template-columns:35px minmax(0,1fr);
  gap:10px;
  padding:3px 20px;
}
.football-v11-benefits article:first-child{padding-left:0}
.football-v11-benefits article:not(:last-child){border-right:1px solid rgba(255,255,255,.24)}
.football-v11-benefits>article>span{
  width:32px;height:32px;display:grid;place-items:center;color:#23cdb8;
}
.football-v11-benefit-svg{width:24px;height:24px}
.football-v11-benefits strong{
  display:block;
  color:#fff;
  font-size:10.5px;
  line-height:1.25;
}
.football-v11-benefits small{
  display:block;
  margin-top:4px;
  color:#c9d3df;
  font-size:9.5px;
  line-height:1.45;
}
.football-v11-definition{
  width:min(650px,52%);
  min-height:48px;
  display:grid;
  grid-template-columns:24px auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin-top:auto;
  padding:10px 14px;
  box-sizing:border-box;
  background:rgba(2,14,27,.73);
  border:1px solid rgba(112,149,181,.38);
  border-radius:11px;
}
.football-v11-definition>span{color:#22cbb7}
.football-v11-info-svg{width:19px;height:19px}
.football-v11-definition b{color:#43d7c4;font-size:10.5px;white-space:nowrap}
.football-v11-definition p{margin:0;color:#e0e6ed;font-size:10px;line-height:1.35}

/* White profile selector */
.football-v11-picker{
  width:min(1440px,calc(100% - 48px));
  margin:-1px auto 34px;
  padding:27px 30px 30px;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #dce4ed;
  border-radius:0 0 18px 18px;
  box-shadow:0 10px 30px rgba(21,41,63,.06);
}
.football-v11-picker-top{
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(680px,1.3fr);
  gap:38px;
  align-items:end;
  margin-bottom:22px;
}
.football-v11-picker-head h2{
  margin:0 0 5px;
  color:#10243e;
  font-size:26px;
  line-height:1.08;
  letter-spacing:-.025em;
}
.football-v11-picker-head p{
  margin:0;
  color:#607287;
  font-size:11.5px;
}
.football-v11-filters{
  display:flex;
  gap:8px;
  margin-top:17px;
}
.football-v11-filters :is(button,a){
  min-height:31px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 14px;
  border:1px solid #d8e0e9;
  border-radius:999px;
  color:#20364f;
  background:#fff;
  text-decoration:none;
  font-size:10px;
  font-weight:750;
}
.football-v11-filters .active{
  color:#fff;
  background:#13bda9;
  border-color:#13bda9;
}
.football-v11-trust{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.football-v11-trust article{
  min-height:78px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:12px;
  background:#f2faf9;
  border-radius:10px;
}
.football-v11-trust>article>span{
  width:34px;height:34px;display:grid;place-items:center;color:#17b9a6;
}
.football-v11-trust-svg{width:23px;height:23px}
.football-v11-trust strong{display:block;color:#17304a;font-size:10px;line-height:1.2}
.football-v11-trust small{display:block;margin-top:4px;color:#617286;font-size:8.5px;line-height:1.4}

.football-v11-choice-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.football-v11-profile-choice{
  min-height:190px;
  display:grid;
  grid-template-columns:43% minmax(0,1fr);
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  background:#fff;
  border:1px solid #dce4ed;
  border-radius:13px;
  box-shadow:0 4px 14px rgba(21,41,63,.035);
}
.football-v11-profile-choice:hover{
  border-color:#8edfd5;
  box-shadow:0 9px 22px rgba(18,167,149,.09);
  transform:translateY(-1px);
}
.football-v11-card-image{
  min-height:190px;
  background-size:cover;
  background-position:center;
}
.football-v11-profile-choice.youth .football-v11-card-image{background-position:50% 38%}
.football-v11-profile-choice.junior .football-v11-card-image{background-position:62% 34%}
.football-v11-profile-choice.senior .football-v11-card-image{background-position:67% 30%}
.football-v11-card-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:20px 18px 16px;
}
.football-v11-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.football-v11-card-top strong{
  color:#10243e;
  font-size:17px;
  line-height:1.1;
}
.football-v11-card-top em{
  flex:0 0 auto;
  padding:5px 8px;
  color:#0a9e8d;
  background:#e8f8f5;
  border-radius:6px;
  font-size:9px;
  font-style:normal;
  font-weight:800;
}
.football-v11-card-copy p{
  margin:14px 0 0;
  color:#617286;
  font-size:10.5px;
  line-height:1.5;
}
.football-v11-card-copy b{
  margin-top:auto;
  color:#10a994;
  font-size:10px;
  font-weight:850;
}

/* Active profile views retain the functional profile grid but with readable hero. */
.football-hub-v11.active-stage .football-v11-stage-hero{
  min-height:300px;
}
.football-hub-v11.active-stage .football-hero-copy h1{
  color:#ffffff!important;
  text-shadow:0 2px 16px rgba(0,0,0,.56);
}
.football-hub-v11.active-stage .football-hero-copy p{
  color:#f7f9fc!important;
}
.football-hub-v11 .football-profiles-v11{
  margin-top:24px!important;
  background:#fff;
}

/* Tablet */
@media(min-width:721px) and (max-width:1180px){
  .football-v11-hero-inner{width:calc(100% - 40px)}
  .football-v11-copy{width:min(620px,58%)}
  .football-v11-benefits{width:80%}
  .football-v11-picker{width:calc(100% - 40px);padding:22px}
  .football-v11-picker-top{grid-template-columns:1fr;gap:18px}
  .football-v11-trust{grid-template-columns:repeat(3,minmax(0,1fr))}
  .football-v11-choice-grid{grid-template-columns:1fr}
  .football-v11-profile-choice{grid-template-columns:260px minmax(0,1fr)}
}

/* Mobile */
@media(max-width:720px){
  .football-v11-hero{min-height:560px}
  .football-v11-image{background-position:var(--football-pos-mobile,61% 17%)}
  .football-v11-shade{
    background:linear-gradient(180deg,rgba(3,13,24,.10),rgba(3,13,24,.28) 38%,rgba(3,13,24,.93) 70%,#06111f 96%);
  }
  .football-v11-hero-inner{
    width:calc(100% - 28px);
    min-height:560px;
    padding:16px 0 18px;
  }
  .football-v11-copy{
    width:100%;
    margin-top:auto;
  }
  .football-v11-copy h1{font-size:34px}
  .football-v11-copy p{font-size:13px}
  .football-v11-benefits{
    width:100%;
    grid-template-columns:1fr;
    gap:7px;
    margin-top:18px;
  }
  .football-v11-benefits article{
    grid-template-columns:28px minmax(0,1fr);
    padding:0;
    border-right:0!important;
  }
  .football-v11-benefits small{display:none}
  .football-v11-definition{
    width:100%;
    grid-template-columns:22px minmax(0,1fr);
    margin-top:17px;
  }
  .football-v11-definition b{white-space:normal}
  .football-v11-definition p{grid-column:2}
  .football-v11-picker{
    width:calc(100% - 20px);
    margin:0 auto 22px;
    padding:18px 14px;
    border-radius:13px;
  }
  .football-v11-picker-top{grid-template-columns:1fr;gap:18px}
  .football-v11-filters{flex-wrap:wrap}
  .football-v11-trust{grid-template-columns:1fr}
  .football-v11-choice-grid{grid-template-columns:1fr}
  .football-v11-profile-choice{
    min-height:150px;
    grid-template-columns:42% minmax(0,1fr);
  }
  .football-v11-card-image{min-height:150px}
  .football-v11-card-copy{padding:15px 13px}
}


.premium-direction :is(
  .premium-direction-copy h1,
  .premium-direction-copy p,
  .premium-direction-back
){
  color:#fff!important;
}
.premium-direction .premium-direction-copy p{
  color:#f6f8fb!important;
}
.premium-direction .premium-direction-kicker{
  color:#82b1ff!important;
}
.premium-direction :is(
  .premium-direction-copy h1,
  .premium-direction-copy p,
  .premium-direction-kicker,
  .premium-direction-back,
  .premium-direction-benefit strong
){
  opacity:1!important;
  filter:none!important;
}

.football-hub-v11 :is(
  .football-v11-copy h1,
  .football-v11-copy p
){
  color:#fff!important;
}
.football-hub-v11 .football-v11-copy p{
  color:#f6f8fb!important;
}
.football-hub-v11 .football-v11-copy h1 strong{
  color:#23d1bd!important;
}
.football-hub-v11 .football-v11-kicker,
.football-hub-v11 .football-v11-back{
  color:#39dbc7!important;
}
.football-hub-v11 :is(
  .football-v11-copy h1,
  .football-v11-copy p,
  .football-v11-kicker,
  .football-v11-back,
  .football-v11-benefits strong,
  .football-v11-benefits small
){
  opacity:1!important;
  filter:none!important;
}





/* Football title: approved all-white treatment. */
.football-hub-v11 .football-v11-copy h1,
.football-hub-v11 .football-v11-copy h1 strong{
  color:#ffffff!important;
}

/* Pricing: featured/dark card text must remain readable. */
.shell[data-page="pricing"] :is(.price-card,.pricing-card).popular,
.shell[data-page="pricing"] :is(.price-card,.pricing-card).featured,
.shell[data-page="pricing"] :is(.price-card,.pricing-card)[data-featured="true"]{
  color:#ffffff;
}
.shell[data-page="pricing"] :is(.price-card,.pricing-card).popular :is(h2,h3,strong,.price-title,.package-title,.plan-title),
.shell[data-page="pricing"] :is(.price-card,.pricing-card).featured :is(h2,h3,strong,.price-title,.package-title,.plan-title),
.shell[data-page="pricing"] :is(.price-card,.pricing-card)[data-featured="true"] :is(h2,h3,strong,.price-title,.package-title,.plan-title){
  color:#ffffff!important;
}
.shell[data-page="pricing"] :is(.price-card,.pricing-card).popular :is(p,small,.price-copy,.package-copy,.per-test),
.shell[data-page="pricing"] :is(.price-card,.pricing-card).featured :is(p,small,.price-copy,.package-copy,.per-test),
.shell[data-page="pricing"] :is(.price-card,.pricing-card)[data-featured="true"] :is(p,small,.price-copy,.package-copy,.per-test){
  color:#dbe6f3!important;
}

.shell[data-page="pricing"] .pricing-card-dark :is(h2,h3,strong,.price-title,.package-title,.plan-title),
.shell[data-page="pricing"] .price-card-dark :is(h2,h3,strong,.price-title,.package-title,.plan-title),
.shell[data-page="pricing"] .pricing-card-primary :is(h2,h3,strong,.price-title,.package-title,.plan-title){
  color:#ffffff!important;
}
.shell[data-page="pricing"] .pricing-card-dark :is(p,small,.price-copy,.package-copy,.per-test),
.shell[data-page="pricing"] .price-card-dark :is(p,small,.price-copy,.package-copy,.per-test),
.shell[data-page="pricing"] .pricing-card-primary :is(p,small,.price-copy,.package-copy,.per-test){
  color:#dbe6f3!important;
}


@media(max-width:720px){

  /* ---------- Global mobile geometry ---------- */
  html,body{
    max-width:100%;
    overflow-x:hidden;
  }
  .shell{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  .shell main{
    min-width:0;
  }
  .shell :is(h1,h2,h3,p,span,strong,small){
    overflow-wrap:break-word;
  }

  /* ---------- Header / mobile navigation ---------- */
  .topbar{
    min-height:68px;
  }
  .topbar-inner{
    min-height:68px;
    padding-left:14px!important;
    padding-right:12px!important;
    gap:10px!important;
  }
  .brand,
  .topbar .brand{
    min-width:0;
    max-width:230px;
  }
  .brand img,
  .topbar .brand img{
    max-width:100%;
    height:auto;
  }
  .mobile-menu-btn,
  .menu-toggle,
  .hamburger{
    flex:0 0 auto;
    min-width:48px;
    min-height:48px;
    border-radius:14px;
  }

  /* ---------- Home ---------- */
  .shell[data-page="home"] .one-screen-shell{
    padding:24px 14px 28px!important;
  }
  .shell[data-page="home"] .one-screen-bg{
    height:300px!important;
  }
  .shell[data-page="home"] .one-screen-shade{
    height:390px!important;
  }
  .shell[data-page="home"] .one-screen-intro{
    margin-bottom:20px!important;
  }
  
  .shell[data-page="home"] .one-screen-intro h1{
    max-width:345px!important;
    margin-bottom:12px!important;
    font-size:clamp(29px,8vw,36px)!important;
    line-height:1.02!important;
  }
  .shell[data-page="home"] .one-screen-intro p{
    max-width:350px!important;
    font-size:12.5px!important;
    line-height:1.46!important;
  }
  .shell[data-page="home"] .home-mobile-benefits{
    gap:7px!important;
    margin-bottom:12px!important;
  }
  .shell[data-page="home"] .home-mobile-benefit{
    min-height:44px!important;
    padding:8px 9px!important;
  }
  .shell[data-page="home"] .home-mobile-benefit b{
    font-size:8.5px!important;
  }
  .shell[data-page="home"] .home-mobile-trust-card{
    margin-bottom:15px!important;
    padding:10px!important;
  }
  .shell[data-page="home"] .home-mobile-section-label{
    margin-bottom:9px!important;
    font-size:9px!important;
  }
  .shell[data-page="home"] .home-mobile-context-list{
    gap:8px!important;
  }
  .shell[data-page="home"] .home-mobile-marketing-card{
    min-height:72px!important;
    grid-template-columns:44px minmax(0,1fr) 16px!important;
    column-gap:10px!important;
    padding:9px 10px!important;
  }
  .shell[data-page="home"] .home-mobile-marketing-icon{
    width:42px!important;
    height:42px!important;
  }
  .shell[data-page="home"] .home-mobile-marketing-copy b{
    font-size:13px!important;
  }
  .shell[data-page="home"] .home-mobile-marketing-copy small{
    font-size:8.2px!important;
  }

  /* ---------- Unified internal page intro ---------- */
  .internal-page-intro-inner{
    width:calc(100% - 28px)!important;
    padding:18px 0 16px!important;
  }
  .internal-page-kicker{
    margin-bottom:7px!important;
    font-size:9px!important;
  }
  .internal-page-intro h1{
    max-width:100%!important;
    margin-bottom:8px!important;
    font-size:28px!important;
    line-height:1.06!important;
  }
  .internal-page-lead{
    max-width:100%!important;
    font-size:12.5px!important;
    line-height:1.48!important;
  }

  /* ---------- Premium direction pages ---------- */
  .premium-direction-hero{
    min-height:455px!important;
  }
  .premium-direction-hero-inner{
    width:calc(100% - 28px)!important;
    min-height:455px!important;
    padding:14px 0 16px!important;
  }
  .premium-direction-back{
    font-size:11px!important;
  }
  .premium-direction-copy{
    width:100%!important;
    margin-top:auto!important;
    margin-bottom:15px!important;
  }
  .premium-direction-kicker{
    margin-bottom:7px!important;
    font-size:9px!important;
  }
  .premium-direction-copy h1{
    max-width:100%!important;
    margin-bottom:10px!important;
    font-size:31px!important;
    line-height:1.03!important;
  }
  .premium-direction-copy p{
    max-width:100%!important;
    font-size:12.5px!important;
    line-height:1.48!important;
  }
  .premium-direction-benefits{
    gap:5px!important;
    padding:9px 10px!important;
    border-radius:11px!important;
  }
  .premium-direction-benefit{
    grid-template-columns:26px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .premium-direction-benefit-icon{
    width:25px!important;
    height:25px!important;
  }
  .premium-direction-benefit-svg{
    width:17px!important;
    height:17px!important;
  }
  .premium-direction-benefit strong{
    font-size:9px!important;
    line-height:1.25!important;
  }

  .premium-direction-content{
    width:calc(100% - 28px)!important;
    padding:18px 0!important;
  }
  .premium-profile-head{
    gap:10px!important;
    margin-bottom:14px!important;
  }
  .premium-profile-head h2{
    font-size:24px!important;
  }
  .premium-profile-head p{
    font-size:11.5px!important;
  }
  .premium-profile-cta{
    min-height:42px!important;
  }
  .premium-profile-grid{
    gap:9px!important;
    margin-bottom:12px!important;
  }
  .premium-profile-card{
    min-height:78px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px!important;
  }
  .premium-profile-card-icon{
    width:40px!important;
    height:40px!important;
    border-radius:11px!important;
  }
  .premium-profile-card-copy strong{
    font-size:13px!important;
  }
  .premium-profile-card-copy em{
    margin-top:5px!important;
    font-size:9px!important;
  }
  .premium-profile-available{
    padding:13px!important;
  }
  .premium-profile-available-head{
    margin-bottom:9px!important;
  }
  .premium-direction .direction-profile-chips{
    gap:6px!important;
  }
  .premium-direction .direction-profile-chip{
    min-height:28px!important;
    padding:5px 8px!important;
    font-size:9.5px!important;
  }
  .premium-direction-context{
    width:calc(100% - 28px)!important;
    padding:15px!important;
    margin-bottom:24px!important;
  }
  .premium-direction-context h2{
    font-size:23px!important;
  }
  .premium-direction-context-head p{
    font-size:11.5px!important;
  }
  .premium-direction-info-grid{
    gap:9px!important;
  }
  .premium-direction-info-item{
    min-height:0!important;
    padding:13px!important;
  }

  /* ---------- Football overview ---------- */
  .football-v11-hero{
    min-height:520px!important;
  }
  .football-v11-hero-inner{
    width:calc(100% - 28px)!important;
    min-height:520px!important;
    padding:14px 0 16px!important;
  }
  .football-v11-copy{
    width:100%!important;
    margin-top:auto!important;
  }
  .football-v11-kicker{
    margin-bottom:7px!important;
    font-size:9px!important;
  }
  .football-v11-copy h1{
    max-width:100%!important;
    margin-bottom:10px!important;
    font-size:31px!important;
    line-height:1.03!important;
  }
  .football-v11-copy p{
    max-width:100%!important;
    font-size:12.5px!important;
    line-height:1.48!important;
  }
  .football-v11-benefits{
    gap:5px!important;
    margin-top:15px!important;
  }
  .football-v11-benefits article{
    grid-template-columns:26px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .football-v11-benefits>article>span{
    width:25px!important;
    height:25px!important;
  }
  .football-v11-benefit-svg{
    width:17px!important;
    height:17px!important;
  }
  .football-v11-benefits strong{
    font-size:9px!important;
  }
  .football-v11-definition{
    min-height:0!important;
    margin-top:13px!important;
    padding:9px 10px!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    gap:6px!important;
  }
  .football-v11-definition b{
    font-size:9.5px!important;
  }
  .football-v11-definition p{
    font-size:9px!important;
  }
  .football-v11-picker{
    width:calc(100% - 20px)!important;
    margin:0 auto 20px!important;
    padding:15px 12px!important;
  }
  .football-v11-picker-head h2{
    font-size:23px!important;
  }
  .football-v11-picker-head p{
    font-size:10.5px!important;
  }
  .football-v11-filters{
    gap:6px!important;
    margin-top:12px!important;
  }
  .football-v11-filters :is(button,a){
    min-height:29px!important;
    padding:5px 10px!important;
    font-size:9px!important;
  }
  .football-v11-trust{
    gap:7px!important;
  }
  .football-v11-trust article{
    min-height:62px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    padding:9px!important;
  }
  .football-v11-trust>article>span{
    width:28px!important;
    height:28px!important;
  }
  .football-v11-trust strong{
    font-size:9px!important;
  }
  .football-v11-trust small{
    font-size:7.8px!important;
  }
  .football-v11-choice-grid{
    gap:9px!important;
  }
  .football-v11-profile-choice{
    min-height:132px!important;
    grid-template-columns:40% minmax(0,1fr)!important;
  }
  .football-v11-card-image{
    min-height:132px!important;
  }
  .football-v11-card-copy{
    padding:12px 11px!important;
  }
  .football-v11-card-top strong{
    font-size:14px!important;
  }
  .football-v11-card-top em{
    font-size:8px!important;
  }
  .football-v11-card-copy p{
    margin-top:9px!important;
    font-size:9px!important;
  }
  .football-v11-card-copy b{
    font-size:9px!important;
  }

  /* ---------- How APProfile works ---------- */
  .shell[data-page="how"] .how-page-v7{
    padding:14px 0 30px!important;
  }
  .shell[data-page="how"] .how-principle,
  .shell[data-page="how"] .how-flow-section,
  .shell[data-page="how"] .how-cycle-section,
  .shell[data-page="how"] .how-final-cta{
    padding:15px!important;
  }
  .shell[data-page="how"] .how-principle h2,
  .shell[data-page="how"] .how-section-head h2{
    font-size:23px!important;
  }
  .shell[data-page="how"] .how-principle p,
  .shell[data-page="how"] .how-section-head p{
    font-size:12px!important;
  }
  .shell[data-page="how"] .how-principle-equation>span{
    min-height:58px!important;
    padding:10px!important;
  }
  .shell[data-page="how"] .how-flow-step + .how-flow-step{
    margin-top:14px!important;
  }
  .shell[data-page="how"] .how-flow-step{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:9px!important;
  }
  .shell[data-page="how"] .how-flow-number{
    width:32px!important;
    height:32px!important;
  }
  .shell[data-page="how"] .how-flow-copy h3{
    font-size:15px!important;
  }
  .shell[data-page="how"] .how-flow-copy p{
    font-size:11px!important;
  }
  .shell[data-page="how"] .how-cycle-step{
    padding:13px!important;
  }

  /* ---------- Pricing ---------- */
  .shell[data-page="pricing"] .public-price-page{
    width:100%!important;
    max-width:100%!important;
  }
  .shell[data-page="pricing"] .public-price-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .shell[data-page="pricing"] .public-price-card{
    min-height:0!important;
    padding:20px 16px!important;
    border-radius:14px!important;
  }
  .shell[data-page="pricing"] .public-price-card>span{
    font-size:10px!important;
  }
  .shell[data-page="pricing"] .public-price-card h3{
    margin-top:10px!important;
    font-size:20px!important;
  }
  .shell[data-page="pricing"] .public-price-card>strong{
    font-size:42px!important;
    line-height:1!important;
  }
  .shell[data-page="pricing"] .public-price-card p{
    font-size:12px!important;
    line-height:1.48!important;
  }
  .shell[data-page="pricing"] .price-popular-badge{
    top:-13px!important;
  }
  .shell[data-page="pricing"] .public-price-card .btn{
    min-height:42px!important;
  }
  .shell[data-page="pricing"] .purchase-account-notice{
    display:grid!important;
    gap:3px!important;
    padding:12px 14px!important;
    font-size:11px!important;
  }

  /* ---------- Generic cards / buttons ---------- */
  .shell:not([data-page="home"]) :is(
    .card,.panel,.help-topic-card,.help-next-card,.manual-protocol-card,
    .price-card,.pricing-card,.settings-card,.account-card,.admin-card,
    .org-card,.my-panel,.result-card,.program-card
  ){
    border-radius:13px!important;
  }
  .shell .btn{
    min-height:42px;
  }
}

/* iPad / tablet polish only; desktop remains untouched. */
@media(min-width:721px) and (max-width:1024px){
  .premium-direction-copy,
  .football-hub-premium .football-hero-copy{
    width:min(620px,66%)!important;
  }
  .premium-direction-copy h1,
  .football-hub-premium .football-hero h1{
    font-size:clamp(32px,4vw,39px)!important;
  }
  .premium-direction-benefits{
    width:100%!important;
  }
  .football-v11-picker-top{
    grid-template-columns:1fr!important;
  }
  .football-v11-choice-grid{
    grid-template-columns:1fr!important;
  }
}


:root{
  --mobile-edge:14px;
  --mobile-gap:10px;
  --mobile-card-pad:14px;
  --tablet-edge:20px;
  --tablet-gap:14px;
}

/* ---------- Tablet / iPad alignment ---------- */
@media(min-width:721px) and (max-width:1024px){

  /* Common content edges */
  .internal-page-intro-inner,
  .premium-direction-hero-inner,
  .premium-direction-content,
  .premium-direction-context,
  .football-v11-hero-inner,
  .football-v11-picker,
  .football-hub-premium .football-profiles,
  .football-hub-premium .trust-panel{
    width:calc(100% - 40px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Consistent grid rhythm */
  .premium-profile-grid,
  .premium-direction-info-grid,
  .football-v11-trust,
  .football-v11-choice-grid,
  .shell[data-page="how"] .how-cycle-track,
  .shell[data-page="pricing"] .public-price-grid{
    gap:14px!important;
  }

  /* Equal cards in each row */
  .premium-profile-grid,
  .premium-direction-info-grid,
  .football-v11-trust,
  .football-v11-choice-grid,
  .shell[data-page="how"] .how-cycle-track,
  .shell[data-page="pricing"] .public-price-grid{
    align-items:stretch!important;
  }
  .premium-profile-card,
  .premium-direction-info-item,
  .football-v11-trust article,
  .football-v11-profile-choice,
  .shell[data-page="how"] .how-cycle-step,
  .shell[data-page="pricing"] .public-price-card{
    height:100%!important;
    box-sizing:border-box!important;
  }

  /* Headings align to the same baseline rhythm */
  .premium-profile-head,
  .premium-direction-context-head,
  .football-v11-picker-head,
  .shell[data-page="how"] .how-section-head{
    margin-bottom:18px!important;
  }

  /* Card copy balance */
  .premium-profile-card-copy,
  .football-v11-card-copy{
    justify-content:center!important;
  }
}

/* ---------- Mobile alignment ---------- */
@media(max-width:720px){

  /* Global horizontal rhythm */
  .internal-page-intro-inner,
  .premium-direction-hero-inner,
  .premium-direction-content,
  .premium-direction-context,
  .football-v11-hero-inner{
    width:calc(100% - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .football-v11-picker{
    width:calc(100% - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Shared card box model */
  .shell:not([data-page="home"]) :is(
    .card,.panel,
    .premium-profile-card,.premium-profile-available,
    .premium-direction-info-item,.premium-direction-context,
    .football-v11-picker,.football-v11-trust article,.football-v11-profile-choice,
    .how-principle,.how-flow-section,.how-cycle-section,.how-final-cta,
    .how-cycle-step,.public-price-card,.public-price-note,
    .purchase-account-notice,.purchase-sandbox-notice,
    .help-topic-card,.help-next-card,.manual-protocol-card,
    .settings-card,.account-card,.admin-card,.org-card,.my-panel,
    .result-card,.program-card
  ){
    box-sizing:border-box!important;
  }

  /* One spacing scale */
  .premium-profile-grid,
  .premium-direction-info-grid,
  .football-v11-trust,
  .football-v11-choice-grid,
  .shell[data-page="how"] .how-cycle-track,
  .shell[data-page="pricing"] .public-price-grid,
  .help-guide-grid,
  .manual-protocol-grid{
    gap:10px!important;
  }

  /* Cards use symmetrical padding */
  .premium-profile-card,
  .premium-direction-info-item,
  .football-v11-trust article,
  .shell[data-page="how"] .how-cycle-step,
  .shell[data-page="pricing"] .public-price-card{
    padding:14px!important;
  }

  /* ---------- Home cards ---------- */
  .shell[data-page="home"] .home-mobile-context-list{
    gap:9px!important;
  }
  .shell[data-page="home"] .home-mobile-marketing-card{
    grid-template-columns:44px minmax(0,1fr) 18px!important;
    gap:10px!important;
    min-height:74px!important;
    padding:10px 12px!important;
    border-radius:11px!important;
  }
  .shell[data-page="home"] .home-mobile-marketing-icon{
    justify-self:start!important;
    align-self:center!important;
  }
  .shell[data-page="home"] .home-mobile-marketing-copy{
    justify-content:center!important;
    min-height:44px!important;
  }
  .shell[data-page="home"] .home-mobile-marketing-copy b,
  .shell[data-page="home"] .home-mobile-marketing-copy small{
    width:100%!important;
    margin:0!important;
  }
  .shell[data-page="home"] .home-mobile-marketing-chevron{
    align-self:center!important;
    justify-self:end!important;
  }
  .shell[data-page="home"] .home-mobile-benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .shell[data-page="home"] .home-mobile-benefit{
    height:100%!important;
    min-height:48px!important;
    padding:9px 10px!important;
  }

  /* ---------- Direction pages ---------- */
  .premium-direction-benefits{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .premium-direction-benefit{
    min-height:34px!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
  }
  .premium-direction-benefit-icon{
    align-self:center!important;
    justify-self:center!important;
  }
  .premium-direction-benefit strong{
    display:flex!important;
    align-items:center!important;
    min-height:26px!important;
  }

  .premium-profile-head{
    margin-bottom:14px!important;
  }
  .premium-profile-head>div{
    width:100%!important;
  }
  .premium-profile-cta{
    width:100%!important;
  }

  .premium-profile-card{
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    min-height:84px!important;
    gap:11px!important;
  }
  .premium-profile-card-icon{
    align-self:center!important;
    justify-self:center!important;
  }
  .premium-profile-card-copy{
    justify-content:center!important;
    min-height:52px!important;
  }
  .premium-profile-card-copy small,
  .premium-profile-card-copy strong,
  .premium-profile-card-copy em{
    margin-left:0!important;
    margin-right:0!important;
  }

  .premium-profile-available-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    margin-bottom:10px!important;
  }
  .premium-profile-available-head>div{
    display:flex!important;
    align-items:baseline!important;
    justify-content:space-between!important;
    width:100%!important;
  }

  .premium-direction-info-item{
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    min-height:92px!important;
  }
  .premium-direction-info-item>span{
    padding-top:2px!important;
  }
  .premium-direction-info-item h3{
    margin-top:0!important;
    margin-bottom:5px!important;
  }

  /* ---------- Football ---------- */
  .football-v11-benefits{
    gap:7px!important;
  }
  .football-v11-benefits article{
    min-height:34px!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
  }
  .football-v11-benefits>article>span{
    align-self:center!important;
    justify-self:center!important;
  }
  .football-v11-benefits strong{
    min-height:26px!important;
    display:flex!important;
    align-items:center!important;
  }

  .football-v11-definition{
    align-items:center!important;
    min-height:54px!important;
  }
  .football-v11-definition p{
    margin-top:2px!important;
  }

  .football-v11-picker-top{
    gap:14px!important;
    margin-bottom:16px!important;
  }
  .football-v11-filters{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .football-v11-filters :is(button,a){
    width:100%!important;
    min-width:0!important;
    padding:5px 4px!important;
  }

  .football-v11-trust{
    grid-template-columns:1fr!important;
  }
  .football-v11-trust article{
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:center!important;
    min-height:64px!important;
    gap:10px!important;
  }
  .football-v11-trust>article>span{
    align-self:center!important;
    justify-self:center!important;
  }

  .football-v11-profile-choice{
    grid-template-columns:40% minmax(0,1fr)!important;
    min-height:138px!important;
    align-items:stretch!important;
  }
  .football-v11-card-image{
    height:100%!important;
    min-height:138px!important;
  }
  .football-v11-card-copy{
    min-width:0!important;
    min-height:138px!important;
    justify-content:space-between!important;
    padding:13px!important;
  }
  .football-v11-card-top{
    align-items:flex-start!important;
  }
  .football-v11-card-copy p{
    margin-top:8px!important;
    margin-bottom:8px!important;
  }

  /* ---------- How it works ---------- */
  .shell[data-page="how"] .how-principle,
  .shell[data-page="how"] .how-flow-section,
  .shell[data-page="how"] .how-cycle-section,
  .shell[data-page="how"] .how-final-cta{
    width:100%!important;
  }
  .shell[data-page="how"] .how-principle-equation{
    gap:8px!important;
  }
  .shell[data-page="how"] .how-principle-equation>span{
    min-height:62px!important;
    display:flex!important;
    justify-content:center!important;
  }
  .shell[data-page="how"] .how-flow-step{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .shell[data-page="how"] .how-flow-number{
    justify-self:center!important;
  }
  .shell[data-page="how"] .how-flow-copy{
    min-height:94px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  .shell[data-page="how"] .how-flow-copy p{
    margin-top:0!important;
  }
  .shell[data-page="how"] .how-cycle-step{
    grid-template-columns:40px minmax(0,1fr)!important;
    min-height:102px!important;
    align-items:start!important;
  }
  .shell[data-page="how"] .how-cycle-icon{
    width:38px!important;
    height:38px!important;
  }

  /* ---------- Pricing ---------- */
  .shell[data-page="pricing"] .public-price-grid{
    grid-template-columns:1fr!important;
  }
  .shell[data-page="pricing"] .public-price-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-height:330px!important;
    padding:20px 16px!important;
  }
  .shell[data-page="pricing"] .public-price-card>span:first-of-type{
    min-height:18px!important;
  }
  .shell[data-page="pricing"] .public-price-card h3{
    min-height:28px!important;
    margin-bottom:8px!important;
  }
  .shell[data-page="pricing"] .public-price-card>strong{
    min-height:48px!important;
  }
  .shell[data-page="pricing"] .public-price-card>p:first-of-type{
    min-height:72px!important;
  }
  .shell[data-page="pricing"] .public-price-card>p:last-of-type{
    min-height:22px!important;
    margin-top:10px!important;
  }
  .shell[data-page="pricing"] .public-price-card .btn{
    width:100%!important;
    margin-top:auto!important;
  }
  .shell[data-page="pricing"] .purchase-account-notice{
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding:13px 14px!important;
  }

  /* ---------- Generic content cards ---------- */
  .shell:not([data-page="home"]) :is(
    .help-topic-card,.help-next-card,.manual-protocol-card,
    .settings-card,.account-card,.admin-card,.org-card,.my-panel,
    .result-card,.program-card
  ){
    width:100%!important;
    min-width:0!important;
  }

  /* Text optical balance */
  .shell:not([data-page="home"]) :is(
    .premium-profile-card-copy,.premium-direction-info-item>div,
    .football-v11-card-copy,.football-v11-trust article>div,
    .how-flow-copy,.how-cycle-step>div,.public-price-card
  ) :is(h2,h3,p,strong,small){
    max-width:100%!important;
  }
}

/* Narrow phones: preserve symmetry by reducing, not squeezing, side padding. */
@media(max-width:390px){
  .internal-page-intro-inner,
  .premium-direction-hero-inner,
  .premium-direction-content,
  .premium-direction-context,
  .football-v11-hero-inner,
  .football-v11-picker{
    width:calc(100% - 24px)!important;
  }
  .shell[data-page="home"] .one-screen-shell{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .football-v11-filters{
    gap:5px!important;
  }
  .football-v11-filters :is(button,a){
    font-size:8.5px!important;
  }
}


/* ==========================================================================
   APProfile 16.24.5 · CLEAN MASTER
   Canonical families:
   HOME · INTERNAL PAGE INTRO · PREMIUM DIRECTIONS · FOOTBALL v11
   HOW v7 · PRICING · FINAL RESPONSIVE / ACCESSIBILITY LAYER
   Legacy page-hero/how-v5/quick/sales/home-pro/track-v111 families removed.
   ========================================================================== */

/* ==========================================================================
   APProfile 16.24.5 · TABLET FORM ALIGNMENT
   Corrects the over-broad tablet grids introduced before Clean Master.
   Desktop and mobile are intentionally untouched.
   ========================================================================== */
@media(min-width:721px) and (max-width:1024px){

  /* ---- Shared field rhythm ---- */
  .field{
    min-width:0;
  }
  .field>label,
  .wiz-card label{
    display:block;
    margin:0 0 7px!important;
    line-height:1.25!important;
  }
  .field :is(input,select,textarea){
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* ---- Test/profile wizard ---- */
  .wiz-card .wiz-profile-fields{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:24px!important;
    row-gap:18px!important;
    align-items:start!important;
  }

  /* Context + age are a balanced 50/50 row. */
  .wiz-card .wiz-profile-fields>.field{
    width:100%!important;
    min-width:0!important;
  }

  /* Profile selector and selected-profile confirmation always span full width. */
  .wiz-card .wiz-profile-fields .field-profile-main,
  .wiz-card .wiz-profile-fields .wiz-selected-profile,
  .wiz-card .wiz-profile-fields .wiz-secondary-settings,
  .wiz-card .wiz-profile-fields .wiz-mixed-note,
  .wiz-card .wiz-profile-fields .wiz-optional{
    grid-column:1/-1!important;
  }

  .wiz-selected-profile{
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:16px 18px!important;
  }

  /* Test date + optional combined profile are true equal columns. */
  .wiz-secondary-settings{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:24px!important;
    row-gap:18px!important;
    align-items:start!important;
    width:100%!important;
    margin-top:0!important;
    padding-top:0!important;
  }
  .wiz-secondary-settings>.field{
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  .wiz-secondary-settings>.field:nth-child(n+3){
    grid-column:1/-1!important;
  }
  .wiz-secondary-settings>.field label{
    min-height:20px!important;
    display:flex!important;
    align-items:flex-end!important;
    margin:0!important;
  }
  .wiz-secondary-settings>.field .input{
    min-height:50px!important;
    width:100%!important;
  }

  .wiz-mixed-note,
  .wiz-optional,
  .wiz-actions{
    width:100%!important;
    box-sizing:border-box!important;
  }

  .wiz-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:18px!important;
  }
  .wiz-actions .btn{
    width:auto!important;
    min-width:180px!important;
  }

  /* ---- Account/settings cards ---- */
  .account-page .page-body{
    width:100%!important;
    max-width:none!important;
  }

  .account-page .account-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
  }

  .account-page .account-grid>.card,
  .account-page .local-data-card{
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    box-sizing:border-box!important;
  }

  /* Large content cards keep full width. */
  .account-page :is(
    .account-typography-card,
    .security-question-card,
    .account-security-card
  ){
    grid-column:1/-1!important;
  }

  .account-page .local-data-card{
    padding:24px!important;
  }
  .account-page .local-data-card h2{
    margin:7px 0 8px!important;
  }
  .account-page .local-data-card p{
    margin:0 0 16px!important;
  }

  /* Action buttons get their own row and never collide with copy. */
  .account-page :is(
    .typography-actions,
    .account-actions,
    .data-actions,
    .local-data-actions
  ){
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin-top:16px!important;
  }

  .account-page :is(
    .typography-actions,
    .account-actions,
    .data-actions,
    .local-data-actions
  ) .btn{
    min-height:42px!important;
  }

  /* Language panel stays optically balanced. */
  .account-language-card .account-language-setting{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:18px!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  /* Generic paired forms in account/admin views use equal columns. */
  .account-page .proto-toolbar-fields,
  .account-page .adm-form-grid,
  .account-page .reg-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:start!important;
  }
}

/* ==========================================================================
   APProfile 16.24.5 · MOBILE LAYOUT FIX
   Canonical phone geometry for header, home and navigation drawer.
   Tablet and desktop are intentionally untouched.
   ========================================================================== */
@media(max-width:720px){

  /* ---- Viewport integrity: no clipped or shifted page shell ---- */
  html,body,#app,.shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:hidden!important;
  }
  .shell[data-page="home"],
  .shell[data-page="home"] .one-screen-home,
  .shell[data-page="home"] .one-screen-hero{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }
  .shell[data-page="home"] .one-screen-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:14px!important;
    padding-right:14px!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  .shell[data-page="home"] :is(
    .one-screen-intro,
    .home-mobile-benefits,
    .home-mobile-trust-card,
    .home-mobile-section-label,
    .home-mobile-context-list,
    .mobile-home-story
  ){
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Hero copy must start inside the safe content edge. */
  .shell[data-page="home"] .one-screen-intro{
    padding-left:0!important;
    padding-right:0!important;
    transform:none!important;
  }
  .shell[data-page="home"] .one-screen-intro :is(.hybrid-kicker,h1,p){
    width:auto!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }

  /* ---- Header: phone shows logo + burger only ---- */
  .topbar,
  .shell[data-page="home"] .topbar{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .topbar .topbar-inner,
  .topbar .topbar-inner.topbar-inner-v103,
  .shell[data-page="home"] .topbar-inner,
  .shell[data-page="home"] .topbar-inner-v103{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:68px!important;
    min-height:68px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* Hide every desktop/tablet navigation control regardless of earlier rules. */
  .topbar :is(
    .topbar-nav,.topbar-nav-primary,.nav-right,
    .topbar-more,.topbar-menu,.topbar-account,
    .topbar-auth-actions,.language-switch,.topbar-area-chip,
    .nav-user,.nav-login,.nav-register
  ){
    display:none!important;
  }

  .topbar .logo-btn,
  .topbar .logo-btn.logo-btn-compact{
    display:flex!important;
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:245px!important;
    height:68px!important;
    min-height:68px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .topbar .logo-btn img,
  .topbar .brand img{
    display:block!important;
    width:auto!important;
    max-width:230px!important;
    max-height:48px!important;
    object-fit:contain!important;
  }

  .topbar .nav-burger,
  #navBurger{
    display:grid!important;
    place-items:center!important;
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:12px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.08)!important;
    box-sizing:border-box!important;
    z-index:3!important;
  }
  .topbar.topbar-solid .nav-burger,
  .topbar-solid #navBurger{
    border-color:#d9e1eb!important;
    background:#fff!important;
  }
  .nav-burger span{
    display:block!important;
    width:22px!important;
    height:2px!important;
    margin:2px auto!important;
    border-radius:2px!important;
    background:currentColor!important;
  }

  /* ---- Navigation drawer ---- */
  .mnav-backdrop:not([hidden]){
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1200!important;
    background:rgba(5,17,31,.62)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    backdrop-filter:blur(3px)!important;
  }
  .mnav-panel:not([hidden]){
    display:flex!important;
  }
  .mnav-panel{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    z-index:1201!important;
    width:min(92vw,360px)!important;
    max-width:92vw!important;
    min-width:0!important;
    margin:0!important;
    padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(18px + env(safe-area-inset-bottom,0px))!important;
    flex-direction:column!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    background:#fff!important;
    color:#11223a!important;
    border-left:1px solid #dce4ed!important;
    box-shadow:-18px 0 50px rgba(3,14,27,.28)!important;
  }
  body.mnav-open{
    overflow:hidden!important;
    touch-action:none;
  }

  .mnav-head{
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 0 12px!important;
  }
  .mnav-logo{
    display:block!important;
    width:auto!important;
    max-width:205px!important;
    height:auto!important;
    max-height:42px!important;
    object-fit:contain!important;
  }
  .mnav-close{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #dbe3ed!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#11223a!important;
    font-size:20px!important;
  }

  .mnav-links{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  .mnav-link,
  .mnav-link-rich{
    width:100%!important;
    min-width:0!important;
    min-height:70px!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 16px!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    column-gap:10px!important;
    padding:10px 11px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:12px!important;
    background:#f1f3f6!important;
    color:#11223a!important;
    text-align:left!important;
    overflow:hidden!important;
  }
  .mnav-link.active{
    background:#eaf1ff!important;
    color:#245bcf!important;
  }
  .mnav-link-rich>.mnav-link-icon{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    align-self:center!important;
    justify-self:center!important;
    color:currentColor!important;
  }
  .mnav-link-svg{
    width:21px!important;
    height:21px!important;
  }
  .mnav-link-rich>.mnav-link-copy{
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
    overflow:hidden!important;
  }
  .mnav-link-copy b,
  .mnav-link-copy small{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }
  .mnav-link-copy b{
    color:inherit!important;
    font-size:15px!important;
    line-height:1.18!important;
    font-weight:800!important;
  }
  .mnav-link-copy small{
    color:#66768a!important;
    font-size:10.5px!important;
    line-height:1.28!important;
    font-weight:500!important;
  }
  .mnav-link-rich>.mnav-chevron{
    display:grid!important;
    place-items:center!important;
    width:16px!important;
    align-self:center!important;
    justify-self:end!important;
    color:#44566b!important;
    font-size:18px!important;
  }

  .mnav-quick{
    width:100%!important;
    margin-top:16px!important;
  }
  .mnav-quick-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .mnav-quick-grid button{
    min-width:0!important;
    min-height:60px!important;
    padding:10px!important;
  }
  .mnav-foot{
    width:100%!important;
    margin-top:18px!important;
    padding-top:14px!important;
  }

  /* ---- Home cards stay strictly inside viewport ---- */
  .shell[data-page="home"] .home-mobile-benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .shell[data-page="home"] :is(
    .home-mobile-benefit,.home-mobile-trust-card,
    .home-mobile-marketing-card,.mobile-home-story-section
  ){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .shell[data-page="home"] .home-mobile-marketing-copy{
    min-width:0!important;
  }
}

/* Very narrow phones */
@media(max-width:390px){
  .topbar .topbar-inner,
  .topbar .topbar-inner.topbar-inner-v103,
  .shell[data-page="home"] .topbar-inner,
  .shell[data-page="home"] .topbar-inner-v103{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .topbar .logo-btn img,
  .topbar .brand img{
    max-width:205px!important;
  }
  .mnav-panel{
    width:94vw!important;
    max-width:94vw!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .mnav-link,
  .mnav-link-rich{
    grid-template-columns:36px minmax(0,1fr) 14px!important;
    column-gap:8px!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
}

/* ==========================================================================
   APProfile 16.24.5 · MOBILE HOME HIERARCHY
   Context first; supporting benefits second. Unverified social-proof card removed.
   ========================================================================== */
@media(max-width:720px){
  .shell[data-page="home"] .one-screen-intro{
    margin-bottom:18px!important;
  }
  .shell[data-page="home"] .home-mobile-section-label{
    margin:0 0 10px!important;
  }
  .shell[data-page="home"] .home-mobile-context-list{
    margin:0 0 18px!important;
  }
  .shell[data-page="home"] .home-mobile-benefits{
    margin:0!important;
    padding-top:16px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }
  .shell[data-page="home"] .home-mobile-trust-card{
    display:none!important;
  }
}

/* ==========================================================================
   APProfile 16.24.5 · MOBILE HEADER CLEANUP
   Redundant primary nav link is hidden wherever the hamburger navigation is used.
   ========================================================================== */
@media(max-width:900px){
  .topbar-nav-primary{
    display:none!important;
  }
}