@import url('/styles/category.css');

/* Use the existing category palette, typefaces, pill buttons and soft cards. */
.sp-page{--sp-ink:var(--navy);--sp-muted:var(--muted);--sp-border:var(--line);font-family:inherit;color:var(--text);overflow:clip}
.sp-container{width:min(1180px,92%);margin-inline:auto}
.sp-page h1,.sp-page h2,.sp-page h3,.sp-page p{margin:0}
.sp-page a:focus-visible,.sp-page summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.sp-page section[id],.sp-card{scroll-margin-top:110px}
.sp-page h2{font-size:clamp(28px,3.4vw,42px);line-height:1.2;letter-spacing:-.04em;font-weight:900;color:var(--navy)}
html[lang="fa"] .sp-page h2{line-height:1.55;letter-spacing:0}
.sp-eyebrow{color:#B47E00;font-size:12px;font-weight:900;letter-spacing:.1em;line-height:1.8}
html[lang="fa"] .sp-eyebrow{letter-spacing:0}
.sp-eyebrow>span{display:none}

/* Full-width photography and a light gold offer match EduPath's existing heroes. */
.sp-hero{position:relative;isolation:isolate;padding:76px 0;min-height:610px;display:grid;align-items:center;background:var(--navy)}
.sp-hero-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden}
.sp-page .sp-hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(1.06) contrast(1.03) brightness(.9)}
.sp-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,27,48,.84),rgba(10,27,48,.66) 44%,rgba(10,27,48,.24))}
html[dir="rtl"] .sp-hero::after{background:linear-gradient(270deg,rgba(10,27,48,.84),rgba(10,27,48,.66) 44%,rgba(10,27,48,.24))}
.sp-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(40px,6vw,80px);align-items:center}
.sp-hero .sp-eyebrow{color:#FFD46A;text-shadow:0 2px 12px #0005}
.sp-page .sp-hero h1{font-size:clamp(38px,4.25vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.05em;color:#fff!important;max-width:650px;margin:14px 0 22px;text-shadow:0 2px 14px #0005}
html[lang="fa"] .sp-page .sp-hero h1{font-size:clamp(34px,3.7vw,48px);line-height:1.5;letter-spacing:0}
.sp-intro{font-size:17px;line-height:1.8;color:#fff;max-width:610px;text-shadow:0 2px 12px #0005}
html[lang="fa"] .sp-intro{line-height:1.95;font-size:16px}
.sp-audience{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.sp-audience span{font:700 12px/1.5 Inter,Arial,sans-serif;color:#fff;border:1px solid #ffffff55;border-radius:999px;padding:7px 14px;background:#10254245;backdrop-filter:blur(10px)}
.sp-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:26px 0}
.sp-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;border-radius:999px;padding:12px 23px;font-size:14px;font-weight:900;line-height:1.5;border:1px solid transparent;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.sp-button:hover{transform:translateY(-2px)}
.sp-button-gold{background:linear-gradient(135deg,#FFE38A 0%,#FFC229 48%,#F4A900 100%);color:#2A2108;border-color:rgba(231,167,0,.38);box-shadow:var(--gold-shadow),inset 0 1px 0 #ffffffb3}
.sp-button-gold:hover{box-shadow:0 20px 40px #f3b42147,inset 0 1px 0 #ffffffcc}
.sp-button span{font-size:19px;line-height:1}
.sp-text-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 20px;border:1px solid #ffffff66;border-radius:999px;color:#fff;background:#ffffff12;font-size:13px;font-weight:800;backdrop-filter:blur(12px)}
.sp-text-link:hover{background:#ffffff24}
.sp-format{display:flex;align-items:stretch;gap:24px;padding-top:20px;border-top:1px solid #ffffff40;color:#fff;max-width:500px}
.sp-format>div{display:flex;flex-direction:column;gap:5px}
.sp-format>div+div{padding-inline-start:24px;border-inline-start:1px solid #ffffff40}
.sp-format strong{font-size:19px;font-weight:800}
.sp-format span{font-size:13px;color:#e2e8ef}
.sp-visual{min-width:0;width:100%;max-width:470px;justify-self:end}
.sp-offer{padding:30px;border:2px solid #f3c454;border-radius:30px;color:var(--navy);background:linear-gradient(125deg,#fffdf5 0%,#fff2ce 62%,#f8dfa0 100%);box-shadow:0 24px 60px #0005,0 0 32px #f3b42130,inset 0 1px 0 #fff}
.sp-offer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:800;color:#795000}
.sp-discount{border:1px solid #e9b640;border-radius:999px;background:linear-gradient(135deg,#ffe38a,#f4b421);color:#2A2108;padding:7px 11px;white-space:nowrap;font-size:12px}
.sp-offer-programs{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.sp-offer-programs span{padding:6px 10px;background:#ffffffaa;border:1px solid #9a680029;border-radius:999px;font:700 11px/1.5 Inter,Arial,sans-serif}
.sp-price{display:flex;gap:20px;align-items:center;margin-top:25px}
.sp-price>strong{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;font-size:60px;line-height:1.1;font-weight:900;letter-spacing:-.05em}
html[lang="fa"] .sp-price>strong{font-size:58px;letter-spacing:0}
.sp-price small{font-size:12px;letter-spacing:0;font-weight:700;color:#5a4a29;white-space:nowrap}
.sp-price del{font-size:21px;color:#826e46;text-decoration-thickness:1px}
.sp-price-note{font-size:12px;color:#79623a;margin-top:12px!important}
.sp-installment{display:flex;align-items:center;gap:10px;border-top:1px solid #9a680038;margin-top:24px;padding-top:20px;font-size:14px;font-weight:700}
.sp-installment>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#f8d56c;color:#725000;font-size:17px}
.sp-deadline{font-size:12px;line-height:1.8;margin-top:14px!important;color:#795000}

.sp-section{padding-block:72px}
.sp-section-heading{max-width:740px;margin:0 auto 34px;text-align:center}
.sp-section-heading h2{margin:10px 0 14px}
.sp-section-heading>p:last-child{font-size:16px;line-height:1.9;color:var(--sp-muted)}
.sp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.sp-card{min-width:0;border:1px solid var(--gold-line);border-radius:27px;overflow:hidden;background:var(--surface-strong);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}
.sp-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px #1025421f}
.sp-card-image{position:relative;aspect-ratio:1.65;overflow:hidden;background:#e9eef3}
.sp-page .sp-card-image img{height:100%;width:100%;object-fit:cover;transition:transform .35s}
.sp-card:hover .sp-card-image img{transform:scale(1.035)}
.sp-card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#10254266)}
.sp-code{position:absolute;inset-inline-start:20px;bottom:17px;z-index:1;background:#fffdf5eb;border:1px solid #fff9;border-radius:999px;padding:7px 12px;font:800 12px/1.4 Inter,Arial,sans-serif;backdrop-filter:blur(10px)}
.sp-card-content{padding:24px}
.sp-card-duration{display:inline-block;border:1px solid var(--gold-line);border-radius:999px;padding:6px 11px;background:#fff8e7;color:#85600b;font-size:12px;line-height:1.6;margin-bottom:14px!important;font-weight:800}
.sp-card h3{font-size:23px;line-height:1.3;min-height:60px;letter-spacing:-.03em;font-weight:900;color:var(--navy)}
html[lang="fa"] .sp-card h3{font-size:23px;line-height:1.6;letter-spacing:0;min-height:74px}
.sp-card-description{font-size:14px;line-height:1.85;color:var(--sp-muted);min-height:105px;margin-top:12px!important}
.sp-card-college{font-size:13px;margin-top:12px!important}
.sp-card-details{margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sp-page summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sp-page summary::-webkit-details-marker{display:none}
.sp-card-details summary{padding-block:16px;font-size:13px;font-weight:800;color:var(--navy)}
.sp-page summary>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff3d1;color:#9b7000;font:500 20px/1 Inter,sans-serif;flex-shrink:0;transition:transform .2s}
.sp-page details[open]>summary>span{transform:rotate(45deg)}
.sp-card-details ul{padding:0 18px 18px;font-size:13px;line-height:1.9;color:var(--sp-muted)}
.sp-card-details li+li{margin-top:7px}
.sp-card-price{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 0}
.sp-card-price>span{font-size:12px;color:var(--sp-muted)}
.sp-card-price strong{font-size:25px;white-space:nowrap;color:var(--navy)}
.sp-card-price small{font-weight:600;font-size:10px}

.sp-closing{padding:0 0 76px}
.sp-closing-inner{display:flex;justify-content:space-between;align-items:center;gap:36px;padding:36px 40px;border:1px solid var(--gold-line);border-radius:30px;background:linear-gradient(125deg,#fffdf5,#fff2ce 62%,#f8dfa0);box-shadow:var(--shadow),inset 0 1px 0 #fff}
.sp-closing h2{font-size:30px;max-width:700px}
.sp-closing p{font-size:14px;line-height:1.9;color:#6b604a;max-width:660px;margin-top:14px}
.sp-closing .sp-button{flex-shrink:0}

@media(max-width:1050px){.sp-hero-grid{gap:35px;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.sp-page .sp-hero h1{font-size:44px}html[lang="fa"] .sp-page .sp-hero h1{font-size:38px}.sp-offer{padding:24px}.sp-price>strong,html[lang="fa"] .sp-price>strong{font-size:49px}.sp-price{gap:14px}.sp-cards{gap:18px}.sp-card-content{padding:20px}.sp-card h3{font-size:21px}.sp-card-description{min-height:130px}}
@media(max-width:780px){.sp-container{width:calc(100% - 32px)}.sp-hero{min-height:0;padding:42px 0 44px}.sp-hero-grid{grid-template-columns:1fr;gap:32px}.sp-hero::after,html[dir="rtl"] .sp-hero::after{background:linear-gradient(180deg,#0a1b30cf,#0a1b30aa 58%,#0a1b306b)}.sp-page .sp-hero-backdrop img{object-position:42% center}.sp-page .sp-hero h1{font-size:42px;max-width:610px}html[lang="fa"] .sp-page .sp-hero h1{font-size:35px}.sp-intro,html[lang="fa"] .sp-intro{font-size:15px;line-height:1.95}.sp-visual{max-width:520px;justify-self:center}.sp-offer{padding:25px;border-radius:26px}.sp-price>strong,html[lang="fa"] .sp-price>strong{font-size:52px}.sp-format{max-width:100%;gap:20px}.sp-format>div+div{padding-inline-start:20px}.sp-format strong{font-size:17px}.sp-section{padding-block:48px}.sp-section-heading{margin-bottom:26px}.sp-section-heading>p:last-child{font-size:15px}.sp-cards{grid-template-columns:1fr;gap:24px;max-width:550px;margin-inline:auto}.sp-card-image{aspect-ratio:1.8}.sp-card-content{padding:24px}.sp-card h3,html[lang="fa"] .sp-card h3{min-height:0;font-size:24px}.sp-card-description{min-height:0;margin-top:12px!important}.sp-card-price strong{font-size:26px}.sp-closing{padding-bottom:48px}.sp-closing-inner{flex-direction:column;align-items:flex-start;gap:24px;padding:28px 24px}.sp-closing h2{font-size:26px}.sp-closing .sp-button{width:100%}}
@media(max-width:380px){.sp-container{width:calc(100% - 28px)}.sp-page .sp-hero h1{font-size:35px}html[lang="fa"] .sp-page .sp-hero h1{font-size:31px}.sp-hero-actions>a{width:100%}.sp-offer{padding:20px}.sp-offer-top{font-size:12px}.sp-discount{font-size:11px;padding:6px 9px}.sp-price>strong,html[lang="fa"] .sp-price>strong{font-size:46px}.sp-price del{font-size:18px}.sp-price small{font-size:10px}.sp-card-content{padding:20px}.sp-format{gap:16px}.sp-format>div+div{padding-inline-start:16px}}
@media(prefers-reduced-motion:reduce){.sp-page *,html{scroll-behavior:auto!important;transition:none!important}}