:root {
  --navy: #080426;
  --green: #f50778;
  --green-dark: #7816d8;
  --blue: #00a8f7;
  --mint: #f7eaff;
  --sand: #f7f6ff;
  --ink: #171433;
  --muted: #716e84;
  --white: #fff;
  --shadow: 0 24px 60px rgba(16, 42, 50, .12);
}

.train-me-logo{display:inline-grid;gap:2px;margin-bottom:20px;padding:13px 18px;border:1px solid rgba(245,7,120,.42);border-radius:16px;background:linear-gradient(135deg,rgba(245,7,120,.18),rgba(8,169,244,.10))}.train-me-logo b{font-size:25px;color:#fff}.train-me-logo span{color:#f8a5cf;font-weight:800;font-size:12px}.train-me-logo small{color:#73d9ff;font-size:9px;letter-spacing:.08em}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: Tahoma, Arial, sans-serif; }
button, select, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.site-header { height: 84px; max-width: 1240px; margin: auto; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: var(--navy); text-decoration: none; direction: ltr; }
.brand-logo { width: 48px; height: 48px; display: block; border-radius: 50%; object-fit: cover; box-shadow: 0 5px 16px rgba(13, 5, 50, .2); }
.brand strong, .brand small { display: block; }
.brand strong { font-size: 20px; letter-spacing: -.4px; }
.brand small { color: var(--muted); font-size: 11px; margin-top: 2px; direction: rtl; }
nav { display: flex; gap: 30px; }
nav a, .section-heading a { color: var(--ink); text-decoration: none; font-size: 14px; font-weight: 700; }
.header-actions { display: flex; align-items: center; gap: 12px; }
.link-button { border: 0; background: transparent; color: var(--ink); cursor: pointer; }
.primary { border: 0; border-radius: 14px; background: linear-gradient(135deg, var(--green), var(--green-dark)); color: #fff; font-weight: 800; padding: 15px 24px; cursor: pointer; transition: .2s ease; }
.primary:hover { filter: brightness(.94); transform: translateY(-1px); }
.primary.small { padding: 11px 17px; border-radius: 10px; }

.hero { min-height: 610px; background: var(--sand); display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 40px; padding: 72px max(6vw, 28px); overflow: hidden; }
.hero-copy { max-width: 690px; justify-self: end; }
.eyebrow { display: inline-block; color: var(--green-dark); font-size: 13px; font-weight: 900; margin-bottom: 13px; letter-spacing: .3px; }
h1 { color: var(--navy); font-size: clamp(46px, 6vw, 76px); line-height: 1.08; letter-spacing: -3px; margin: 0 0 22px; }
h1 em { color: var(--green); font-style: normal; }
.hero-copy > p { color: var(--muted); font-size: 18px; line-height: 1.9; max-width: 590px; }
.search-box { margin-top: 30px; background: #fff; box-shadow: var(--shadow); border-radius: 18px; padding: 10px; display: grid; grid-template-columns: .9fr 1.1fr 1fr auto; align-items: end; gap: 4px; }
.search-box label { padding: 7px 12px; border-left: 1px solid #e4e8e7; }
.search-box label span { display: block; font-size: 11px; color: var(--muted); margin-bottom: 5px; }
.search-box select { width: 100%; border: 0; color: var(--navy); background: transparent; font-weight: 700; outline: none; }
.search-button { height: 56px; }
.search-message { min-height: 22px; margin: 10px 4px 0 !important; color: var(--green-dark) !important; font-size: 13px !important; font-weight: 700; }

.hero-visual { min-height: 430px; position: relative; display: grid; place-items: center; }
.orb { position: absolute; border-radius: 50%; }
.orb-one { width: 390px; height: 390px; background: linear-gradient(145deg, #ffc5e2, #c8eefe); }
.orb-two { width: 290px; height: 290px; background: var(--green-dark); opacity: .15; transform: translate(70px, -35px); }
.coach-card { position: relative; width: min(390px, 90%); background: rgba(255,255,255,.92); border: 1px solid rgba(255,255,255,.7); padding: 16px; border-radius: 26px; box-shadow: var(--shadow); backdrop-filter: blur(12px); z-index: 2; }
.coach-photo { height: 245px; display: grid; place-items: center; border-radius: 19px; background: linear-gradient(145deg, #09042d, #35106e); overflow: hidden; }
.coach-photo span { font-size: 120px; filter: grayscale(1) brightness(5); opacity: .92; }
.coach-info { padding: 17px 5px 4px; }
.coach-info strong { font-size: 18px; }
.coach-info p { color: var(--muted); font-size: 13px; margin: 7px 0 12px; }
.verified { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--green); color: white; margin-left: 6px; }
.rating { color: #efae2f; font-size: 14px; direction: ltr; text-align: right; }
.rating b { color: var(--ink); margin-left: 6px; }
.location-pill, .booking-pill { position: absolute; z-index: 3; background: white; border-radius: 14px; padding: 13px 16px; box-shadow: var(--shadow); font-size: 13px; font-weight: 800; }
.location-pill { top: 55px; right: 0; }
.booking-pill { bottom: 50px; left: 0; color: var(--green-dark); }

.trust-strip { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1080px; margin: -20px auto 0; background: var(--navy); color: white; border-radius: 18px; padding: 22px 30px; position: relative; z-index: 4; box-shadow: var(--shadow); }
.trust-strip div { text-align: center; border-left: 1px solid rgba(255,255,255,.13); }
.trust-strip div:last-child { border-left: 0; }
.trust-strip b, .trust-strip span { display: block; }
.trust-strip b { font-size: 18px; }
.trust-strip span { font-size: 11px; color: #b9cacb; margin-top: 4px; }

.section { max-width: 1180px; margin: auto; padding: 105px 28px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 34px; }
.section-heading h2, .partner-section h2 { color: var(--navy); font-size: 38px; margin: 0; letter-spacing: -1.3px; }
.section-heading a { color: var(--green-dark); }
.sport-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.sport-grid article { border: 1px solid #e7ecea; border-radius: 20px; padding: 27px; transition: .2s ease; }
.sport-grid article:hover { transform: translateY(-4px); border-color: #b9dfce; box-shadow: 0 16px 35px rgba(16,42,50,.08); }
.sport-grid article > span { width: 55px; height: 55px; display: grid; place-items: center; border-radius: 16px; background: var(--mint); font-size: 27px; }
.sport-grid h3 { margin: 20px 0 7px; color: var(--navy); }
.sport-grid p { margin: 0; color: var(--muted); font-size: 13px; }

.how-section { max-width: none; background: #f8faf9; }
.centered { justify-content: center; text-align: center; }
.steps { max-width: 980px; margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 55px; text-align: center; }
.steps article { position: relative; }
.steps span { margin: auto; display: grid; place-items: center; width: 62px; height: 62px; background: var(--green); color: white; border-radius: 50% 50% 50% 16px; font-size: 22px; font-weight: 900; }
.steps h3 { color: var(--navy); margin: 18px 0 7px; }
.steps p { color: var(--muted); line-height: 1.7; margin: 0; font-size: 14px; }

.partner-section { max-width: 1124px; margin: 80px auto; padding: 55px 60px; border-radius: 28px; background: linear-gradient(120deg, #7816d8, #080426 68%); color: white; display: flex; justify-content: space-between; align-items: center; gap: 50px; }
.partner-section h2 { color: white; }
.partner-section p { max-width: 620px; color: #d6e9e4; line-height: 1.8; }
.eyebrow.light { color: #aee9cc; }
.partner-actions { display: flex; gap: 12px; white-space: nowrap; }
.white-button, .outline-button { padding: 14px 20px; border-radius: 12px; font-weight: 800; cursor: pointer; }
.white-button { border: 0; color: var(--green-dark); background: white; }
.outline-button { color: white; background: transparent; border: 1px solid rgba(255,255,255,.55); }

footer { padding: 55px 28px; background: var(--navy); color: #aebfc1; text-align: center; font-size: 13px; }
.footer-brand { color: white; justify-content: center; margin-bottom: 20px; }
.footer-brand small { color: #aebfc1; }

dialog { width: min(520px, calc(100% - 32px)); border: 0; border-radius: 24px; padding: 35px; box-shadow: 0 35px 100px rgba(4,20,25,.35); }
dialog::backdrop { background: rgba(9,31,37,.65); backdrop-filter: blur(4px); }
.close { position: absolute; left: 18px; top: 15px; border: 0; background: #f1f5f3; width: 34px; height: 34px; border-radius: 50%; cursor: pointer; font-size: 21px; }
.dialog-icon { width: 55px; height: 55px; display: grid; place-items: center; background: var(--mint); border-radius: 16px; font-size: 27px; }
dialog h2 { color: var(--navy); margin: 18px 0 8px; }
dialog p { color: var(--muted); line-height: 1.7; }
.dialog-form { display: grid; gap: 13px; margin-top: 22px; }
.dialog-form label { font-size: 12px; color: var(--muted); }
.dialog-form input { width: 100%; margin-top: 6px; border: 1px solid #dce4e1; border-radius: 11px; padding: 13px; outline: none; }
.dialog-form input:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(22,163,106,.11); }
.dialog-form select, .dialog-form textarea { width: 100%; margin-top: 6px; border: 1px solid #dce4e1; border-radius: 11px; padding: 13px; outline: none; background: white; }
.dialog-form textarea { min-height: 88px; resize: vertical; }
.dialog-form .form-error { color: #bd1644; background: #fff0f5; border-radius: 10px; padding: 10px; margin: 0; font-size: 13px; }
.result-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.result-card { border: 1px solid #e7e3ef; border-radius: 20px; padding: 23px; background: white; box-shadow: 0 14px 35px rgba(8,4,38,.06); }
.result-card-head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.result-card-head > div { min-width: 0; flex: 1; }
.result-card-image { width: 82px; height: 82px; flex: 0 0 82px; object-fit: cover; border-radius: 18px; border: 1px solid rgba(245,7,120,.38); background: #080426; box-shadow: 0 10px 25px rgba(8,4,38,.18); }
.result-card h3 { margin: 9px 0 0; color: var(--navy); font-size: 17px; line-height: 1.45; }
.result-card p { margin: 6px 0; color: var(--muted); font-size: 13px; }
.result-card .price { color: var(--green); font-weight: 900; font-size: 18px; }
.empty-state { grid-column: 1/-1; text-align: center; border: 1px dashed #cfc8db; border-radius: 20px; padding: 45px 20px; color: var(--muted); }
.status-pill { display: inline-block; padding: 6px 10px; border-radius: 20px; background: var(--mint); color: var(--green-dark); font-size: 11px; font-weight: 800; }
.status-pill.public-data { color: #ffb8d3; background: rgba(245,7,120,.13); border: 1px solid rgba(245,7,120,.3); }
.result-card.public-listing { border-color: rgba(245,7,120,.2); }
.result-card .result-bio { line-height: 1.75; }
.result-card .contact-number { margin-top: 12px; font-size: 15px; font-weight: 900; direction: ltr; text-align: start; }
.result-card .contact-number a { color: #08a9f4; text-decoration: none; }
.result-card .contact-number a:hover { text-decoration: underline; }
.result-card .contact-note { display: block; color: var(--muted); font-size: 10px; line-height: 1.55; }
.result-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
.result-actions a { padding: 8px 12px; border: 1px solid rgba(245,7,120,.3); border-radius: 10px; color: var(--brand-pink,#f50778); text-decoration: none; font-size: 12px; font-weight: 800; }
.result-actions .disabled-action { padding: 8px 12px; border: 1px dashed rgba(255,255,255,.14); border-radius: 10px; color: #777280; font-size: 12px; font-weight: 800; cursor: not-allowed; }
.result-actions a:hover { color: #fff; background: linear-gradient(135deg,#f50778,#8d13d4); }
.listing-note { display: block; margin-top: 14px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.results-heading{align-items:center}.results-close{padding:11px 16px;border:1px solid rgba(245,7,120,.35);border-radius:12px;background:rgba(245,7,120,.08);color:#ff4a88;font:800 11px Alexandria,sans-serif;cursor:pointer}.results-close:hover{color:#fff;background:linear-gradient(135deg,#f50778,#8d13d4)}.directory-more{display:block;margin:26px auto 0;min-width:180px}.result-card[hidden]{display:none!important}
.admin-body { min-height: 100vh; background: var(--sand); }
.admin-header { max-width: none; background: white; padding-inline: max(5vw, 22px); border-bottom: 1px solid #e9e6ef; }
.back-link { color: var(--green-dark); text-decoration: none; font-weight: 800; font-size: 13px; }
.admin-main { max-width: 1180px; margin: auto; padding: 60px 24px; }
.admin-login { max-width: 480px; margin: 40px auto; background: white; border-radius: 24px; padding: 38px; box-shadow: var(--shadow); }
.admin-login h1, .admin-title h1 { color: var(--navy); font-size: 38px; margin: 16px 0 8px; }
.admin-login > p { color: var(--muted); }
.admin-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; }
.admin-summary { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-bottom: 25px; }
.admin-summary article { background: white; border-radius: 18px; padding: 24px; border: 1px solid #e8e4ef; }
.admin-summary strong, .admin-summary span { display: block; }
.admin-summary strong { color: var(--green); font-size: 32px; }
.admin-summary span { color: var(--muted); margin-top: 6px; font-size: 13px; }
.admin-api-settings { display:grid; grid-template-columns:1.2fr 1fr; gap:24px; align-items:center; margin-bottom:25px; padding:24px; background:white; border:1px solid #e8e4ef; border-radius:20px; }
.admin-api-settings h2 { margin:7px 0; color:var(--navy); }
.admin-api-settings p { margin:0; color:var(--muted); line-height:1.7; }
.admin-api-settings .dialog-form { margin:0; }
.admin-api-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.admin-api-actions span { color:var(--muted); font-size:13px; }
.admin-api-actions span.connected { color:#14834f; font-weight:800; }
@media(max-width:760px){.admin-api-settings{grid-template-columns:1fr;padding:19px}.admin-api-actions{align-items:stretch;flex-direction:column}}
.admin-accounts-section{margin-top:34px}.admin-accounts-section .admin-title h2{margin:6px 0;color:var(--navy);font-size:30px}.admin-account-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:16px}.admin-account-filters input,.admin-account-filters select{min-height:44px;padding:0 12px;border:1px solid #ddd7e8;border-radius:11px;background:#fff;font-family:inherit}.admin-user-card strong,.admin-user-card small{display:block}.admin-user-card small{margin-top:4px;color:var(--muted)}.admin-verification{display:grid;gap:4px}.admin-verification span{font-size:11px}.verified-yes{color:#14834f}.verified-no{color:#a56a14}.admin-account-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-account-actions button,.admin-account-actions select{padding:7px 9px;border:1px solid #ddd7e8;border-radius:8px;background:#fff;font-family:inherit;font-size:11px}.admin-account-actions button{color:#fff;background:#6c17cf;cursor:pointer}.admin-message-dialog{width:min(580px,calc(100% - 28px))}.admin-message-dialog textarea{min-height:180px}.admin-message-dialog h2{color:var(--navy)}.admin-message-dialog>p{color:var(--muted)}
@media(max-width:760px){.admin-account-filters{grid-template-columns:1fr}.admin-account-filters button{width:100%}}
.admin-header-actions{display:flex;align-items:center;gap:12px}.admin-header-actions span{padding:7px 11px;border-radius:999px;background:#f2edf9;color:#57149c;font-size:11px;font-weight:800}
.admin-accounts-section td strong,.admin-accounts-section td small,.admin-accounts-section td a,.admin-accounts-section td span{display:block;margin-bottom:5px}.admin-accounts-section td a{color:#6c17cf;text-decoration:none}.admin-accounts-section td button{padding:7px 10px;border:0;border-radius:8px;background:#6c17cf;color:#fff;font-family:inherit;font-weight:700;cursor:pointer}.admin-accounts-section td button:disabled{opacity:.55;cursor:wait}
.admin-create-form{grid-template-columns:1fr 1.3fr 1.3fr auto}.admin-create-form .form-error{grid-column:1/-1;margin:0}.admin-title>strong{min-width:50px;padding:10px 15px;border-radius:14px;background:#fff;color:#6c17cf;text-align:center;font-size:22px;border:1px solid #e8e4ef}
[data-owner-only][hidden]{display:none!important}
.admin-table-wrap { background: white; border-radius: 20px; border: 1px solid #e8e4ef; overflow: auto; }
.admin-table-wrap table { width: 100%; border-collapse: collapse; min-width: 780px; }
.admin-table-wrap th, .admin-table-wrap td { text-align: right; padding: 16px; border-bottom: 1px solid #eeeaf3; font-size: 13px; }
.admin-table-wrap th { color: var(--muted); background: #fbfaff; }
.decision-buttons { white-space: nowrap; }
.decision-buttons button { border: 0; background: #eafaf2; color: #087842; border-radius: 8px; padding: 8px 12px; font-weight: 800; cursor: pointer; margin-left: 5px; }
.decision-buttons button.reject { background: #fff0f5; color: #b51045; }
.admin-media { min-width: 95px; display: flex; gap: 5px; }
.admin-media img { width: 44px; height: 44px; border-radius: 8px; object-fit: cover; border: 1px solid #e5dfeb; }
.admin-media span { color: var(--muted); font-size: 10px; }
.registration-body { min-height: 100vh; background: linear-gradient(135deg,#f8f6ff,#fff5fa); }
.registration-header { max-width: none; background: rgba(255,255,255,.9); border-bottom: 1px solid #ebe6f1; padding-inline: max(5vw,22px); }
.registration-main { max-width: 1180px; margin: auto; padding: 65px 28px 90px; display: grid; grid-template-columns: .78fr 1.22fr; gap: 70px; align-items: start; }
.registration-intro { position: sticky; top: 120px; padding-top: 35px; }
.registration-intro h1 { font-size: 52px; letter-spacing: -2px; margin: 0 0 18px; }
.registration-intro > p { color: var(--muted); line-height: 1.9; font-size: 16px; }
.registration-benefits { margin-top: 35px; display: grid; gap: 16px; color: var(--ink); font-weight: 700; font-size: 14px; }
.registration-benefits span { display: inline-grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; color: white; background: linear-gradient(135deg,var(--green),var(--green-dark)); margin-left: 9px; }
.registration-card { background: white; border: 1px solid #ebe7f1; border-radius: 28px; padding: 42px; box-shadow: var(--shadow); }
.form-progress { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; direction: ltr; }
.form-progress span { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #ece9f2; color: #8a8498; font-weight: 900; transition: .2s; }
.form-progress span.active { color: white; background: linear-gradient(135deg,var(--green),var(--green-dark)); box-shadow: 0 7px 18px rgba(245,7,120,.2); }
.form-progress i { width: 70px; height: 2px; background: #e5e0eb; }
.full-registration-form fieldset { border: 0; padding: 0; margin: 0; }
.full-registration-form legend { color: var(--navy); font-size: 26px; font-weight: 900; padding: 0; }
.full-registration-form fieldset > p { color: var(--muted); font-size: 13px; margin-bottom: 25px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.form-grid label, .sports-choice > strong { color: var(--muted); font-size: 12px; }
.form-grid label.wide { grid-column: 1/-1; }
.form-grid > .wide { grid-column: 1/-1; }
.form-grid input, .form-grid select { width: 100%; margin-top: 7px; padding: 13px; border: 1px solid #ddd7e5; border-radius: 11px; background: white; outline: none; }
.form-grid input:focus, .form-grid select:focus { border-color: var(--green-dark); box-shadow: 0 0 0 3px rgba(120,22,216,.1); }
.sports-choice { margin-top: 25px; }
.sports-checkboxes { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 12px; }
.coach-sports { grid-template-columns: repeat(4,1fr); }
.sports-checkboxes input { position: absolute; opacity: 0; }
.sports-checkboxes span { display: block; padding: 12px 8px; border: 1px solid #e3deea; border-radius: 11px; color: var(--ink); text-align: center; cursor: pointer; font-size: 12px; font-weight: 700; }
.sports-checkboxes input:checked + span { border-color: var(--green); background: #fff0f7; color: #bd075d; }
.student-registration-body .sports-checkboxes { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 13px; }
.student-registration-body .sports-checkboxes span { min-height: 60px; display: flex; align-items: center; justify-content: center; padding: 13px 10px; font-size: 14px; border-width: 2px; background: #12101a; color: #fff; }
.student-registration-body .sports-checkboxes input:checked + span { border-color: var(--brand-pink); background: linear-gradient(135deg,rgba(245,7,120,.28),rgba(120,22,216,.25)); color: #fff; box-shadow: 0 0 0 3px rgba(245,7,120,.13); }
.birth-date-fields { display: grid; grid-template-columns: 1fr 1.35fr 1fr; gap: 7px; margin-top: 7px; direction: rtl; }
.birth-date-fields select { margin-top: 0 !important; }
.form-navigation { display: flex; justify-content: space-between; gap: 12px; margin-top: 30px; }
.form-navigation .primary { margin-right: auto; min-width: 140px; }
.outline-dark { padding: 13px 22px; border: 1px solid #d9d3e1; color: var(--ink); background: white; border-radius: 12px; font-weight: 800; cursor: pointer; }
.guardian-panel { padding: 20px; margin-bottom: 22px; background: #f8f4ff; border-radius: 15px; }
.guardian-panel > p { color: var(--muted); font-size: 13px; }
.consent-row { display: flex; gap: 10px; align-items: start; color: var(--muted); line-height: 1.7; font-size: 13px; }
.consent-row input { margin-top: 4px; accent-color: var(--green); }
.registration-summary { margin-top: 24px; border: 1px solid #e6e1eb; border-radius: 15px; overflow: hidden; }
.registration-summary div { display: flex; justify-content: space-between; gap: 20px; padding: 14px 16px; border-bottom: 1px solid #eeeaf2; }
.registration-summary div:last-child { border-bottom: 0; }
.registration-summary span { color: var(--muted); font-size: 12px; }
.registration-summary strong { font-size: 13px; }
.registration-success { text-align: center; padding: 50px 20px; }
.registration-success > span { width: 75px; height: 75px; margin: auto; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg,var(--green),var(--green-dark)); color: white; font-size: 36px; }
.registration-success h2 { font-size: 31px; color: var(--navy); }
.registration-success p { color: var(--muted); line-height: 1.8; margin-bottom: 28px; }
.registration-success a { display: inline-block; text-decoration: none; }
.application-reference {
  width: min(100%, 430px);
  margin: 24px auto 14px;
  padding: 18px;
  display: grid;
  gap: 10px;
  justify-items: center;
  border: 1px solid rgba(245,7,120,.38);
  border-radius: 18px;
  background: linear-gradient(135deg,rgba(245,7,120,.12),rgba(0,165,255,.09)),rgba(7,5,17,.78);
}
.application-reference small { color: #aaa6b2; font-weight: 700; }
.application-reference strong {
  color: #fff;
  font-family: Arial,sans-serif;
  font-size: clamp(17px,4vw,22px);
  letter-spacing: 1.5px;
  direction: ltr;
}
.application-reference button {
  min-height: 38px;
  padding: 8px 18px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 11px;
  color: #fff;
  background: rgba(255,255,255,.08);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.application-reference button:hover { border-color: var(--brand-pink); background: rgba(245,7,120,.16); }
.reference-note { margin: 0 auto 22px !important; color: #aaa6b2 !important; font-size: 13px; }
.admin-reference {
  display: inline-block;
  direction: ltr;
  color: #fff;
  font-family: Arial,sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .35px;
  white-space: nowrap;
}
.full-registration-form textarea { width: 100%; min-height: 110px; margin-top: 7px; padding: 13px; border: 1px solid #ddd7e5; border-radius: 11px; resize: vertical; font: inherit; outline: none; }
.full-registration-form textarea:focus { border-color: var(--green-dark); box-shadow: 0 0 0 3px rgba(120,22,216,.1); }
.secure-upload-note { margin: 24px 0; padding: 16px; border: 1px solid #ddd0f2; background: #f8f3ff; color: #5a387b; border-radius: 13px; font-size: 13px; line-height: 1.7; }

@media (max-width: 900px) {
  nav { display: none; }
  .hero { grid-template-columns: 1fr; padding-top: 50px; }
  .hero-copy { justify-self: stretch; }
  .hero-visual { min-height: 470px; }
  .search-box { grid-template-columns: 1fr 1fr; }
  .search-box label { border: 0; }
  .search-button { grid-column: 1 / -1; }
  .partner-section { margin-inline: 24px; }
  .registration-main { grid-template-columns: 1fr; gap: 20px; }
  .registration-intro { position: static; padding-top: 0; }
}

@media (max-width: 620px) {
  .site-header { height: 72px; padding: 0 17px; }
  .brand strong { font-size: 17px; }
  .brand-logo { width: 42px; height: 42px; }
  .link-button { display: none; }
  .hero { padding: 48px 18px 65px; }
  h1 { font-size: 44px; letter-spacing: -2px; }
  .hero-copy > p { font-size: 15px; }
  .search-box { grid-template-columns: 1fr; }
  .search-button { grid-column: auto; }
  .hero-visual { min-height: 400px; }
  .coach-photo { height: 210px; }
  .location-pill { right: 3px; }
  .booking-pill { left: 3px; }
  .trust-strip { margin: 0; border-radius: 0; grid-template-columns: 1fr 1fr; gap: 22px 0; }
  .trust-strip div:nth-child(2) { border-left: 0; }
  .section { padding: 75px 18px; }
  .section-heading { align-items: start; }
  .section-heading h2, .partner-section h2 { font-size: 29px; }
  .section-heading a { display: none; }
  .sport-grid { grid-template-columns: 1fr 1fr; }
  .result-grid { grid-template-columns: 1fr; }
  .result-card-image { width: 72px; height: 72px; flex-basis: 72px; }
  .sport-grid article { padding: 19px; }
  .steps { grid-template-columns: 1fr; gap: 42px; }
  .partner-section { margin: 55px 15px; padding: 38px 25px; display: block; }
  .partner-actions { margin-top: 25px; flex-direction: column; }
  .registration-main { padding: 38px 14px 70px; }
  .registration-intro h1 { font-size: 38px; }
  .registration-card { padding: 27px 18px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid label.wide { grid-column: auto; }
  .sports-checkboxes { grid-template-columns: 1fr 1fr; }
  .coach-sports { grid-template-columns: 1fr 1fr; }
  .form-progress i { width: 45px; }
}

/* Sportdaar 2026 brand experience */
.brand-site,
.coach-registration-body {
  --brand-black: #05050a;
  --brand-surface: #0d0b18;
  --brand-surface-2: #151121;
  --brand-red: #ff174f;
  --brand-pink: #f50778;
  --brand-purple: #8b16e8;
  --brand-blue: #00a8f7;
  --brand-line: rgba(255,255,255,.1);
  background: var(--brand-black);
  color: #fff;
  font-family: "Alexandria", Tahoma, Arial, sans-serif;
  overflow-x: hidden;
}
.brand-site::before,
.coach-registration-body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 8% 18%, rgba(245,7,120,.13), transparent 26%),
    radial-gradient(circle at 88% 8%, rgba(0,168,247,.1), transparent 24%),
    linear-gradient(rgba(255,255,255,.017) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.017) 1px, transparent 1px);
  background-size: auto, auto, 50px 50px, 50px 50px;
  z-index: 0;
}
.brand-site > *,
.coach-registration-body > * { position: relative; z-index: 1; }
.brand-header {
  max-width: none;
  height: 92px;
  padding-inline: max(5vw,28px);
  color: #fff;
  background: rgba(5,5,10,.82);
  border-bottom: 1px solid var(--brand-line);
  backdrop-filter: blur(18px);
  position: sticky;
  top: 0;
  z-index: 30;
}
.brand-header .brand { color: #fff; }
.brand-header .brand-logo { width: 55px; height: 55px; border: 1px solid rgba(255,255,255,.14); }
.brand-header .brand strong { font-size: 18px; letter-spacing: 1.4px; }
.brand-header .brand small { color: #8f8b9d; font-size: 9px; letter-spacing: 0; }
.brand-header nav { gap: 35px; }
.brand-header nav a {
  color: #bbb8c6;
  position: relative;
  transition: .2s ease;
}
.brand-header nav a::after {
  content: "";
  position: absolute;
  right: 0;
  left: 100%;
  bottom: -10px;
  height: 2px;
  background: linear-gradient(90deg,var(--brand-red),var(--brand-purple),var(--brand-blue));
  transition: .2s ease;
}
.brand-header nav a:hover { color: #fff; }
.brand-header nav a:hover::after { left: 0; }
.brand-header .link-button { color: #fff; font-weight: 700; }
.header-register { text-decoration: none; background: linear-gradient(135deg,var(--brand-red),var(--brand-pink) 45%,var(--brand-purple)); }
.language-switcher {
  direction: ltr;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  white-space: nowrap;
}
.language-switcher button {
  border: 0;
  padding: 6px 8px;
  border-radius: 7px;
  color: #817d8b;
  background: transparent;
  font-family: inherit;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.language-switcher button.active { color: #fff; background: linear-gradient(135deg,var(--brand-red,#ff174f),var(--brand-purple,#8b16e8)); }
.language-switcher span { color: #4d4955; font-size: 9px; }

.brand-hero {
  min-height: 720px;
  background: transparent;
  grid-template-columns: 1.06fr .94fr;
  padding: 95px max(6vw,28px) 125px;
  position: relative;
}
.brand-hero::after {
  content: "SPORTDAAR";
  position: absolute;
  bottom: -42px;
  right: 4vw;
  font-size: clamp(80px,14vw,210px);
  font-weight: 900;
  letter-spacing: -9px;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,.035);
  z-index: -1;
}
.brand-hero .hero-copy { max-width: 790px; }
.brand-site .eyebrow,
.coach-registration-body .eyebrow {
  color: #ff3d7f;
  letter-spacing: 0;
  padding: 8px 13px;
  border: 1px solid rgba(245,7,120,.32);
  background: rgba(245,7,120,.08);
  border-radius: 30px;
}
.brand-hero h1 {
  color: #fff;
  font-size: clamp(52px,5.9vw,84px);
  line-height: 1.32;
  letter-spacing: 0;
  margin-top: 12px;
  padding-block: .04em;
}
.brand-hero h1 em,
.registration-intro h1 em {
  color: transparent;
  background: linear-gradient(90deg,var(--brand-red),var(--brand-pink) 40%,var(--brand-purple) 70%,var(--brand-blue));
  background-clip: text;
  -webkit-background-clip: text;
}
.brand-hero .hero-copy > p { color: #aaa6b6; max-width: 680px; font-size: 17px; }
.hero-actions { display: flex; align-items: center; gap: 22px; margin-top: 30px; }
.hero-primary { text-decoration: none; padding: 17px 29px; }
.ghost-action { color: #fff; text-decoration: none; font-size: 14px; font-weight: 800; }
.ghost-action span { color: var(--brand-pink); margin-right: 7px; }
.dark-search {
  margin-top: 42px;
  background: rgba(16,13,25,.9);
  border: 1px solid var(--brand-line);
  box-shadow: 0 25px 70px rgba(0,0,0,.35);
}
.dark-search label { border-color: var(--brand-line); }
.dark-search label span { color: #817d8d; }
.dark-search select { color: #fff; }
.dark-search select option { color: #111; }
.dark-search.venue-mode .search-button { grid-column: 1/-1; width: 100%; }
.search-near-me { grid-column: 1/-1; display: flex; align-items: center; gap: 12px; padding: 6px 8px 2px; }
.search-near-me .location-status { margin: 0; }
.brand-site .search-message { color: #ff3d7f !important; }
.brand-visual { min-height: 500px; }
.visual-glow {
  position: absolute;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  background: conic-gradient(from 180deg,rgba(245,7,120,.28),rgba(139,22,232,.35),rgba(0,168,247,.2),rgba(255,23,79,.3));
  filter: blur(55px);
  opacity: .75;
}
.sport-orbit {
  width: min(390px,78vw);
  aspect-ratio: 1;
  position: relative;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  box-shadow: inset 0 0 70px rgba(139,22,232,.12), 0 0 0 55px rgba(255,255,255,.018);
}
.sport-orbit::before,
.sport-orbit::after { content: ""; position: absolute; border-radius: 50%; border: 1px dashed rgba(255,255,255,.1); }
.sport-orbit::before { inset: 45px; }
.sport-orbit::after { inset: 92px; background: rgba(8,4,38,.75); box-shadow: 0 25px 80px rgba(0,0,0,.5); }
.sport-orbit img { width: 150px; height: 150px; border-radius: 50%; z-index: 2; filter: drop-shadow(0 18px 35px rgba(245,7,120,.24)); }
.orbit-item { position: absolute; z-index: 3; width: 62px; height: 62px; display: grid; place-items: center; background: #11101a; border: 1px solid rgba(255,255,255,.13); border-radius: 19px; font-size: 27px; box-shadow: 0 16px 30px rgba(0,0,0,.4); }
.orbit-football { top: -12px; right: 72px; }
.orbit-swim { bottom: 7px; left: 40px; }
.orbit-padel { top: 93px; left: -26px; }
.orbit-fitness { bottom: 44px; right: -10px; }
.floating-card { position: absolute; z-index: 5; padding: 14px 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: rgba(14,11,23,.88); backdrop-filter: blur(15px); box-shadow: 0 20px 45px rgba(0,0,0,.35); }
.floating-card b,.floating-card span { display: block; }
.floating-card b { font-size: 13px; }
.floating-card span { color: #827e8e; font-size: 10px; margin-top: 5px; }
.floating-top { top: 50px; left: 0; }
.floating-bottom { bottom: 35px; right: 0; }

.platform-numbers {
  width: min(1180px,calc(100% - 48px));
  margin: -38px auto 0;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  border: 1px solid var(--brand-line);
  background: #0c0a13;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 25px 65px rgba(0,0,0,.35);
}
.platform-numbers div { text-align: center; padding: 25px 15px; border-left: 1px solid var(--brand-line); }
.platform-numbers div:last-child { border: 0; }
.platform-numbers b,.platform-numbers span { display: block; }
.platform-numbers b { font-size: 25px; color: #fff; }
.platform-numbers span { color: #7f7b8a; font-size: 10px; margin-top: 5px; }

.brand-site .section { max-width: 1240px; }
.discover-section { padding-top: 135px; }
.section-kicker { color: var(--brand-pink); font-size: 12px; font-weight: 900; margin-bottom: 16px; }
.discover-section .section-heading { align-items: center; gap: 60px; }
.discover-section .section-heading h2,
.roadmap-heading h2,
.dashboard-copy h2,
.join-copy h2 { color: #fff; font-size: clamp(35px,4vw,56px); line-height: 1.25; margin: 0; letter-spacing: -2px; }
.discover-section .section-heading h2 span { color: #787482; }
.discover-section .section-heading p { color: #8f8b99; max-width: 480px; line-height: 1.9; font-size: 14px; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.feature-card {
  min-height: 315px;
  padding: 30px;
  border: 1px solid var(--brand-line);
  border-radius: 22px;
  background: linear-gradient(145deg,rgba(20,17,30,.95),rgba(9,8,15,.95));
  position: relative;
  overflow: hidden;
  transition: .25s ease;
}
.feature-card::after {
  content: "";
  position: absolute;
  width: 150px; height: 150px;
  left: -80px; bottom: -90px;
  border-radius: 50%;
  background: var(--brand-purple);
  filter: blur(50px); opacity: 0;
  transition: .25s;
}
.feature-card:hover { transform: translateY(-5px); border-color: rgba(245,7,120,.36); }
.feature-card:hover::after { opacity: .35; }
.feature-card[data-directory-service] { cursor: pointer; }
.feature-card[data-directory-service]:focus-visible { outline: 3px solid #08a9f4; outline-offset: 4px; border-color: rgba(8,169,244,.65); }
.feature-card[data-directory-service]:hover h3 { color: #ff3d7f; }
.feature-large { grid-column: span 2; background: linear-gradient(120deg,rgba(245,7,120,.18),rgba(18,14,28,.9) 55%); }
.feature-icon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 16px; font-size: 26px; background: rgba(255,255,255,.06); border: 1px solid var(--brand-line); }
.feature-number { position: absolute; top: 31px; left: 30px; color: #4e4a58; font-size: 12px; font-weight: 900; }
.feature-card h3 { color: #fff; font-size: 26px; margin: 38px 0 10px; }
.feature-card p { color: #8e8a98; font-size: 13px; line-height: 1.9; max-width: 560px; }
.feature-card a { position: absolute; bottom: 28px; right: 30px; color: #ff3d7f; text-decoration: none; font-size: 12px; font-weight: 800; z-index: 2; }

.roadmap-section {
  max-width: 1240px;
  margin: 30px auto 0;
  padding: 105px 28px;
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 90px;
}
.roadmap-heading { position: sticky; top: 150px; align-self: start; }
.roadmap-heading p { color: #8d8995; line-height: 1.9; font-size: 14px; margin-top: 22px; }
.roadmap-list { border-top: 1px solid var(--brand-line); }
.roadmap-list article { display: grid; grid-template-columns: 62px 1fr; gap: 25px; padding: 28px 10px; border-bottom: 1px solid var(--brand-line); opacity: .55; transition: .2s; }
.roadmap-list article:hover,.roadmap-list article.active { opacity: 1; }
.roadmap-list article > span { color: #625e6c; font-size: 13px; font-weight: 900; }
.roadmap-list small { color: var(--brand-pink); font-size: 10px; font-weight: 800; }
.roadmap-list h3 { color: #fff; font-size: 21px; margin: 7px 0 6px; }
.roadmap-list p { color: #888491; font-size: 12px; line-height: 1.8; margin: 0; }

.sports-hub-section {
  max-width: 1180px;
  margin: 35px auto 125px;
  padding: 70px;
  border: 1px solid var(--brand-line);
  border-radius: 32px;
  background:
    radial-gradient(circle at 12% 20%,rgba(245,7,120,.12),transparent 30%),
    linear-gradient(145deg,#12101a,#08070d);
}
.sports-hub-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 40px; }
.sports-hub-heading h2 { color: #fff; font-size: clamp(35px,4vw,55px); line-height: 1.3; margin: 10px 0 0; }
.sports-hub-heading > p { max-width: 500px; color: #8f8b98; line-height: 1.9; font-size: 13px; }
.hub-tabs { display: flex; gap: 8px; padding: 7px; border: 1px solid var(--brand-line); border-radius: 15px; background: rgba(0,0,0,.25); overflow-x: auto; }
.hub-tabs button { flex: 1; min-width: 135px; padding: 13px 16px; border: 0; border-radius: 10px; color: #898592; background: transparent; font-family: inherit; font-size: 11px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.hub-tabs button.active { color: #fff; background: linear-gradient(135deg,var(--brand-red),var(--brand-pink),var(--brand-purple)); box-shadow: 0 10px 25px rgba(245,7,120,.18); }
.hub-panels { min-height: 205px; margin-top: 16px; }
.hub-panel { min-height: 205px; padding: 28px; border: 1px solid var(--brand-line); border-radius: 18px; background: rgba(255,255,255,.025); }
.hub-date { display: flex; justify-content: space-between; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--brand-line); }
.hub-date span { color: var(--brand-pink); font-size: 10px; font-weight: 800; }.hub-date strong { font-size: 13px; }
.hub-empty { min-height: 120px; display: flex; justify-content: center; align-items: center; gap: 18px; text-align: right; }
.hub-empty > span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; background: rgba(255,255,255,.05); font-size: 24px; }
.hub-empty b { color: #fff; font-size: 13px; }.hub-empty p { color: #777380; font-size: 10px; margin: 6px 0 0; }
.tournament-card { min-height: 148px; display: grid; grid-template-columns: 65px 1fr auto; gap: 20px; align-items: center; }
.tournament-icon { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(135deg,rgba(245,7,120,.18),rgba(139,22,232,.18)); font-size: 29px; }
.tournament-card small { color: var(--brand-pink); font-size: 9px; font-weight: 800; }.tournament-card h3 { color: #fff; font-size: 20px; margin: 7px 0; }.tournament-card p { color: #817d8a; font-size: 11px; }
.coming-pill { padding: 8px 13px; border: 1px solid rgba(245,7,120,.3); color: #ff4b8a; border-radius: 20px; font-size: 9px; font-weight: 900; }
.tournament-live-list { display: grid; gap: 10px; }.tournament-live-card { min-height: 115px; padding: 15px; border: 1px solid var(--brand-line); border-radius: 14px; background: rgba(255,255,255,.025); }.live-data-pill { color: #2be58e; border-color: rgba(43,229,142,.25); }
.individual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.individual-grid article { min-height: 145px; display: grid; grid-template-columns: 50px 1fr; gap: 14px; align-items: center; position: relative; padding: 20px; border: 1px solid var(--brand-line); border-radius: 15px; background: rgba(255,255,255,.025); }
.individual-grid article > span { width: 48px; height: 48px; display: grid; place-items: center; background: rgba(255,255,255,.05); border-radius: 14px; font-size: 22px; }
.individual-grid b { font-size: 13px; }.individual-grid p { color: #7f7b88; font-size: 9px; line-height: 1.7; }
.individual-grid a { position: absolute; bottom: 15px; left: 18px; color: var(--brand-pink); text-decoration: none; font-size: 9px; font-weight: 800; }
.individual-coming { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; padding: 16px 18px; border: 1px solid rgba(245,7,120,.25); border-radius: 15px; background: linear-gradient(135deg,rgba(245,7,120,.1),rgba(139,22,232,.06)); }
.individual-coming .coming-pill { flex: 0 0 auto; color: #fff; background: linear-gradient(135deg,var(--brand-red),var(--brand-pink),var(--brand-purple)); }
.individual-coming h3 { margin: 0 0 5px; color: #fff; font-size: 16px; }
.individual-coming p { margin: 0; color: #9a95a3; font-size: 10px; line-height: 1.7; }
.duo-sports-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.duo-sports-grid > span { min-height: 48px; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid var(--brand-line); border-radius: 12px; color: #e4e0e8; background: rgba(255,255,255,.025); font-size: 10px; font-weight: 800; }
.duo-sports-grid > span:hover { border-color: rgba(245,7,120,.35); background: rgba(245,7,120,.06); }
.duo-sports-grid i { flex: 0 0 auto; font-size: 17px; font-style: normal; }
.duo-sports-grid b { font-size: inherit; line-height: 1.5; }
.match-filters { display: grid; grid-template-columns: 1.15fr 1.2fr .9fr .9fr auto; gap: 10px; margin-bottom: 14px; }
.match-filters label { display: grid; gap: 6px; color: #8f8b98; font-size: 9px; font-weight: 800; }
.match-filters select,.match-filters input { width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid var(--brand-line); border-radius: 11px; color: #fff; color-scheme: dark; background: #09080d; font: inherit; }
.match-filters option { color: #fff; background: #13101a; }
.match-filters button { align-self: end; min-height: 44px; padding: 0 18px; border: 0; border-radius: 11px; color: #fff; background: linear-gradient(135deg,var(--brand-red),var(--brand-pink),var(--brand-purple)); font-family: inherit; font-size: 10px; font-weight: 900; cursor: pointer; }
.feed-note { display: flex; align-items: center; gap: 7px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; background: rgba(255,255,255,.025); }
.feed-note b { color: #d8d5dd; font-size: 9px; }.feed-note small { margin-inline-start: auto; color: #777380; font-size: 8px; }
.feed-dot { width: 7px; height: 7px; border-radius: 50%; background: #29d17f; box-shadow: 0 0 12px #29d17f; }
.match-list { display: grid; gap: 9px; margin-top: 12px; }
.match-pagination { display: flex; direction: rtl; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--brand-line); }.match-pagination[hidden] { display: none; }.match-pagination button { min-width: 120px; padding: 11px 16px; border: 1px solid rgba(245,7,120,.36); border-radius: 11px; color: #fff; background: rgba(245,7,120,.08); font-family: inherit; font-size: 11px; font-weight: 900; cursor: pointer; }.match-pagination button:hover:not(:disabled) { background: linear-gradient(135deg,#f50778,#8d13d4); }.match-pagination button:disabled { opacity: .35; cursor: not-allowed; }.match-pagination span { color: #8e8999; font-size: 10px; font-weight: 800; text-align: center; }
.more-matches-menu { position:relative; min-width:120px; }.more-matches-menu summary { padding:11px 16px; border:1px solid rgba(245,7,120,.36); border-radius:11px; color:#fff; background:rgba(245,7,120,.08); font-size:11px; font-weight:900; text-align:center; cursor:pointer; list-style:none; }.more-matches-menu summary::-webkit-details-marker{display:none}.more-matches-menu[hidden]{display:none}.more-matches-menu div{position:absolute; z-index:20; inset-inline-start:0; bottom:calc(100% + 8px); width:220px; padding:8px; border:1px solid var(--brand-line); border-radius:14px; background:#15111c; box-shadow:0 18px 45px rgba(0,0,0,.4)}.more-matches-menu div button{width:100%; min-width:0; margin:3px 0; text-align:start}.match-notify-button{display:block; margin:7px auto 0; padding:5px 8px; border:1px solid rgba(8,169,244,.35); border-radius:8px; color:#5bc8ff; background:rgba(8,169,244,.07); font:inherit; font-size:8px; font-weight:900; cursor:pointer}.match-notify-dialog{width:min(520px,calc(100% - 28px));}.match-notify-heading{display:flex; gap:14px; align-items:center}.match-notify-heading>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:rgba(245,7,120,.1);font-size:24px}.match-notify-heading small{color:var(--brand-pink);font-weight:900}.match-notify-heading h2{margin:4px 0 0}.check-option{display:flex!important;align-items:flex-start;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:12px}.check-option input{width:18px!important;margin:3px 0 0!important;accent-color:var(--brand-pink)}.check-option span,.check-option b,.check-option small{display:block}.check-option b{color:inherit}.check-option small{margin-top:4px;color:#898592}
.match-card { display: grid; grid-template-columns: 58px minmax(120px,.8fr) 1.6fr auto; gap: 14px; align-items: center; padding: 12px 14px; border: 1px solid var(--brand-line); border-radius: 14px; background: rgba(255,255,255,.025); }
.match-thumb,.match-sport-icon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 11px; object-fit: cover; background: rgba(255,255,255,.05); font-size: 22px; }
.match-meta small,.match-teams small { display: block; color: #777380; font-size: 8px; }.match-meta b { color: var(--brand-pink); font-size: 10px; }.match-teams strong { color: #fff; font-size: 12px; }
.match-score { min-width: 72px; text-align: center; }.match-score strong { display: block; color: #fff; font-size: 18px; }.match-score span { color: #888491; font-size: 8px; }
.match-score a { display: block; margin-top: 6px; color: var(--brand-pink); font-size: 8px; font-weight: 900; text-decoration: none; }
.match-score.live strong,.match-score.live span { color: #2be58e; }

.dashboard-preview {
  max-width: 1180px;
  margin: 65px auto 130px;
  padding: 75px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 35px;
  background:
    radial-gradient(circle at 80% 30%,rgba(0,168,247,.13),transparent 32%),
    linear-gradient(130deg,#181020,#090810);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 80px;
  overflow: hidden;
}
.dashboard-copy p { color: #9793a0; font-size: 14px; line-height: 1.9; }
.dashboard-points { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 25px; color: #d8d5dd; font-size: 12px; }
.dashboard-points span::first-letter { color: var(--brand-pink); }
.dashboard-card { direction: rtl; padding: 24px; background: rgba(5,5,10,.85); border: 1px solid rgba(255,255,255,.12); border-radius: 22px; box-shadow: 0 35px 80px rgba(0,0,0,.45); transform: rotate(-2deg); }
.dash-head { display: flex; justify-content: space-between; color: #ddd9e3; font-size: 11px; }
.dash-head i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--brand-pink); margin-left: 4px; }
.dash-head i:nth-child(2) { background: var(--brand-purple); }.dash-head i:nth-child(3) { background: var(--brand-blue); }
.dash-stat { margin-top: 30px; }.dash-stat span { display: block; color: #777381; font-size: 10px; }.dash-stat strong { font-size: 42px; }.dash-stat em { color: #25d17f; font-size: 10px; font-style: normal; margin-right: 8px; }
.dash-bars { height: 130px; display: flex; align-items: end; gap: 12px; margin: 15px 0 25px; border-bottom: 1px solid var(--brand-line); }
.dash-bars i { flex: 1; border-radius: 5px 5px 0 0; background: linear-gradient(var(--brand-pink),var(--brand-purple)); opacity: .8; }
.dash-mini { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.dash-mini span { color: #716d79; font-size: 8px; }.dash-mini b { display: block; color: #fff; font-size: 17px; margin-bottom: 4px; }

.join-section {
  max-width: 1180px;
  margin: 0 auto 120px;
  padding: 70px;
  border-radius: 35px;
  background: linear-gradient(120deg,#d40852,#7516d2 58%,#073a84);
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 60px;
}
.join-copy .eyebrow { color: #fff; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.09); }
.join-copy p { color: rgba(255,255,255,.75); font-size: 13px; line-height: 1.9; }
.join-options { display: grid; gap: 10px; }
.join-options button { width: 100%; display: grid; grid-template-columns: 48px 1fr 30px; grid-template-rows: auto auto; column-gap: 14px; text-align: right; padding: 16px; color: #fff; background: rgba(5,5,10,.35); border: 1px solid rgba(255,255,255,.17); border-radius: 16px; cursor: pointer; font-family: inherit; transition: .2s; }
.join-options button:hover { background: rgba(5,5,10,.58); transform: translateX(-4px); }
.join-options button > span { grid-row: 1/3; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px; background: rgba(255,255,255,.1); font-size: 22px; }
.join-options button b { font-size: 14px; }.join-options button small { color: rgba(255,255,255,.65); font-size: 9px; margin-top: 4px; }
.join-options button i { grid-column: 3; grid-row: 1/3; align-self: center; font-style: normal; font-size: 20px; }
.brand-footer { background: #030306; border-top: 1px solid var(--brand-line); padding: 60px max(6vw,28px) 30px; text-align: right; }
.footer-top { display: flex; justify-content: space-between; align-items: center; gap: 30px; max-width: 1180px; margin: auto; }
.brand-footer .footer-brand { justify-content: start; margin: 0; }
.footer-top p { max-width: 480px; line-height: 1.8; }
.footer-links { max-width: 1180px; margin: 40px auto 25px; padding-top: 25px; border-top: 1px solid var(--brand-line); display: flex; gap: 25px; }
.footer-links a { color: #8d8995; text-decoration: none; font-size: 11px; }
.copyright { max-width: 1180px; margin: auto; color: #55515e; font-size: 10px; }
.brand-site dialog { background: #12101a; color: #fff; border: 1px solid var(--brand-line); }
.brand-site dialog h2 { color: #fff; }.brand-site dialog p,.brand-site .dialog-form label { color: #aaa6b4; }
.brand-site .dialog-form input,.brand-site .dialog-form select,.brand-site .dialog-form textarea { color: #fff; background: #09080d; border-color: var(--brand-line); }
.brand-site .close { color: #fff; background: #24202d; }
.brand-site .result-card { background: #12101a; border-color: var(--brand-line); }.brand-site .result-card h3 { color: #fff; }
.brand-site .results-section .section-heading h2 { color: #fff; }

/* Verified public listing details */
.listing-page-body { min-height: 100vh; }
.listing-detail-shell { max-width: 1080px; margin: 0 auto; padding: 125px 24px 80px; }
.detail-back { display: inline-block; margin-bottom: 18px; color: #aaa6b4; text-decoration: none; font-size: 11px; font-weight: 800; }
.listing-detail-loading { min-height: 360px; display: grid; place-items: center; border: 1px solid var(--brand-line); border-radius: 28px; color: #aaa6b4; background: #100e17; }
.listing-detail-card { overflow: hidden; border: 1px solid var(--brand-line); border-radius: 30px; background: radial-gradient(circle at 10% 10%,rgba(245,7,120,.13),transparent 30%),#0d0b12; }
.listing-detail-hero { display: grid; grid-template-columns: 300px 1fr; gap: 40px; align-items: center; padding: 40px; border-bottom: 1px solid var(--brand-line); }
.listing-detail-image { position: relative; overflow: hidden; min-height: 265px; border-radius: 22px; background: #08070d; }
.listing-detail-image img { width: 100%; height: 265px; display: block; object-fit: cover; }
.listing-detail-image span { position: absolute; inset-inline: 12px; bottom: 12px; padding: 9px; border-radius: 9px; color: #fff; background: rgba(0,0,0,.78); text-align: center; font-size: 8px; }
.listing-detail-title small { display: block; margin-top: 20px; color: var(--brand-pink); font-size: 10px; font-weight: 900; }.listing-detail-title h1 { margin: 8px 0 15px; color: #fff; font-size: clamp(30px,5vw,52px); }.listing-detail-title p { color: #aaa6b4; font-size: 12px; }
.listing-detail-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; padding: 28px 40px 40px; }.listing-detail-grid article { min-height: 190px; padding: 22px; border: 1px solid var(--brand-line); border-radius: 17px; background: rgba(255,255,255,.025); }.listing-detail-grid h2 { margin: 0 0 17px; color: #fff; font-size: 15px; }.listing-detail-grid p,.listing-detail-grid small { color: #8f8b98; line-height: 1.9; font-size: 10px; }
.detail-contact { display: flex; align-items: center; gap: 7px; margin: 9px 0; color: #2ab7ff; text-decoration: none; font-size: 13px; font-weight: 900; }.ltr-value { direction: ltr; unicode-bidi: isolate; display: inline-block; font-variant-numeric: tabular-nums; }.contact-scope-note { margin-top: 14px; padding: 11px; border: 1px solid rgba(255,190,58,.22); border-radius: 10px; color: #ffc65c; background: rgba(255,180,40,.06); font-size: 9px; line-height: 1.7; }.detail-links { display: grid; gap: 8px; margin-bottom: 15px; }.detail-links a,.detail-links .unavailable-link { padding: 10px 12px; border: 1px solid rgba(245,7,120,.25); border-radius: 9px; color: #ff4b8a; text-decoration: none; font-size: 9px; font-weight: 900; }.detail-links .unavailable-link { color: #777280; border-style: dashed; cursor: not-allowed; }
.listing-verification { margin: 0 40px 40px; padding: 22px; border-radius: 17px; color: #fff; background: linear-gradient(120deg,#ad0953,#6612b5); }.listing-verification b { font-size: 15px; }.listing-verification p { color: rgba(255,255,255,.72); font-size: 10px; }.listing-verification a { display: inline-block; padding: 10px 14px; border-radius: 9px; color: #111; background: #fff; text-decoration: none; font-size: 9px; font-weight: 900; }
@media(max-width:760px){.listing-detail-shell{padding:100px 14px 50px}.listing-detail-hero{grid-template-columns:1fr;padding:20px}.listing-detail-grid{grid-template-columns:1fr;padding:18px}.listing-verification{margin:0 18px 18px}.listing-detail-image,.listing-detail-image img{height:230px;min-height:230px}}
.match-detail-card { overflow: hidden; border: 1px solid var(--brand-line); border-radius: 28px; background: #0e0c13; }.match-detail-cover { width: 100%; height: min(390px,42vw); display: block; object-fit: cover; opacity: .78; }.match-detail-content { padding: 36px; }.match-detail-meta { display: flex; align-items: center; gap: 10px; }.match-detail-meta span { color: var(--brand-pink); font-size: 10px; font-weight: 900; }.match-detail-meta b { color: #aaa6b4; font-size: 10px; }.match-detail-meta small { margin-inline-start: auto; padding: 7px 11px; border-radius: 20px; color: #2be58e; background: rgba(43,229,142,.08); font-size: 9px; font-weight: 900; }.match-detail-content h1 { margin: 18px 0 28px; color: #fff; font-size: clamp(27px,4vw,48px); }.match-versus { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; padding: 25px; border: 1px solid var(--brand-line); border-radius: 18px; text-align: center; background: rgba(255,255,255,.025); }.match-versus strong { color: #fff; font-size: 15px; }.match-main-score b { display: block; color: #fff; font-size: 30px; }.match-main-score span { color: #898592; font-size: 9px; }.match-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }.match-facts p { margin: 0; padding: 15px; border: 1px solid var(--brand-line); border-radius: 12px; color: #96919e; font-size: 10px; }.match-facts b { color: #fff; }.match-source-box { margin-top: 16px; padding: 18px; border: 1px solid rgba(245,7,120,.22); border-radius: 14px; background: rgba(245,7,120,.05); }.match-source-box b { color: #fff; font-size: 11px; }.match-source-box p { color: #898592; font-size: 9px; }.match-source-box a { color: var(--brand-pink); font-size: 9px; font-weight: 900; text-decoration: none; }@media(max-width:620px){.match-detail-content{padding:20px}.match-versus{grid-template-columns:1fr;padding:18px}.match-facts{grid-template-columns:1fr}}

/* Login and student dashboard */
.auth-page,.dashboard-page { min-height: 100vh; background: #05050a; color: #fff; }
.auth-main { min-height: calc(100vh - 84px); display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 80px; max-width: 1180px; margin: auto; padding: 70px 30px; }
.auth-promo { position: relative; padding: 55px; border: 1px solid var(--brand-line); border-radius: 34px; overflow: hidden; background: radial-gradient(circle at 15% 20%,rgba(245,7,120,.2),transparent 38%),radial-gradient(circle at 85% 75%,rgba(8,169,244,.16),transparent 42%),#0a0810; }
.auth-promo:after { content: "SPORTDAAR"; position: absolute; inset-inline-start: 32px; bottom: -24px; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.05); font-size: 72px; font-weight: 900; }
.auth-promo h1 { margin: 18px 0; font-size: clamp(42px,5vw,72px); line-height: 1.08; }.auth-promo h1 em { font-style: normal; color: #f50778; }
.auth-promo p { max-width: 570px; color: #aaa6b3; line-height: 1.9; }
.auth-points { display: grid; gap: 14px; margin-top: 34px; }.auth-points span { padding: 14px 18px; border: 1px solid var(--brand-line); border-radius: 14px; background: rgba(255,255,255,.025); }
.auth-card { width: min(100%,480px); justify-self: center; padding: 42px; border: 1px solid var(--brand-line); border-radius: 30px; background: #12101a; box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.auth-logo { width: 70px; height: 70px; object-fit: cover; border-radius: 50%; margin-bottom: 20px; }.auth-card h2 { margin: 8px 0; font-size: 32px; }.auth-card > p { color: #aaa6b3; line-height: 1.7; }
.auth-form { display: grid; gap: 17px; margin-top: 28px; }.auth-form label { display: grid; gap: 8px; font-size: 13px; font-weight: 800; color: #d8d4df; }.auth-form input { width: 100%; padding: 15px 16px; color: #fff; background: #09080d; border: 1px solid var(--brand-line); border-radius: 13px; font: inherit; }.auth-form button { width: 100%; margin-top: 4px; }
.auth-register-link { margin: 24px 0 0!important; text-align: center; font-size: 13px; }.auth-register-link a { color: #f50778; font-weight: 900; }
.dashboard-header { position: sticky; top: 0; z-index: 20; }.dashboard-logout { color: #fff; border-color: var(--brand-line); }
.student-dashboard { max-width: 1240px; margin: auto; padding: 58px 28px 90px; }
.dashboard-welcome { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 34px; }.dashboard-welcome h1 { margin: 8px 0; color: #fff; font-size: clamp(30px,4vw,52px); }.dashboard-welcome h1 strong { color: #f50778; }.dashboard-welcome p { color: #aaa6b3; }
.dashboard-account-status { padding: 10px 15px; color: #7fffc6; border: 1px solid rgba(57,255,171,.25); border-radius: 99px; background: rgba(57,255,171,.08); font-size: 12px; font-weight: 900; }
.student-stat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-bottom: 20px; }.student-stat-grid article { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4px 15px; padding: 25px; border: 1px solid var(--brand-line); border-radius: 20px; background: #12101a; }.student-stat-grid article > span { grid-row: 1/3; font-size: 28px; }.student-stat-grid b { font-size: 27px; }.student-stat-grid small { color: #8e8999; }
.dashboard-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 20px; }.dashboard-panel { padding: 28px; border: 1px solid var(--brand-line); border-radius: 24px; background: #12101a; }.panel-title { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 24px; }.panel-title h2 { margin: 7px 0 0; }.profile-avatar { display: grid; place-items: center; width: 58px; height: 58px; overflow: hidden; border-radius: 18px; color: #fff; background: linear-gradient(135deg,#f50778,#8d13d4,#08a9f4); font-size: 23px; font-weight: 900; }.profile-avatar img { width: 100%; height: 100%; object-fit: cover; }.profile-avatar i { font-style: normal; }
.student-photo-field { margin: 22px 0 26px; }
.profile-panel dl { display: grid; gap: 0; margin: 0; }.profile-panel dl div { display: grid; grid-template-columns: 130px 1fr; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--brand-line); }.profile-panel dt { color: #8e8999; font-size: 12px; }.profile-panel dd { margin: 0; overflow-wrap: anywhere; unicode-bidi: plaintext; text-align: start; font-size: 13px; font-weight: 700; }
.student-sports { margin-top: 25px; }.student-sports > strong { display: block; margin-bottom: 12px; }.student-sports div { display: flex; flex-wrap: wrap; gap: 8px; }.student-sports span { padding: 8px 12px; color: #ffb8d3; border: 1px solid rgba(245,7,120,.25); border-radius: 99px; background: rgba(245,7,120,.08); font-size: 12px; font-weight: 800; }
.dashboard-empty { display: grid; place-items: center; min-height: 260px; padding: 25px; text-align: center; border: 1px dashed var(--brand-line); border-radius: 18px; }.dashboard-empty span { font-size: 36px; }.dashboard-empty p { margin: 0; color: #8e8999; font-size: 13px; }
.student-booking { display: flex; justify-content: space-between; gap: 20px; padding: 17px 0; border-bottom: 1px solid var(--brand-line); }.student-booking > div { display: grid; gap: 5px; }.student-booking small,.student-booking span { color: #8e8999; font-size: 11px; }.student-booking > div:last-child { text-align: end; }
.notification-grid{margin-top:20px}.student-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--brand-line)}.student-notice>span{color:var(--brand-pink)}.student-notice b,.student-notice small{display:block}.student-notice small,.student-notice p{margin:4px 0 0;color:#8e8999;font-size:11px;line-height:1.6}
.dashboard-discover { display: flex; justify-content: space-between; align-items: center; gap: 25px; margin-top: 20px; padding: 30px; border: 1px solid rgba(245,7,120,.27); border-radius: 24px; background: linear-gradient(110deg,rgba(245,7,120,.13),rgba(141,19,212,.08),rgba(8,169,244,.08)); }.dashboard-discover h2 { margin: 7px 0 0; }.dashboard-discover > div:last-child { display: flex; gap: 10px; }.dashboard-discover .outline-dark { color: #fff; border-color: var(--brand-line); }
.activity-panel { margin-top: 20px; background: radial-gradient(circle at 85% 5%,rgba(8,169,244,.12),transparent 35%),radial-gradient(circle at 10% 100%,rgba(245,7,120,.11),transparent 38%),#12101a; }
.activity-title p { max-width: 720px; margin: 8px 0 0; color: #918c9c; font-size: 12px; line-height: 1.8; }.activity-goal-badge { display: grid; place-items: center; min-width: 70px; height: 70px; border: 1px solid rgba(8,169,244,.35); border-radius: 50%; color: #72d8ff; background: rgba(8,169,244,.08); font-size: 19px; font-weight: 900; }
.activity-progress { height: 10px; overflow: hidden; border-radius: 99px; background: #08070d; }.activity-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#08a9f4,#8d13d4,#f50778); transition: width .5s ease; }
.activity-summary-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 20px 0; }.activity-summary-grid article { display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; align-items: center; padding: 18px; border: 1px solid var(--brand-line); border-radius: 16px; background: rgba(7,6,11,.58); }.activity-summary-grid article > span { grid-row: 1/3; font-size: 23px; }.activity-summary-grid b { font-size: 20px; }.activity-summary-grid small { color: #8e8999; font-size: 10px; }
.walk-tracker { padding: 22px; border: 1px solid rgba(245,7,120,.24); border-radius: 19px; background: rgba(5,4,9,.55); }.live-walk-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 18px; }.live-walk-stats div { padding: 12px; border-inline-start: 2px solid rgba(245,7,120,.35); }.live-walk-stats small,.live-walk-stats b { display: block; }.live-walk-stats small { color: #827d8a; font-size: 9px; }.live-walk-stats b { margin-top: 5px; font-size: 19px; }.walk-actions { display: flex; gap: 10px; }.walk-actions button { flex: 1; }.walk-status { margin: 14px 0 0; color: #9893a1; font-size: 10px; line-height: 1.7; }
.activity-lower-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 20px; margin-top: 20px; }.goal-form { align-self: start; padding: 18px; border: 1px solid var(--brand-line); border-radius: 16px; }.goal-form label { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; color: #aaa6b3; font-size: 11px; }.goal-form label input { grid-column: 1/2; width: 100%; padding: 12px; color: #fff; background: #08070d; border: 1px solid var(--brand-line); border-radius: 10px; font: inherit; }.goal-form label span { grid-column: 2; grid-row: 2; }.goal-form button { width: 100%; margin-top: 12px; }.recent-activities > strong { display: block; margin-bottom: 10px; }.recent-activities article { display: flex; justify-content: space-between; gap: 15px; padding: 12px 0; border-bottom: 1px solid var(--brand-line); }.recent-activities article div { display: grid; gap: 4px; }.recent-activities article small,.recent-activities article > span,.recent-activities p { color: #8e8999; font-size: 10px; }.recent-activities article > span { text-align: end; }
.dashboard-page .outline-dark { color: #fff; background: transparent; border-color: var(--brand-line); }
.dashboard-page .outline-dark:hover { background: rgba(255,255,255,.07); }
.dashboard-loading { display: grid; place-items: center; min-height: calc(100vh - 84px); color: #aaa6b3; }.dashboard-loading[hidden] { display: none; }.dashboard-loading img { width: 80px; border-radius: 50%; animation: dashboardPulse 1.4s ease-in-out infinite; }@keyframes dashboardPulse { 50% { transform: scale(1.08); filter: drop-shadow(0 0 24px rgba(245,7,120,.45)); } }
@media (max-width:850px) { .auth-main { grid-template-columns: 1fr; gap: 25px; padding: 35px 16px 65px; }.auth-promo { padding: 34px 25px; }.auth-promo h1 { font-size: 42px; }.auth-card { padding: 30px 22px; }.dashboard-welcome,.dashboard-discover { align-items: flex-start; flex-direction: column; }.student-stat-grid,.dashboard-grid,.activity-lower-grid { grid-template-columns: 1fr; }.dashboard-discover > div:last-child { width: 100%; flex-direction: column; }.dashboard-discover a { text-align: center; }.profile-panel dl div { grid-template-columns: 105px 1fr; }.activity-title { align-items: flex-start; }.activity-summary-grid { grid-template-columns: 1fr; }.walk-actions { flex-direction: column; } }

/* Full branded registration page */
.coach-registration-body { min-height: 100vh; }
.coach-registration-body .registration-header { background: rgba(5,5,10,.87); border-color: var(--brand-line); }
.coach-registration-body .back-link { color: #bbb7c4; }
.coach-registration-body .registration-main {
  max-width: 1280px;
  min-height: calc(100vh - 92px);
  grid-template-columns: .82fr 1.18fr;
  align-items: center;
  padding: 75px 32px 100px;
  gap: 80px;
}
.coach-registration-body .registration-intro { top: 140px; padding: 0; }
.coach-registration-body .registration-intro h1 { color: #fff; font-size: clamp(45px,5vw,68px); line-height: 1.38; letter-spacing: 0; margin-top: 12px; padding-block: .04em; }
.coach-registration-body .registration-intro > p { color: #9b97a4; font-size: 14px; max-width: 520px; }
.coach-registration-body .registration-benefits { color: #fff; gap: 12px; }
.coach-registration-body .registration-benefits > div { display: flex; align-items: center; gap: 13px; padding: 13px 0; border-bottom: 1px solid var(--brand-line); }
.coach-registration-body .registration-benefits span { flex: 0 0 31px; width: 31px; height: 31px; margin: 0; background: linear-gradient(135deg,var(--brand-red),var(--brand-purple)); }
.coach-registration-body .registration-benefits p { margin: 0; }
.coach-registration-body .registration-benefits b,.coach-registration-body .registration-benefits small { display: block; }
.coach-registration-body .registration-benefits b { font-size: 13px; }.coach-registration-body .registration-benefits small { color: #777381; font-size: 9px; margin-top: 4px; }
.coach-stage-note { margin-top: 25px; display: flex; gap: 12px; font-size: 10px; color: #7e7a88; }
.coach-stage-note b { color: var(--brand-pink); }
.coach-registration-body .registration-card {
  color: #fff;
  background: linear-gradient(145deg,rgba(21,17,32,.98),rgba(11,9,17,.98));
  border-color: var(--brand-line);
  box-shadow: 0 40px 100px rgba(0,0,0,.45);
  padding: 38px;
}
.registration-card-head { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 35px; padding-bottom: 25px; border-bottom: 1px solid var(--brand-line); }
.registration-card-head small { color: var(--brand-pink); font-size: 9px; }.registration-card-head h2 { color: #fff; font-size: 22px; margin: 6px 0 0; }
.registration-card-head .form-progress { margin: 0; }
.coach-registration-body .form-progress span { background: #25212d; color: #76717e; }
.coach-registration-body .form-progress span.active { color: #fff; background: linear-gradient(135deg,var(--brand-red),var(--brand-purple)); }
.coach-registration-body .form-progress i { background: #302b39; width: 50px; }
.coach-registration-body .full-registration-form legend { color: #fff; font-size: 21px; }
.coach-registration-body .full-registration-form fieldset > p { color: #777380; }
.coach-registration-body .form-grid label { color: #aaa6b2; }
.coach-registration-body .form-grid input,
.coach-registration-body .form-grid select,
.coach-registration-body .full-registration-form textarea {
  color: #fff;
  background: #08070d;
  border-color: rgba(255,255,255,.12);
  border-radius: 12px;
}
.coach-registration-body .form-grid input::placeholder,
.coach-registration-body textarea::placeholder { color: #4f4b57; }
.coach-registration-body .form-grid select option { color: #111; }
.coach-registration-body select {
  color-scheme: dark;
  color: #fff !important;
  background-color: #17131f !important;
  border-color: rgba(255,255,255,.24) !important;
  font-weight: 700;
  cursor: pointer;
}
.coach-registration-body select:hover { border-color: rgba(245,7,120,.65) !important; }
.coach-registration-body select option {
  color: #111827 !important;
  background: #fff !important;
  font-weight: 600;
  padding: 10px;
}
.coach-registration-body .form-grid label,
.coach-registration-body .sports-choice > strong { color: #d0ccd7; }
.coach-registration-body .sports-checkboxes span {
  color: #f4f1fa;
  background: #17131f;
  border-color: rgba(255,255,255,.78);
  font-size: 13px;
  line-height: 1.35;
}
.coach-registration-body .sports-checkboxes span:hover {
  color: #fff;
  border-color: #5bc9fb;
  background: #242035;
}
.coach-registration-body .sports-checkboxes input:checked + span {
  color: #c50061;
  border-color: #ff4a98;
  background: #fff0f7;
  box-shadow: 0 0 0 3px rgba(245,7,120,.17);
}
.coach-registration-body .form-grid input:focus,
.coach-registration-body .form-grid select:focus,
.coach-registration-body .full-registration-form textarea:focus { border-color: var(--brand-pink); box-shadow: 0 0 0 3px rgba(245,7,120,.1); }
.coach-registration-body .secure-upload-note { background: rgba(0,168,247,.07); border-color: rgba(0,168,247,.22); color: #b5dff5; display: flex; gap: 7px; flex-direction: column; }
.coach-registration-body .secure-upload-note b { color: #fff; }
.coach-registration-body .consent-row { color: #9994a1; }
.coach-registration-body .registration-summary { border-color: var(--brand-line); }.coach-registration-body .registration-summary div { border-color: var(--brand-line); }
.coach-registration-body .registration-summary span { color: #777280; }
.coach-registration-body .outline-dark { color: #fff; background: transparent; border-color: rgba(255,255,255,.2); }
.coach-registration-body .form-navigation .primary { background: linear-gradient(135deg,var(--brand-red),var(--brand-pink),var(--brand-purple)); }
.coach-registration-body .form-error { color: #ff87aa; background: rgba(245,7,120,.09); padding: 12px; border-radius: 10px; }
.coach-registration-body .registration-success h2 { color: #fff; }.coach-registration-body .registration-success p { color: #aaa6b2; }
.registration-footer { color: #5e5966; text-align: center; border-top: 1px solid var(--brand-line); padding: 25px; font-size: 10px; }
.protected-image-field { margin-bottom: 24px; padding: 18px; border: 1px solid rgba(245,7,120,.22); border-radius: 16px; background: rgba(245,7,120,.045); }
.protected-image-field > div:first-child { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 13px; }
.protected-image-field strong,.protected-image-field small { display: block; }
.protected-image-field strong { color: inherit; font-size: 12px; }
.protected-image-field small { color: #777280; font-size: 9px; }
.image-drop { min-height: 105px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 1px dashed rgba(245,7,120,.45); border-radius: 13px; background: rgba(0,0,0,.18); cursor: pointer; text-align: center; }
.image-drop:hover { border-color: var(--brand-pink,#f50778); background: rgba(245,7,120,.07); }
.image-drop input { position: absolute; width: 1px !important; height: 1px; opacity: 0; pointer-events: none; }
.image-drop > span { font-size: 25px; }.image-drop > b { color: inherit; font-size: 11px; }.image-drop > small { font-size: 8px; }
.upload-previews { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 12px; }
.upload-preview-item { position: relative; overflow: hidden; min-height: 92px; border-radius: 10px; background: #08070d; }
.upload-preview-item img { width: 100%; height: 92px; display: block; object-fit: cover; }
.upload-preview-item span { position: absolute; right: 5px; bottom: 5px; padding: 4px 6px; border-radius: 6px; color: #fff; background: rgba(5,5,10,.75); font-size: 7px; }
.protected-image-field.compact { color: var(--ink); margin: 5px 0 0; }
.brand-site .protected-image-field.compact { color: #fff; }
.dialog-form .protected-image-field { margin-bottom: 0; }
.location-capture { padding: 17px; border: 1px solid rgba(0,168,247,.24); border-radius: 15px; background: rgba(0,168,247,.055); }
.location-capture > div { margin-bottom: 12px; }
.location-capture b,.location-capture small { display: block; }
.location-capture b { color: inherit; font-size: 12px; }
.location-capture small { color: #777481; font-size: 9px; line-height: 1.7; margin-top: 4px; }
.location-button { padding: 11px 15px; border: 1px solid rgba(0,168,247,.35); border-radius: 10px; color: #5bc9fb; background: rgba(0,168,247,.08); font-family: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
.location-button:hover,.location-button.captured { color: #fff; background: #008dcc; }
.location-button:disabled { opacity: .6; cursor: wait; }
.location-status { color: #777481; font-size: 9px; margin: 10px 0 0; }
.location-status small { display: inline; margin-inline-start: 7px; }
.location-map { width: 100%; height: 250px; margin-top: 14px; border: 0; border-radius: 12px; background: #fff; }
.password-field { position: relative; display: block; margin-top: 7px; }
.password-field input { margin-top: 0 !important; padding-inline-end: 72px !important; }
.password-toggle { position: absolute; inset-inline-end: 8px; top: 50%; transform: translateY(-50%); border: 0; border-radius: 7px; padding: 6px 8px; color: #5bc9fb; background: rgba(0,168,247,.12); font: 700 10px inherit; cursor: pointer; }
.intl-phone { display: flex; direction: ltr; gap: 7px; margin-top: 7px; }.intl-phone input { margin-top: 0 !important; direction: ltr; }.intl-phone .dial-code { flex: 0 0 130px; margin-top: 0 !important; font-size: 10px; }
.availability-note { display: block; margin-top: 5px; font-size: 9px; font-weight: 700; }.availability-note.available { color: #4bd89c; }.availability-note.taken { color: #ff86a7; }
.certificate-entry { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.12); }.certificate-entry:last-child { border-bottom: 0; }.add-certificate-button { width: 100%; margin: 0 0 22px; padding: 12px; color: #fff; background: rgba(0,168,247,.12); border: 1px dashed rgba(0,168,247,.65); border-radius: 12px; font: 800 11px inherit; cursor: pointer; }
.dialog-form .location-capture { color: var(--ink); }
.brand-site .dialog-form .location-capture { color: #fff; }
.certificate-upload { margin-top: 18px; }
.facility-list { display: grid; gap: 13px; }
.facility-item { padding: 18px; border: 1px solid rgba(255,255,255,.11); border-radius: 16px; background: rgba(0,0,0,.18); }
.facility-item-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.facility-item-head b { font-size: 12px; }
.remove-facility { border: 0; color: #ff5c86; background: rgba(255,23,79,.08); border-radius: 8px; padding: 7px 10px; font-family: inherit; font-size: 9px; font-weight: 800; cursor: pointer; }
.add-facility-button { width: 100%; margin: 13px 0 25px; padding: 13px; border: 1px dashed rgba(245,7,120,.45); border-radius: 12px; color: #ff4a88; background: rgba(245,7,120,.05); font-family: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.facility-indoor { display: flex; align-items: center; gap: 8px; align-self: end; min-height: 46px; }
.facility-indoor input { width: auto !important; margin: 0 !important; accent-color: var(--brand-pink); }
.facility-indoor span { color: #aaa6b2; font-size: 10px; }
.venue-images-field { margin-top: 0; }
.verification-main { min-height: calc(100vh - 84px); display: grid; place-items: center; padding: 58px 18px 80px; background: radial-gradient(circle at 15% 20%,rgba(245,7,120,.14),transparent 35%),radial-gradient(circle at 85% 25%,rgba(0,168,247,.12),transparent 34%),#06050a; }
.verification-card { width: min(100%,560px); padding: 42px; color: #fff; border: 1px solid var(--brand-line); border-radius: 28px; background: linear-gradient(145deg,rgba(25,18,35,.98),rgba(10,8,15,.98)); box-shadow: 0 35px 90px rgba(0,0,0,.48); }
.verification-card h1 { margin: 8px 0 10px; font-size: clamp(30px,6vw,44px); }.verification-card > p { color: #a6a1ae; line-height: 1.8; }
.verification-channels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 25px 0; }
.verification-channels button { display: grid; gap: 5px; justify-items: start; padding: 15px; color: #ddd8e4; border: 1px solid var(--brand-line); border-radius: 14px; background: #0b0910; font: inherit; cursor: pointer; text-align: start; }
.verification-channels button.active { color: #fff; border-color: var(--brand-pink); background: rgba(245,7,120,.1); box-shadow: 0 0 0 3px rgba(245,7,120,.08); }.verification-channels button small { color: #8e8996; font-size: 9px; }
.verification-page .auth-form input { direction: ltr; text-align: center; font-size: 24px; font-weight: 900; letter-spacing: 7px; }
.verification-destination,.verification-help { color: #8f8a97 !important; font-size: 10px; }.verification-destination { margin-top: -4px; }
.verification-success { text-align: center; padding-top: 20px; }.verification-success > span { display: grid; place-items: center; width: 68px; height: 68px; margin: auto; border-radius: 50%; color: #fff; background: linear-gradient(135deg,var(--brand-red),var(--brand-purple)); font-size: 28px; }.verification-success h2 { margin: 18px 0 8px; }.verification-success p { color: #aaa4b2; line-height: 1.8; }.verification-success .primary { display: inline-flex; margin-top: 15px; text-decoration: none; }
.is-english h1,
.is-english h2 { letter-spacing: -2px; }
.is-english .brand-hero h1 { line-height: 1.12; }
.is-english .brand-header nav { direction: ltr; }

@media (max-width: 1200px) and (min-width: 981px) {
  .brand-header { padding-inline: 24px; gap: 20px; }
  .brand-header nav { gap: 22px; }
  .brand-header .header-actions { gap: 8px; }
  .brand-header .brand strong { font-size: 16px; }
  .brand-hero { grid-template-columns: 1fr .86fr; gap: 25px; padding-inline: 35px; }
  .brand-hero h1 { font-size: 59px; line-height: 1.34; }
  .dark-search { grid-template-columns: 1fr 1fr; }
  .dark-search .search-button { grid-column: 1/-1; width: 100%; }
}

@media (max-width: 980px) {
  .brand-header nav { display: none; }
  .brand-hero { grid-template-columns: 1fr; padding-top: 70px; }
  .brand-hero .hero-copy { justify-self: stretch; }
  .brand-visual { min-height: 560px; }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .feature-large { grid-column: span 2; }
  .roadmap-section { grid-template-columns: 1fr; gap: 45px; }
  .roadmap-heading { position: static; }
  .dashboard-preview { margin-inline: 24px; padding: 55px 40px; gap: 45px; }
  .join-section { margin-inline: 24px; padding: 50px 40px; }
  .sports-hub-section { margin-inline: 24px; padding: 50px 40px; }
  .coach-registration-body .registration-main { grid-template-columns: 1fr; gap: 50px; align-items: start; }
  .coach-registration-body .registration-intro { position: static; max-width: 750px; }
}
@media (max-width: 680px) {
  .brand-header { height: 76px; padding-inline: 16px; }
  .brand-header .brand-logo { width: 44px; height: 44px; }
  .brand-header .brand > span { display: none; }
  .coach-registration-body .back-link { display: none; }
  .brand-hero { padding: 55px 17px 95px; }
  .brand-hero h1 { font-size: 49px; letter-spacing: -2px; }
  .brand-hero .hero-copy > p { font-size: 14px; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .ghost-action { text-align: center; padding: 10px; }
  .dark-search { grid-template-columns: 1fr; }
  .dark-search .search-button { grid-column: auto; }
  .brand-visual { min-height: 440px; }
  .visual-glow { width: 300px; height: 300px; }
  .sport-orbit { width: 285px; }
  .sport-orbit img { width: 105px; height: 105px; }
  .orbit-item { width: 50px; height: 50px; font-size: 21px; }
  .floating-card { padding: 11px; }
  .floating-top { top: 35px; }.floating-bottom { bottom: 30px; }
  .platform-numbers { width: 100%; margin: 0; border-radius: 0; grid-template-columns: 1fr 1fr; }
  .platform-numbers div:nth-child(2) { border-left: 0; }.platform-numbers div:nth-child(-n+2) { border-bottom: 1px solid var(--brand-line); }
  .discover-section { padding: 90px 17px; }
  .discover-section .section-heading { display: block; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-large { grid-column: auto; }
  .roadmap-section { padding: 70px 17px; }
  .dashboard-preview { margin: 20px 15px 90px; padding: 38px 22px; grid-template-columns: 1fr; }
  .dashboard-card { transform: none; }
  .join-section { margin: 0 15px 80px; padding: 38px 20px; grid-template-columns: 1fr; gap: 30px; }
  .sports-hub-section { margin: 0 15px 80px; padding: 35px 18px; }
  .sports-hub-heading { display: block; }
  .sports-hub-heading > p { margin-top: 18px; }
  .hub-tabs { justify-content: start; }
  .hub-tabs button { flex: 0 0 auto; }
  .hub-panel { padding: 20px 15px; }
  .individual-grid { grid-template-columns: 1fr; }
  .duo-sports-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .individual-coming { align-items: flex-start; flex-direction: column; }
  .match-filters { grid-template-columns: 1fr 1fr; }
  .match-filters button { grid-column: span 2; }
  .match-card { grid-template-columns: 52px 1fr auto; gap: 10px; }
  .match-pagination { gap: 7px; }.match-pagination button { min-width: 86px; padding-inline: 9px; }.match-pagination span { font-size: 8px; }
  .match-meta { grid-column: 2; }.match-teams { grid-column: 1 / -1; }
  .tournament-card { grid-template-columns: 52px 1fr; }
  .coming-pill { grid-column: 1/-1; justify-self: start; }
  .footer-top { display: block; }.footer-top p { margin-top: 25px; }.footer-links { flex-wrap: wrap; }
  .coach-registration-body .registration-main { padding: 48px 14px 70px; }
  .coach-registration-body .registration-intro h1 { font-size: 36px; line-height: 1.42; letter-spacing: 0; overflow-wrap: anywhere; }
  .coach-registration-body .registration-intro > p { font-size: 12px; }
  .coach-registration-body .registration-benefits > div { min-width: 0; }
  .coach-registration-body .registration-benefits p { min-width: 0; }
  .coach-registration-body .registration-card { padding: 25px 17px; border-radius: 22px; }
  .registration-card-head { display: block; }
  .registration-card-head .form-progress { margin-top: 25px; }
  .language-switcher button { padding: 5px 6px; font-size: 9px; }
  .coach-registration-body .registration-main { width: 100%; overflow: hidden; }
  .coach-registration-body .registration-card,.full-registration-form,.form-grid label { min-width: 0; }
  .form-grid input,.form-grid select,.full-registration-form textarea { min-height: 48px; font-size: 16px; }
  .birth-date-fields { grid-template-columns: 1fr; direction: inherit; }
  .form-navigation { position: sticky; bottom: 0; z-index: 5; margin: 22px -17px -25px; padding: 12px 17px calc(12px + env(safe-area-inset-bottom)); background: rgba(10,8,15,.96); border-top: 1px solid var(--brand-line); backdrop-filter: blur(15px); }
  .form-navigation button { min-height: 48px; }
  .upload-previews { grid-template-columns: repeat(2,1fr); }
  .location-map { height: 210px; }
  .verification-main { place-items: start center; padding: 28px 12px 55px; }
  .verification-card { padding: 28px 18px; border-radius: 22px; }
  .verification-channels { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .brand-header .link-button{display:inline-flex!important;align-items:center;color:#fff;text-decoration:none;font-size:9px;white-space:nowrap}
  .brand-header .header-actions{gap:5px}.brand-header .header-register{padding:9px 10px;font-size:9px}.brand-header .language-switcher{padding:3px}.brand-header .language-switcher button{padding:4px 5px;font-size:8px}
  .results-heading{display:flex!important;gap:16px}.results-close{max-width:135px;padding:9px 10px;font-size:9px}
}

/* Train Me: dark personal planning experience */
.train-me-page { min-height:100vh; background:radial-gradient(circle at 10% 10%,rgba(245,7,120,.17),transparent 25%),radial-gradient(circle at 90% 45%,rgba(8,169,244,.13),transparent 28%),#05050a; color:#fff; }
.train-me-auth-loading{display:none}.train-me-page.auth-checking .site-header,.train-me-page.auth-checking .train-me-main{visibility:hidden}.train-me-page.auth-checking .train-me-auth-loading{display:grid;place-items:center;min-height:100vh;color:#d7d3dd;font-weight:800}
.train-me-page .registration-header { background:rgba(5,5,10,.9); border-color:var(--brand-line); }.train-me-page .back-link { color:#d7d3dd; }
.train-me-header-actions { display:flex; align-items:center; gap:10px; }.train-me-page .train-me-header-actions .outline-dark { color:#fff!important; background:transparent!important; border-color:var(--brand-line)!important; }
.train-me-main { width:min(1100px,calc(100% - 36px)); margin:auto; padding:62px 0 95px; }.train-me-hero { max-width:650px; margin-bottom:35px; }.train-me-hero h1 { margin:10px 0; font-size:clamp(42px,7vw,74px); line-height:1; }.train-me-hero h1 em { color:#f50778; font-style:normal; }.train-me-hero p { color:#aaa6b3; line-height:1.9; }
.train-me-tabs { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }.train-me-tabs a { padding:11px 16px; border:1px solid var(--brand-line); border-radius:99px; color:#fff; text-decoration:none; font-size:13px; }.train-me-tabs a:first-child { background:linear-gradient(135deg,#f50778,#8d13d4); border-color:transparent; }
.train-me-card { margin-top:20px; padding:34px; border:1px solid var(--brand-line); border-radius:28px; background:linear-gradient(145deg,rgba(22,18,34,.98),rgba(10,8,16,.98)); box-shadow:0 30px 80px rgba(0,0,0,.3); }.train-me-card .registration-card-head h2 { font-size:28px; }.train-me-card .registration-card-head p { max-width:650px; margin:8px 0 0; color:#a8a3b1; line-height:1.7; font-size:13px; }
.train-me-card .form-grid label { color:#d2cdd8; }.train-me-card .form-grid input,.train-me-card .form-grid select,.train-me-card textarea { color:#fff; background:#09080e; border-color:rgba(255,255,255,.13); }.train-me-card .form-grid input:focus,.train-me-card .form-grid select:focus,.train-me-card textarea:focus { border-color:#f50778; box-shadow:0 0 0 3px rgba(245,7,120,.13); }.train-me-card .form-grid small { color:#898390; }
.smart-plan-form { display:grid; gap:20px; }.notification-choice { display:flex; align-items:flex-start; gap:10px; color:#c3bec9; font-size:12px; line-height:1.7; }.notification-choice input { margin-top:4px; accent-color:#f50778; }.smart-plan-form .primary { width:fit-content; min-width:190px; }.form-note { margin:0; color:#8e8999; font-size:11px; }
.reminder-actions { display:flex; align-items:center; gap:14px; }.reminder-actions small { color:#9d98a5; font-size:11px; }.train-me-page .reminder-actions .outline-dark { color:#fff!important; background:transparent!important; border-color:var(--brand-line)!important; }
.health-check { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; padding:18px; border:1px solid rgba(245,7,120,.28); border-radius:16px; }.health-check legend { color:#f8a5cf; font-weight:900; padding:0 6px; }.health-check p,.health-check .health-confirm { grid-column:1/-1; }.health-check p { margin:0; color:#9e98a5; font-size:11px; }.health-check label { color:#ddd8e0; font-size:12px; }.health-check input { accent-color:#f50778; }.health-check .health-confirm { padding-top:8px; border-top:1px solid var(--brand-line); line-height:1.7; }
.legal-check,.reminder-box { display:grid; gap:10px; padding:18px; border:1px solid var(--brand-line); border-radius:16px; }.legal-check legend,.reminder-box legend { color:#72d8ff; font-weight:900; padding:0 6px; }.legal-check p { margin:0; color:#9e98a5; font-size:11px; }.legal-check label { color:#ddd8e0; font-size:12px; }.legal-check input { accent-color:#f50778; }.legal-check a { color:#f8a5cf; font-weight:900; }.plan-form-error { min-height:18px; margin:0; color:#ff9ecb; font-size:12px; font-weight:800; }
.meal-plan { margin-top:25px; padding-top:22px; border-top:1px solid var(--brand-line); }.meal-plan h3 { margin:0 0 6px; }.meal-plan > p { margin:0 0 14px; color:#9d98a5; font-size:12px; }.meal-plan > div { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }.meal-plan article { padding:15px; border:1px solid var(--brand-line); border-radius:14px; background:rgba(255,255,255,.025); }.meal-plan b,.meal-plan strong,.meal-plan small { display:block; }.meal-plan b { color:#f8a5cf; font-size:10px; }.meal-plan strong { margin:6px 0; }.meal-plan small { color:#9b96a2; line-height:1.6; font-size:11px; }.health-stop { padding:12px; }.health-stop span { color:#f8a5cf; font-size:11px; font-weight:900; }.health-stop h2 { margin:8px 0; }.health-stop p { color:#c4bec8; line-height:1.8; }
.ai-exercise-visual { overflow:hidden; margin:22px 0; border:1px solid rgba(8,169,244,.3); border-radius:18px; background:#09080e; }.ai-exercise-visual img { display:block; width:100%; max-height:390px; object-fit:cover; }.ai-exercise-visual small { display:block; padding:10px 14px; color:#9d98a5; font-size:10px; }.weekly-split { display:grid; gap:9px; margin:20px 0; padding:18px; border:1px solid rgba(245,7,120,.28); border-radius:16px; }.weekly-split h3,.weekly-split p { margin:0; }.workout-day { padding:12px; border:1px solid var(--brand-line); border-radius:10px; color:#f2eff4; background:rgba(255,255,255,.035); font:inherit; font-size:12px; text-align:right; cursor:pointer; }.workout-day:hover { border-color:#f50778; background:rgba(245,7,120,.12); }.weekly-split p { color:#f8a5cf; font-size:12px; line-height:1.7; }.exercise-detail { display:grid; grid-template-columns:190px 1fr; gap:20px; align-items:center; margin:20px 0; padding:18px; border:1px solid rgba(8,169,244,.32); border-radius:16px; background:rgba(8,169,244,.05); }.exercise-detail span { color:#72d8ff; font-size:10px; font-weight:900; }.exercise-detail h3 { margin:7px 0; }.exercise-detail ul { margin:0; padding-right:18px; color:#e7e2ea; font-size:12px; line-height:1.9; }.exercise-detail p { margin:8px 0 0; color:#f8a5cf; font-size:11px; }.exercise-thumb { height:155px; overflow:hidden; border-radius:12px; background:#08070d; }.exercise-thumb img { width:100%; height:100%; object-fit:cover; }.exercise-thumb.chest img { object-position:left top; }.exercise-thumb.back img { object-position:right top; }.exercise-thumb.shoulders img { object-position:left bottom; }.exercise-thumb.legs img,.exercise-thumb.cardio img { object-position:right bottom; }
.exercise-detail{display:block}.exercise-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.exercise-list article{display:grid;grid-template-columns:105px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid var(--brand-line);border-radius:12px;background:rgba(0,0,0,.22)}.exercise-list b,.exercise-list small{display:block}.exercise-list b{font-size:12px}.exercise-list small{margin-top:5px;color:#96919e;font-size:10px;line-height:1.5}.exercise-tile{display:block;height:82px;border-radius:8px;background-image:url('/assets/exercise-guide-ai.png');background-size:400% 300%;background-repeat:no-repeat}.tile-0{background-position:0 0}.tile-1{background-position:33.333% 0}.tile-2{background-position:66.666% 0}.tile-3{background-position:100% 0}.tile-4{background-position:0 50%}.tile-5{background-position:33.333% 50%}.tile-6{background-position:66.666% 50%}.tile-7{background-position:100% 50%}.tile-8{background-position:0 100%}.tile-9{background-position:33.333% 100%}.tile-10{background-position:66.666% 100%}.tile-11{background-position:100% 100%}
.smart-plan-result { margin-top:30px; padding:26px; border:1px solid rgba(8,169,244,.28); border-radius:20px; background:radial-gradient(circle at 100% 0,rgba(8,169,244,.13),transparent 32%),rgba(5,5,10,.45); }.plan-result-head span { color:#72d8ff; font-size:10px; font-weight:900; }.plan-result-head h2 { margin:7px 0; font-size:28px; }.plan-result-head p { color:#b5b0ba; }.plan-timeline { display:grid; gap:0; margin-top:22px; }.plan-timeline article { display:grid; grid-template-columns:100px 1fr; gap:17px; padding:16px 0; border-bottom:1px solid var(--brand-line); }.plan-timeline article:last-child { border:0; }.plan-timeline b { color:#f8a5cf; font-size:15px; }.plan-timeline strong,.plan-timeline small { display:block; }.plan-timeline small { margin-top:4px; color:#9a95a2; font-size:12px; line-height:1.5; }.plan-disclaimer { margin:15px 0 0; color:#88828f; font-size:11px; }
@media (max-width:680px){ .train-me-main { width:min(100% - 26px,1100px); padding-top:38px; }.train-me-card { padding:24px 17px; border-radius:22px; }.smart-plan-form .primary { width:100%; }.reminder-actions { align-items:flex-start; flex-direction:column; gap:8px; }.health-check,.meal-plan > div { grid-template-columns:1fr; }.plan-timeline article { grid-template-columns:82px 1fr; gap:10px; } }