:root{--ta-navy:#172C52;--ta-navy-2:#223f73;--ta-gold:#B3893B;--ta-sand:#f3eee3;--ta-bg:#f6f8fc;--ta-card:#fff;--ta-text:#1b2940;--ta-muted:#6d7888;--ta-border:#dfe5ef;--ta-danger:#b42318;--ta-success:#16734b;--ta-warning:#9a6700;--ta-radius:22px;--ta-shadow:0 18px 50px rgba(23,44,82,.10)}
*{box-sizing:border-box}.ta-page{direction:rtl;color:var(--ta-text);min-height:70vh;font-family:"Cairo",Tahoma,sans-serif}.ta-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}.ta-hero{padding:64px 0 46px;background:radial-gradient(circle at 12% 20%,rgba(179,137,59,.16),transparent 28%),linear-gradient(135deg,#172C52,#203d70);color:#fff;overflow:hidden}.ta-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:34px;align-items:center}.ta-eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;color:var(--ta-gold);margin-bottom:12px}.ta-hero h1{font-size:clamp(34px,5vw,58px);margin:0 0 8px;line-height:1.2}.ta-hero h2{font-size:clamp(18px,2.3vw,28px);line-height:1.7;margin:0 0 16px;color:#fff}.ta-hero p{color:rgba(255,255,255,.82);line-height:2;max-width:770px}.ta-hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.ta-hero-facts div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:15px}.ta-hero-facts i{color:var(--ta-gold);margin-left:8px}.ta-hero-facts strong{display:block;font-size:20px}.ta-hero-facts span{font-size:12px;color:rgba(255,255,255,.7)}.ta-hero-card{background:#fff;color:var(--ta-text);border-radius:26px;padding:26px;box-shadow:0 26px 70px rgba(0,0,0,.2)}.ta-hero-card-icon,.ta-panel-icon{width:52px;height:52px;border-radius:16px;background:rgba(23,44,82,.1);color:var(--ta-navy);display:grid;place-items:center;font-size:22px}.ta-panel-icon-gold{background:rgba(179,137,59,.15);color:#8b641d}.ta-hero-card h3{font-size:22px;margin:14px 0}.ta-hero-card ul{padding:0 20px 0 0;margin:0;line-height:2;color:var(--ta-muted)}.ta-entry-section{padding:46px 0}.ta-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ta-panel,.ta-return-card,.ta-progress-card,.ta-form-header,.ta-step-panel{background:var(--ta-card);border:1px solid var(--ta-border);border-radius:var(--ta-radius);box-shadow:var(--ta-shadow)}.ta-panel{padding:26px}.ta-panel-head{display:flex;gap:14px;align-items:center;margin-bottom:22px}.ta-panel-head h3{margin:0;font-size:22px;color:var(--ta-navy)}.ta-panel-head p{margin:3px 0 0;color:var(--ta-muted)}.ta-form{display:grid;gap:15px}.ta-field{display:grid;gap:7px}.ta-field>span,.ta-field label{font-size:14px;font-weight:800;color:var(--ta-navy)}.ta-field input,.ta-field textarea,.ta-field select{width:100%;border:1px solid var(--ta-border);border-radius:14px;padding:13px 14px;font:inherit;outline:none;background:#fff;transition:.2s}.ta-field input:focus,.ta-field textarea:focus{border-color:var(--ta-navy-2);box-shadow:0 0 0 4px rgba(23,44,82,.08)}.ta-field small,[data-error-for]{min-height:18px;color:var(--ta-danger);font-size:12px}.ta-btn{border:0;border-radius:13px;padding:12px 18px;font:inherit;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;text-decoration:none;transition:.2s}.ta-btn:hover{transform:translateY(-1px)}.ta-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.ta-btn-primary{background:var(--ta-navy);color:#fff}.ta-btn-secondary{background:var(--ta-gold);color:#fff}.ta-btn-light{background:#eef2f8;color:var(--ta-navy)}.ta-btn-block{width:100%}.ta-btn-large{padding:15px 26px;font-size:16px}.ta-alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:15px;margin-bottom:18px;border:1px solid transparent}.ta-alert-danger{color:#8d1b13;background:#fff0ef;border-color:#ffd0cc}.ta-alert-success{color:#12613f;background:#ecf9f2;border-color:#c8ecd9}.ta-alert-warning{color:#755007;background:#fff8e7;border-color:#efddb0}.ta-return-card{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.ta-return-card h3{margin:9px 0 3px}.ta-return-card p{margin:0;color:var(--ta-muted)}.ta-badge{display:inline-flex;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;background:#eef2f7;color:var(--ta-navy)}.ta-badge.accepted{background:#e9f8f0;color:#12613f}.ta-badge.waiting,.ta-badge.conditional{background:#fff5dc;color:#835c0c}.ta-badge.rejected{background:#fff0ef;color:#8d1b13}.ta-process-section{padding:24px 0 70px}.ta-section-head{text-align:center;margin-bottom:24px}.ta-section-head span{color:var(--ta-gold);font-weight:800}.ta-section-head h2{color:var(--ta-navy)}.ta-process-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.ta-process-item{padding:16px 8px;text-align:center;border:1px solid var(--ta-border);border-radius:16px;background:#fff}.ta-process-item>span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ta-navy);color:#fff;font-size:12px}.ta-process-item i{display:block;color:var(--ta-gold);font-size:20px;margin:10px}.ta-process-item strong{font-size:12px}.ta-application-page{padding:34px 0 80px}.ta-application-shell{display:grid;gap:18px}.ta-credentials{background:linear-gradient(135deg,#fff6df,#fff);border:1px solid #ead39d;border-radius:20px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.ta-credentials span{font-weight:900;color:#7d5710}.ta-credentials p{margin:3px 0;color:var(--ta-muted)}.ta-credential-values{display:flex;gap:10px;flex-wrap:wrap}.ta-credential-values label{display:grid;gap:4px;font-size:12px;color:var(--ta-muted)}.ta-credential-values code{font-size:12px;background:#fff;border:1px dashed #c9a85f;padding:8px 10px;border-radius:10px;color:var(--ta-navy);direction:ltr;max-width:260px;overflow:auto}.ta-form-header{padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.ta-form-header h1{margin:2px 0;color:var(--ta-navy)}.ta-form-header p{margin:0;color:var(--ta-muted)}.ta-progress-card{padding:20px}.ta-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ta-progress-meta strong{color:var(--ta-navy)}.ta-progress-meta span{font-size:12px;color:var(--ta-success)}.ta-progress-track{height:8px;background:#e8edf5;border-radius:999px;overflow:hidden}.ta-progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--ta-gold),var(--ta-navy));border-radius:inherit;transition:.3s}.ta-step-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:16px}.ta-step-tab{border:0;background:#f4f6fa;border-radius:12px;padding:9px 5px;color:var(--ta-muted);cursor:pointer}.ta-step-tab span{display:grid;place-items:center;width:26px;height:26px;margin:auto auto 5px;border-radius:50%;background:#fff;font-weight:900}.ta-step-tab small{display:block;font-size:10px}.ta-step-tab.active{background:var(--ta-navy);color:#fff}.ta-step-tab.active span{color:var(--ta-navy)}.ta-step-panel{padding:28px}.ta-section-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.ta-section-title>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--ta-navy);color:#fff;font-size:20px;font-weight:900}.ta-section-title h2{margin:0;color:var(--ta-navy)}.ta-section-title p{margin:4px 0 0;color:var(--ta-muted)}.ta-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.ta-field-wide{grid-column:1/-1}.ta-question-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.ta-question-list{display:grid;gap:14px}.ta-choice-card{border:1px solid var(--ta-border);border-radius:17px;padding:17px;background:#fbfcfe}.ta-choice-card legend{font-weight:800;color:var(--ta-navy);padding:0 7px;line-height:1.8}.ta-binary-options{display:flex;gap:10px;margin-top:8px}.ta-binary-options label,.ta-option-list label{cursor:pointer}.ta-binary-options input,.ta-option-list input{position:absolute;opacity:0}.ta-binary-options span{display:block;padding:9px 25px;border-radius:10px;background:#fff;border:1px solid var(--ta-border);font-weight:800}.ta-binary-options input:checked+span{background:var(--ta-navy);border-color:var(--ta-navy);color:#fff}.ta-option-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.ta-option-list span{display:block;border:1px solid var(--ta-border);background:#fff;border-radius:12px;padding:11px 13px;line-height:1.7}.ta-option-list input:checked+span{border-color:var(--ta-navy);box-shadow:0 0 0 3px rgba(23,44,82,.08);background:#f3f6fb}.ta-notice{padding:13px 15px;border-radius:14px;background:#eef3fb;color:var(--ta-navy);margin-bottom:16px}.ta-upload-card{border:1px dashed #bea66d;background:#fffaf0;border-radius:20px;padding:20px;margin-top:18px}.ta-upload-copy{display:flex;gap:13px;align-items:center}.ta-upload-copy h3{margin:0;color:var(--ta-navy)}.ta-upload-copy p{margin:4px 0;color:var(--ta-muted)}.ta-upload-actions{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.ta-file-picker input{display:none}.ta-file-picker span{display:inline-flex;align-items:center;gap:8px;padding:12px 17px;background:var(--ta-gold);color:#fff;border-radius:13px;font-weight:800;cursor:pointer}.ta-file-status{display:flex;align-items:center;gap:9px;color:var(--ta-muted)}.ta-file-status .fa-circle-check{color:var(--ta-success)}.ta-upload-progress{height:7px;background:#e9dfc8;border-radius:999px;overflow:hidden;margin-top:12px}.ta-upload-progress span{display:block;height:100%;width:40%;background:var(--ta-gold);animation:ta-progress 1s infinite alternate}@keyframes ta-progress{to{width:85%}}.ta-long-answer textarea{line-height:2;resize:vertical}.ta-text-meta{display:flex;justify-content:space-between}.ta-text-meta span{color:var(--ta-muted);font-size:12px}.ta-rubric{margin-top:18px;border:1px solid var(--ta-border);border-radius:16px;padding:17px}.ta-rubric h3{margin:0 0 12px;color:var(--ta-navy)}.ta-rubric>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ta-rubric span{padding:11px;background:#f6f8fb;border-radius:11px;font-size:12px}.ta-rubric b{float:left;color:var(--ta-gold)}.ta-review-summary{display:grid;gap:12px}.ta-review-block{border:1px solid var(--ta-border);border-radius:15px;padding:16px}.ta-review-block h3{margin:0 0 8px;color:var(--ta-navy)}.ta-review-block p{margin:4px 0;color:var(--ta-muted);line-height:1.8}.ta-declarations{display:grid;gap:10px;margin:18px 0}.ta-declarations label{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--ta-border);padding:14px;border-radius:14px}.ta-declarations input{margin-top:5px}.ta-final-warning{display:flex;gap:12px;padding:14px;border-radius:14px;background:#fff5dc;color:#755007;margin-bottom:18px}.ta-final-warning p{margin:0}.ta-form-navigation{display:flex;justify-content:space-between;gap:12px;position:sticky;bottom:12px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);padding:13px;border:1px solid var(--ta-border);border-radius:17px;box-shadow:var(--ta-shadow);z-index:8}.ta-status-card{max-width:760px;margin:40px auto;background:#fff;border:1px solid var(--ta-border);border-radius:26px;padding:32px;text-align:center;box-shadow:var(--ta-shadow)}.ta-status-icon{width:78px;height:78px;display:grid;place-items:center;border-radius:24px;background:#eef3fb;color:var(--ta-navy);font-size:32px;margin:0 auto 16px}.ta-status-card h1{color:var(--ta-navy)}.ta-status-number{display:inline-block;background:#f5f7fb;border-radius:12px;padding:10px 14px;direction:ltr;font-weight:900}.ta-closed-state{text-align:center;padding:30px;color:var(--ta-muted)}.ta-closed-state i{font-size:38px;color:var(--ta-gold)}
@media(max-width:980px){.ta-hero-grid,.ta-entry-grid{grid-template-columns:1fr}.ta-process-grid{grid-template-columns:repeat(4,1fr)}.ta-step-tabs{grid-template-columns:repeat(4,1fr)}.ta-rubric>div{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.ta-shell{width:min(100% - 20px,1180px)}.ta-hero{padding:38px 0}.ta-hero-facts{grid-template-columns:1fr}.ta-fields-grid,.ta-question-grid-two,.ta-option-list{grid-template-columns:1fr}.ta-process-grid{grid-template-columns:1fr 1fr}.ta-step-tabs{display:flex;overflow:auto;padding-bottom:4px}.ta-step-tab{min-width:76px}.ta-form-header,.ta-return-card{align-items:flex-start;flex-direction:column}.ta-step-panel{padding:18px}.ta-rubric>div{grid-template-columns:1fr}.ta-form-navigation{bottom:6px}.ta-form-navigation .ta-btn{padding-inline:13px}.ta-credentials{align-items:stretch}.ta-credential-values{display:grid;width:100%}.ta-credential-values code{max-width:100%}}


/* =========================================================
   Cairo + Mobile Stability Patch
   Version: 2026-07-23.2
   ========================================================= */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.ta-page,
.ta-page input,
.ta-page select,
.ta-page textarea,
.ta-page button,
.ta-page a,
.ta-page label,
.ta-page option,
.ta-page p,
.ta-page span:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
.ta-page h1,
.ta-page h2,
.ta-page h3,
.ta-page h4,
.ta-page h5,
.ta-page h6,
.ta-page small,
.ta-page strong,
.ta-page b,
.ta-page legend {
  font-family: "Cairo", Tahoma, Arial, sans-serif !important;
}

.ta-page input::placeholder,
.ta-page textarea::placeholder {
  font-family: "Cairo", Tahoma, Arial, sans-serif !important;
}

/* Preserve Font Awesome fonts */
.ta-page .fa,
.ta-page .fas,
.ta-page .far,
.ta-page .fab,
.ta-page .fa-solid,
.ta-page .fa-regular,
.ta-page .fa-brands,
.ta-page i[class*="fa-"] {
  font-family: "Font Awesome 6 Free" !important;
  font-style: normal;
}

.ta-page .fab,
.ta-page .fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
}

.ta-page .far,
.ta-page .fa-regular {
  font-weight: 400 !important;
}

.ta-page .fas,
.ta-page .fa-solid,
.ta-page i[class*="fa-"] {
  font-weight: 900 !important;
}

/* Prevent grid/flex children from forcing horizontal overflow */
.ta-page *,
.ta-shell,
.ta-application-shell,
.ta-form-header,
.ta-progress-card,
.ta-step-panel,
.ta-fields-grid,
.ta-question-grid-two,
.ta-question-list,
.ta-choice-card,
.ta-credentials,
.ta-credential-values,
.ta-field,
.ta-panel,
.ta-entry-grid {
  min-width: 0;
  max-width: 100%;
}

.ta-page img,
.ta-page svg,
.ta-page video,
.ta-page canvas {
  max-width: 100%;
  height: auto;
}

.ta-shell {
  width: min(1180px, calc(100% - 32px));
}

.ta-credential-values {
  flex: 1 1 520px;
}

.ta-credential-values label {
  min-width: 0;
  flex: 1 1 220px;
}

.ta-credential-values code {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  direction: ltr;
  text-align: left;
  unicode-bidi: plaintext;
}

.ta-form-header > div,
.ta-section-title > div,
.ta-panel-head > div,
.ta-upload-copy > div {
  min-width: 0;
}

.ta-form-header h1,
.ta-section-title h2,
.ta-form-header p,
.ta-section-title p,
.ta-choice-card legend,
.ta-option-list span,
.ta-notice,
.ta-alert,
.ta-review-block p {
  overflow-wrap: anywhere;
  word-break: normal;
}

.ta-field input,
.ta-field textarea,
.ta-field select {
  min-width: 0;
  max-width: 100%;
  font-family: "Cairo", Tahoma, Arial, sans-serif !important;
}

.ta-field input[dir="ltr"],
.ta-credential-values code {
  font-family: "Cairo", Tahoma, Arial, sans-serif !important;
}

@media (max-width: 680px) {
  .ta-page {
    width: 100%;
    overflow-x: clip;
  }

  .ta-application-page {
    padding: 18px 0 52px;
  }

  .ta-shell {
    width: calc(100% - 20px);
    margin-inline: auto;
  }

  .ta-application-shell {
    gap: 12px;
  }

  .ta-credentials {
    padding: 14px;
    border-radius: 16px;
    gap: 12px;
    align-items: stretch;
  }

  .ta-credentials > div:first-child {
    width: 100%;
  }

  .ta-credential-values {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .ta-credential-values label {
    width: 100%;
  }

  .ta-credential-values code {
    width: 100%;
    padding: 10px 11px;
    font-size: 11px;
  }

  .ta-credentials .ta-btn {
    width: 100%;
  }

  .ta-form-header {
    padding: 16px;
    gap: 12px;
    align-items: stretch;
  }

  .ta-form-header h1 {
    font-size: clamp(23px, 7vw, 31px);
    line-height: 1.45;
    margin-top: 5px;
  }

  .ta-form-header p {
    font-size: 13px;
    line-height: 1.85;
  }

  .ta-form-header .ta-btn {
    width: 100%;
  }

  .ta-progress-card {
    padding: 14px;
  }

  .ta-progress-meta {
    gap: 8px;
    flex-wrap: wrap;
  }

  .ta-step-tabs {
    display: flex;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    padding: 2px 0 7px;
    gap: 7px;
  }

  .ta-step-tab {
    flex: 0 0 74px;
    min-width: 74px;
    padding: 8px 4px;
  }

  .ta-step-panel {
    padding: 16px;
    border-radius: 17px;
  }

  .ta-section-title {
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
  }

  .ta-section-title > span {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 17px;
  }

  .ta-section-title h2 {
    font-size: 21px;
    line-height: 1.5;
  }

  .ta-section-title p {
    font-size: 12px;
    line-height: 1.8;
  }

  .ta-fields-grid,
  .ta-question-grid-two,
  .ta-option-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .ta-field-wide {
    grid-column: auto;
  }

  .ta-choice-card {
    padding: 14px;
    border-radius: 14px;
  }

  .ta-choice-card legend {
    font-size: 14px;
    line-height: 1.9;
  }

  .ta-binary-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ta-binary-options span {
    text-align: center;
    padding: 10px 8px;
  }

  .ta-option-list span {
    padding: 11px;
    font-size: 13px;
  }

  .ta-upload-copy {
    align-items: flex-start;
  }

  .ta-upload-actions,
  .ta-upload-actions .ta-btn,
  .ta-file-picker,
  .ta-file-picker span {
    width: 100%;
  }

  .ta-file-picker span {
    justify-content: center;
  }

  .ta-form-navigation {
    position: sticky;
    bottom: 5px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 9px;
  }

  .ta-form-navigation .ta-btn {
    width: 100%;
    min-width: 0;
    padding: 11px 8px;
    font-size: 13px;
  }

  .ta-form-navigation [data-submit-application] {
    grid-column: 1 / -1;
  }
}

@media (max-width: 390px) {
  .ta-shell {
    width: calc(100% - 14px);
  }

  .ta-step-panel,
  .ta-form-header,
  .ta-progress-card,
  .ta-credentials {
    padding-inline: 12px;
  }

  .ta-form-header h1 {
    font-size: 22px;
  }

  .ta-section-title h2 {
    font-size: 19px;
  }

  .ta-btn {
    font-size: 12px;
  }
}


/* Google Play download card before final submission */
.ta-app-download-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin: 18px 0 14px;
  padding: 16px;
  border: 1px solid rgba(23, 44, 82, .12);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(23, 44, 82, .055), rgba(179, 137, 59, .08));
}

.ta-app-download-icon {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 15px;
  background: #172c52;
  color: #fff;
  font-size: 23px;
}

.ta-app-download-copy {
  min-width: 0;
}

.ta-app-download-copy strong {
  display: block;
  color: #172c52;
  font-size: 16px;
  font-weight: 800;
}

.ta-app-download-copy span {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 13px;
  line-height: 1.8;
}

.ta-btn-play-store {
  background: #172c52;
  color: #fff;
  white-space: nowrap;
}

.ta-btn-play-store:hover {
  background: #0f203f;
  color: #fff;
}

@media (max-width: 680px) {
  .ta-app-download-card {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 14px;
  }

  .ta-app-download-card .ta-btn-play-store {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: center;
  }
}


/* Verified release additions */
.ta-page [hidden] { display: none !important; }
#otherSchoolField[hidden] { display: none !important; }
#otherSchoolField:not([hidden]) { display: grid !important; }
.ta-status-card [data-copy-application-number] { margin-inline: auto; }


/* Sponsor launch and two-page school nomination upload - 20260723.10 */
.ta-sponsor-launch {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 18px;
  max-width: 650px;
  padding: 18px 20px;
  border: 1px solid rgba(179, 137, 59, .32);
  border-radius: 22px;
  background: linear-gradient(135deg, #fffdf8, #fff);
  box-shadow: 0 16px 36px rgba(23, 44, 82, .08);
}
.ta-sponsor-launch img {
  width: 112px;
  height: 112px;
  object-fit: contain;
  flex: 0 0 112px;
  border-radius: 16px;
  background: #fff;
}
.ta-sponsor-launch div { display: grid; gap: 5px; }
.ta-sponsor-launch span { color: var(--ta-gold); font-size: 12px; font-weight: 900; }
.ta-sponsor-launch strong { color: var(--ta-navy); font-size: 18px; }
.ta-sponsor-launch small { color: var(--ta-muted); line-height: 1.8; }

.ta-nomination-steps {
  margin: 16px 0;
  padding: 14px 38px 14px 16px;
  border-radius: 15px;
  background: #fff;
  color: var(--ta-navy);
  line-height: 2;
}
.ta-camera-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0;
}
.ta-camera-card {
  display: grid;
  gap: 13px;
  padding: 16px;
  border: 1px solid var(--ta-border);
  border-radius: 17px;
  background: #fff;
}
.ta-camera-card[data-uploaded="1"] { border-color: #9fd6ba; background: #f7fcf9; }
.ta-camera-card-head { display: flex; align-items: center; gap: 11px; }
.ta-camera-card-head > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: var(--ta-navy);
  color: #fff;
  font-weight: 900;
}
.ta-camera-card-head div { display: grid; gap: 2px; }
.ta-camera-card-head strong { color: var(--ta-navy); }
.ta-camera-card-head small { color: var(--ta-muted); }
.ta-camera-file-state { display: flex; align-items: flex-start; gap: 8px; min-height: 42px; color: var(--ta-muted); line-height: 1.7; }
.ta-camera-file-state .fa-circle-check { color: var(--ta-success); }
.ta-camera-button input { display: none; }
.ta-camera-button span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--ta-navy);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  text-align: center;
}
.ta-gallery-picker span { background: #7c5b18; }

@media (max-width: 680px) {
  .ta-sponsor-launch { align-items: flex-start; padding: 15px; }
  .ta-sponsor-launch img { width: 84px; height: 84px; flex-basis: 84px; }
  .ta-sponsor-launch strong { font-size: 15px; }
  .ta-camera-grid { grid-template-columns: 1fr; }
  .ta-nomination-steps { padding-inline-start: 32px; }
}


/* Single nomination photo - 20260724.1 */
.ta-camera-grid-single {
  grid-template-columns: minmax(0, 1fr);
}
.ta-camera-grid-single .ta-camera-card {
  width: 100%;
}

/* ========================================================================== 
   بوابة المقبولين والخدمات التدريبية
   ========================================================================== */
.ta-accepted-portal {
  display: grid;
  gap: 22px;
  width: min(100%, 1080px);
  margin: 28px auto;
}
.ta-accepted-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 24px;
  border: 1px solid #dce4ef;
  border-radius: 26px;
  background: linear-gradient(135deg, #ffffff 0%, #f5f8fc 100%);
  box-shadow: 0 20px 55px rgba(23, 44, 82, .09);
}
.ta-accepted-header h1 { margin: 8px 0 5px; color: #172c52; font-size: clamp(23px, 3vw, 34px); }
.ta-accepted-header p { margin: 0; color: #667085; line-height: 1.9; }
.ta-accepted-check {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(135deg, #18a96b, #0b8552);
  box-shadow: 0 14px 28px rgba(16, 155, 96, .24);
  font-size: 28px;
}
.ta-accepted-number {
  display: grid;
  gap: 4px;
  min-width: 180px;
  padding: 13px 16px;
  border: 1px solid #d8e0eb;
  border-radius: 16px;
  background: #fff;
  text-align: center;
}
.ta-accepted-number span { color: #667085; font-size: 12px; font-weight: 700; }
.ta-accepted-number strong { color: #172c52; font-size: 17px; letter-spacing: .6px; }
.ta-program-section {
  padding: 24px;
  border: 1px solid #dce4ef;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 20px 55px rgba(23, 44, 82, .08);
}
.ta-program-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 19px;
}
.ta-program-section-head span { color: #b3893b; font-size: 12px; font-weight: 900; }
.ta-program-section-head h2 { margin: 3px 0 0; color: #172c52; font-size: 23px; }
.ta-program-section-head p { max-width: 520px; margin: 0; color: #667085; line-height: 1.8; font-size: 13px; }
.ta-program-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.ta-program-tile {
  --tile-color: #172c52;
  --tile-soft: #eef2f8;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 13px;
  min-height: 92px;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--tile-color) 18%, #e5e7eb);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff, var(--tile-soft));
  color: inherit;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ta-program-tile:not(.is-disabled):hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--tile-color) 45%, #e5e7eb);
  box-shadow: 0 14px 28px color-mix(in srgb, var(--tile-color) 13%, transparent);
}
.ta-program-tile-icon {
  width: 53px;
  height: 53px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  color: #fff;
  background: var(--tile-color);
  font-size: 22px;
}
.ta-program-tile-content { display: grid; gap: 5px; }
.ta-program-tile-content strong { color: #172c52; font-size: 15px; line-height: 1.5; }
.ta-program-tile-content small { color: #667085; font-size: 11px; line-height: 1.6; }
.ta-program-tile-arrow { color: var(--tile-color); font-size: 14px; }
.ta-program-tile.is-disabled { opacity: .58; cursor: not-allowed; filter: grayscale(.18); }
.ta-program-tile-green { --tile-color: #139b61; --tile-soft: #effbf5; }
.ta-program-tile-blue { --tile-color: #2868d7; --tile-soft: #f0f5ff; }
.ta-program-tile-navy { --tile-color: #172c52; --tile-soft: #f1f4f8; }
.ta-program-tile-gold { --tile-color: #b3893b; --tile-soft: #fcf7ed; }
.ta-program-tile-purple { --tile-color: #7357b8; --tile-soft: #f6f2ff; }
.ta-program-tile-orange { --tile-color: #e47c24; --tile-soft: #fff6ed; }
.ta-program-tile-teal { --tile-color: #138d91; --tile-soft: #effafa; }
.ta-portal-bottom-actions { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.ta-qr-page {
  width: min(100%, 760px);
  margin: 26px auto;
  padding: 26px;
  border: 1px solid #dce4ef;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 20px 55px rgba(23, 44, 82, .10);
  text-align: center;
}
.ta-qr-box {
  width: min(100%, 330px);
  min-height: 300px;
  display: grid;
  place-items: center;
  margin: 20px auto;
  padding: 16px;
  border: 1px solid #dce4ef;
  border-radius: 24px;
  background: #fff;
}
.ta-qr-box canvas { max-width: 100%; height: auto; border-radius: 10px; }
.ta-participant-meta { display: grid; gap: 6px; color: #667085; }
.ta-participant-meta strong { color: #172c52; font-size: 22px; }
.ta-security-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid #f4d7a1;
  border-radius: 16px;
  background: #fffaf0;
  color: #7a5317;
  text-align: right;
  line-height: 1.8;
  font-size: 12px;
}
.ta-digital-card {
  position: relative;
  overflow: hidden;
  width: min(100%, 720px);
  min-height: 390px;
  margin: 25px auto;
  padding: 34px;
  border-radius: 30px;
  color: #fff;
  background: linear-gradient(145deg, #172c52 0%, #243f70 64%, #b3893b 160%);
  box-shadow: 0 24px 65px rgba(23, 44, 82, .28);
}
.ta-digital-card::after { content: ''; position: absolute; width: 320px; height: 320px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; left: -130px; top: -140px; }
.ta-digital-card-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; position: relative; z-index: 1; }
.ta-digital-card-head img { width: 82px; height: 82px; object-fit: contain; border-radius: 18px; background: #fff; padding: 7px; }
.ta-digital-card-body { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 22px; position: relative; z-index: 1; margin-top: 34px; }
.ta-digital-card h1 { margin: 0 0 8px; font-size: clamp(25px, 4vw, 38px); }
.ta-digital-card p { margin: 4px 0; color: rgba(255,255,255,.78); }
.ta-digital-card-qr { padding: 10px; border-radius: 15px; background: #fff; }
.ta-digital-card-qr canvas { display: block; width: 145px; height: 145px; }
.ta-certificate {
  width: min(100%, 1050px);
  min-height: 680px;
  display: grid;
  place-items: center;
  margin: 25px auto;
  padding: 46px;
  border: 14px double #b3893b;
  background: #fffdf8;
  box-shadow: 0 20px 55px rgba(23,44,82,.12);
  text-align: center;
}
.ta-certificate h1 { color: #172c52; font-size: 40px; margin: 15px 0; }
.ta-certificate h2 { color: #b3893b; font-size: 31px; margin: 13px 0; }
.ta-certificate p { color: #4b5563; line-height: 2; font-size: 18px; }
@media (max-width: 720px) {
  .ta-accepted-header { grid-template-columns: auto 1fr; padding: 18px; }
  .ta-accepted-number { grid-column: 1 / -1; width: 100%; box-sizing: border-box; }
  .ta-program-section { padding: 16px; }
  .ta-program-section-head { display: grid; }
  .ta-program-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ta-program-tile { grid-template-columns: 1fr; justify-items: center; text-align: center; min-height: 150px; padding: 13px 9px; }
  .ta-program-tile-arrow { display: none; }
  .ta-program-tile-icon { width: 51px; height: 51px; }
  .ta-program-tile-content strong { font-size: 13px; }
  .ta-program-tile-content small { font-size: 10px; }
  .ta-digital-card { min-height: 520px; padding: 24px; }
  .ta-digital-card-body { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .ta-certificate { min-height: 590px; padding: 25px; border-width: 8px; }
  .ta-certificate h1 { font-size: 30px; }
  .ta-certificate h2 { font-size: 24px; }
}
@media print {
  .ta-print-hide, header, footer, nav { display: none !important; }
  .ta-digital-card, .ta-certificate { box-shadow: none; margin: 0 auto; }
}


/* بطاقة المشاركة المعتمدة من القالب المرفق */
.ta-template-card{position:relative;width:min(100%,608px);aspect-ratio:608/866;margin:24px auto;overflow:hidden;border-radius:18px;box-shadow:0 24px 64px rgba(23,44,82,.22);background:#fff;font-family:"Cairo",sans-serif}
.ta-template-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ta-template-card-name,.ta-template-card-school,.ta-template-card-code{position:absolute;z-index:2;left:20%;display:flex;align-items:center;justify-content:center;text-align:center;color:#172c52;font-weight:800;line-height:1.35;overflow:hidden}
.ta-template-card-name{top:34.7%;height:4.8%;font-size:clamp(13px,3.2vw,22px)}
.ta-template-card-school{top:40.4%;height:5.8%;font-size:clamp(11px,2.7vw,18px);padding-inline:2%}
.ta-template-card-qr{position:absolute;z-index:2;left:33.7%;top:46.6%;width:32.8%;aspect-ratio:1;background:#fff;padding:1.4%;box-sizing:border-box;display:grid;place-items:center}
.ta-template-card-qr canvas{width:100%!important;height:100%!important;display:block}
.ta-template-card-code{top:67.3%;height:4.4%;font-size:clamp(10px,2.3vw,15px);letter-spacing:.4px}
@media(max-width:640px){.ta-template-card{border-radius:12px}.ta-template-card-name{font-size:14px}.ta-template-card-school{font-size:11px}.ta-template-card-code{font-size:10px}}
@media print{.ta-template-card{width:608px;box-shadow:none;border-radius:0}.ta-template-card-name{font-size:20px}.ta-template-card-school{font-size:16px}.ta-template-card-code{font-size:13px}}
/* ==========================================================================
   بوابة المقبولين — إصلاح عرض كامل ومتوافق
   Version: 20260724.31
   ========================================================================== */

.ta-accepted-portal,
.ta-accepted-portal * {
  box-sizing: border-box;
}

.ta-accepted-portal {
  direction: rtl;
  width: min(1080px, 100%);
  margin: 28px auto 60px;
  display: grid;
  gap: 22px;
  font-family: "Cairo", Tahoma, Arial, sans-serif;
}

.ta-accepted-header {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr) minmax(180px, auto);
  align-items: center;
  gap: 18px;
  padding: 24px;
  border: 1px solid #dce4ef;
  border-radius: 26px;
  background: linear-gradient(135deg, #ffffff 0%, #f5f8fc 100%);
  box-shadow: 0 20px 55px rgba(23, 44, 82, 0.09);
}

.ta-accepted-header > div:nth-child(2) {
  min-width: 0;
}

.ta-accepted-header h1 {
  margin: 8px 0 5px;
  color: #172c52;
  font-size: clamp(23px, 3vw, 34px);
  line-height: 1.45;
}

.ta-accepted-header p {
  margin: 0;
  color: #667085;
  line-height: 1.9;
}

.ta-accepted-check {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  color: #ffffff;
  background: linear-gradient(135deg, #18a96b, #0b8552);
  box-shadow: 0 14px 28px rgba(16, 155, 96, 0.24);
  font-size: 28px;
}

.ta-accepted-number {
  display: grid;
  gap: 4px;
  min-width: 180px;
  padding: 13px 16px;
  border: 1px solid #d8e0eb;
  border-radius: 16px;
  background: #ffffff;
  text-align: center;
}

.ta-accepted-number span {
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.ta-accepted-number strong {
  color: #172c52;
  font-size: 17px;
  letter-spacing: 0.6px;
  overflow-wrap: anywhere;
}

.ta-program-section {
  padding: 24px;
  border: 1px solid #dce4ef;
  border-radius: 26px;
  background: #ffffff;
  box-shadow: 0 20px 55px rgba(23, 44, 82, 0.08);
}

.ta-program-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 19px;
}

.ta-program-section-head > div {
  min-width: 0;
}

.ta-program-section-head span {
  color: #b3893b;
  font-size: 12px;
  font-weight: 900;
}

.ta-program-section-head h2 {
  margin: 3px 0 0;
  color: #172c52;
  font-size: 23px;
  line-height: 1.5;
}

.ta-program-section-head p {
  max-width: 520px;
  margin: 0;
  color: #667085;
  line-height: 1.8;
  font-size: 13px;
}

.ta-program-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ta-program-tile {
  --tile-color: #172c52;
  --tile-soft: #eef2f8;
  display: grid;
  grid-template-columns: 53px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 13px;
  min-height: 92px;
  padding: 16px;
  border: 1px solid #dce4ef;
  border-radius: 20px;
  background: linear-gradient(135deg, #ffffff 0%, var(--tile-soft) 100%);
  color: #172c52;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

a.ta-program-tile:link,
a.ta-program-tile:visited,
a.ta-program-tile:hover,
a.ta-program-tile:active {
  color: #172c52;
  text-decoration: none !important;
}

.ta-program-tile:not(.is-disabled):hover {
  transform: translateY(-2px);
  border-color: var(--tile-color);
  box-shadow: 0 14px 28px rgba(23, 44, 82, 0.12);
}

.ta-program-tile-icon {
  width: 53px;
  height: 53px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  color: #ffffff;
  background: var(--tile-color);
  font-size: 22px;
}

.ta-program-tile-content {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.ta-program-tile-content strong {
  display: block;
  color: #172c52;
  font-size: 15px;
  line-height: 1.55;
}

.ta-program-tile-content small {
  display: block;
  color: #667085;
  font-size: 11px;
  line-height: 1.65;
}

.ta-program-tile-arrow {
  color: var(--tile-color);
  font-size: 14px;
}

.ta-program-tile.is-disabled {
  opacity: 0.58;
  cursor: not-allowed;
  filter: grayscale(0.18);
}

.ta-program-tile-green  { --tile-color: #139b61; --tile-soft: #effbf5; }
.ta-program-tile-blue   { --tile-color: #2868d7; --tile-soft: #f0f5ff; }
.ta-program-tile-navy   { --tile-color: #172c52; --tile-soft: #f1f4f8; }
.ta-program-tile-gold   { --tile-color: #b3893b; --tile-soft: #fcf7ed; }
.ta-program-tile-purple { --tile-color: #7357b8; --tile-soft: #f6f2ff; }
.ta-program-tile-orange { --tile-color: #e47c24; --tile-soft: #fff6ed; }
.ta-program-tile-teal   { --tile-color: #138d91; --tile-soft: #effafa; }

.ta-portal-bottom-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

@media (max-width: 720px) {
  .ta-accepted-portal {
    margin-top: 16px;
    gap: 16px;
  }

  .ta-accepted-header {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 13px;
    padding: 17px;
    border-radius: 21px;
  }

  .ta-accepted-check {
    width: 54px;
    height: 54px;
    border-radius: 17px;
    font-size: 23px;
  }

  .ta-accepted-header h1 {
    font-size: 22px;
  }

  .ta-accepted-number {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
  }

  .ta-program-section {
    padding: 15px;
    border-radius: 21px;
  }

  .ta-program-section-head {
    display: grid;
    align-items: initial;
    gap: 8px;
  }

  .ta-program-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .ta-program-tile {
    grid-template-columns: 1fr;
    justify-items: center;
    align-content: center;
    min-height: 152px;
    padding: 13px 9px;
    text-align: center;
  }

  .ta-program-tile-arrow {
    display: none;
  }

  .ta-program-tile-content strong {
    font-size: 13px;
  }

  .ta-program-tile-content small {
    font-size: 10px;
  }
}

@media (max-width: 390px) {
  .ta-program-grid {
    grid-template-columns: 1fr;
  }

  .ta-program-tile {
    grid-template-columns: 48px minmax(0, 1fr);
    justify-items: stretch;
    min-height: 84px;
    text-align: right;
  }

  .ta-program-tile-icon {
    width: 48px;
    height: 48px;
  }
}

/* ========================================================================== 
   واجهة التسجيل الرئيسية — تنسيق مضغوط ومتوازن
   Version: 20260813.1
   ========================================================================== */

.ta-hero {
  padding: 44px 0 38px;
}

.ta-hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
  gap: 42px;
  align-items: center;
}

.ta-hero-copy {
  min-width: 0;
  max-width: 790px;
}

.ta-eyebrow {
  margin-bottom: 9px;
  font-size: 12px;
}

.ta-hero h1 {
  max-width: 780px;
  margin: 0 0 10px;
  font-size: clamp(30px, 3.1vw, 44px);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -.35px;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

.ta-hero h2 {
  max-width: 780px;
  margin: 0;
  font-size: clamp(15px, 1.25vw, 18px);
  font-weight: 600;
  line-height: 1.95;
  color: rgba(255, 255, 255, .88);
  text-wrap: pretty;
  overflow-wrap: anywhere;
}

.ta-hero-card {
  padding: 22px;
  border-radius: 21px;
  box-shadow: 0 20px 52px rgba(0, 0, 0, .18);
}

.ta-hero-card-icon,
.ta-panel-icon {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  font-size: 19px;
}

.ta-hero-card h3 {
  margin: 12px 0 8px;
  font-size: 19px;
}

.ta-hero-card ul {
  padding-inline-start: 18px;
  padding-inline-end: 0;
  font-size: 13px;
  line-height: 1.95;
}

.ta-sponsor-launch {
  max-width: 780px;
  margin-top: 18px;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(23, 44, 82, .08);
}

.ta-sponsor-launch .ta-panel-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
}

.ta-sponsor-launch > div:last-child {
  min-width: 0;
}

.ta-sponsor-launch span {
  font-size: 11px;
}

.ta-sponsor-launch strong {
  font-size: 14px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.ta-sponsor-launch small {
  font-size: 11px;
  line-height: 1.7;
}

.ta-entry-section {
  padding: 32px 0 50px;
}

.ta-entry-grid {
  gap: 18px;
}

.ta-panel {
  padding: 22px;
}

.ta-panel-head {
  gap: 12px;
  margin-bottom: 18px;
}

.ta-panel-head h3 {
  font-size: 19px;
}

.ta-panel-head p {
  font-size: 13px;
  line-height: 1.7;
}

@media (max-width: 980px) {
  .ta-hero {
    padding: 36px 0;
  }

  .ta-hero-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .ta-hero-copy,
  .ta-hero h1,
  .ta-hero h2,
  .ta-sponsor-launch {
    max-width: none;
  }

  .ta-hero-card {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .ta-hero {
    padding: 28px 0 30px;
  }

  .ta-hero-grid {
    gap: 18px;
  }

  .ta-hero h1 {
    margin-bottom: 8px;
    font-size: clamp(27px, 8.4vw, 35px);
    line-height: 1.4;
    text-wrap: initial;
  }

  .ta-hero h2 {
    font-size: 14px;
    line-height: 1.9;
  }

  .ta-sponsor-launch {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    margin-top: 14px;
    padding: 13px;
  }

  .ta-sponsor-launch .ta-panel-icon {
    width: 42px;
    height: 42px;
  }

  .ta-sponsor-launch strong {
    font-size: 13px;
  }

  .ta-hero-card {
    padding: 18px;
  }

  .ta-entry-section {
    padding: 22px 0 38px;
  }

  .ta-entry-grid {
    gap: 14px;
  }

  .ta-panel {
    padding: 17px;
    border-radius: 18px;
  }

  .ta-panel-head {
    align-items: flex-start;
  }
}

@media (max-width: 390px) {
  .ta-hero h1 {
    font-size: 26px;
  }

  .ta-hero h2 {
    font-size: 13px;
  }

  .ta-hero-card ul {
    font-size: 12px;
  }
}