/* Selected Product Design concept: Skill Paths. Existing modal behavior is retained. */
@font-face { font-family:Vazirmatn; font-style:normal; font-weight:300; font-display:swap; src:url('fonts/vazirmatn-300.ttf') format('truetype'); }
@font-face { font-family:Vazirmatn; font-style:normal; font-weight:400; font-display:swap; src:url('fonts/vazirmatn-400.ttf') format('truetype'); }
@font-face { font-family:Vazirmatn; font-style:normal; font-weight:500; font-display:swap; src:url('fonts/vazirmatn-500.ttf') format('truetype'); }
@font-face { font-family:Vazirmatn; font-style:normal; font-weight:600; font-display:swap; src:url('fonts/vazirmatn-600.ttf') format('truetype'); }
@font-face { font-family:Vazirmatn; font-style:normal; font-weight:700; font-display:swap; src:url('fonts/vazirmatn-700.ttf') format('truetype'); }
@font-face { font-family:Vazirmatn; font-style:normal; font-weight:800; font-display:swap; src:url('fonts/vazirmatn-800.ttf') format('truetype'); }
.skill-path-design { background:#fff; color:#14213d; }
.skill-path-design main { display:block; }
.skill-path-design .skip-link { position:absolute; top:8px; right:16px; z-index:10000; padding:12px 20px; background:#fff; color:#14213d; transform:translateY(-150%); }
.skill-path-design .skip-link:focus { transform:none; }
.skill-path-design .site-header { margin:0; min-height:94px; background:#fff; position:relative; z-index:1000; }
.skill-path-design .navbar { width:calc(100% - 112px); max-width:1328px; height:94px; margin:0 auto; padding:0; gap:28px; border:0; border-radius:0; background:#fff; box-shadow:none; }
.skill-path-design .navbar.sticky { position:relative; top:auto; box-shadow:none; background:#fff; }
.skill-path-design .logo { gap:14px; flex-shrink:0; }
.skill-path-design .logo img { width:64px; height:64px; }
.skill-path-design .brand-name { font-size:20px; }
.skill-path-design .brand-tagline { margin-top:5px; font-size:12px; color:#64748b; }
.skill-path-design .nav-links { gap:12px; }
.skill-path-design .nav-links > li > a,
.skill-path-design .nav-action { min-height:48px; padding:0 9px; border:0; border-radius:0; background:transparent; font-size:16px; font-weight:700; box-shadow:none; }
.skill-path-design .nav-links > li > a.active { color:#14213d !important; background:transparent; border-bottom:3px solid #2563eb; box-shadow:none; }
.skill-path-design .nav-links > li > a:hover,
.skill-path-design .nav-action:hover { color:#2563eb; background:transparent; }
.skill-path-design .nav-links > li > .learning-link { min-height:42px; padding-inline:14px; color:#2563eb; border:1px solid #2563eb; border-radius:4px; }
.skill-path-design .major-dropdown { top:calc(100% + 12px); border-radius:8px; box-shadow:0 12px 32px #14213d14; }
.skill-path-design .dropdown-major-list { padding:4px; }
.skill-path-design .major-option { padding:0; }
.skill-path-design .major-option a { width:100%; padding:11px 14px; font-size:14px; border-radius:4px; justify-content:flex-start; }
.skill-path-design .hero { width:100%; max-width:none; height:min(75vw,1000px); min-height:720px; margin:0; padding:0; display:block; position:relative; overflow:hidden; background:#cae4f6; isolation:isolate; }
.skill-path-design .hero-image { position:absolute; inset:0; width:100%; height:100%; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; z-index:-1; }
.skill-path-design .hero-image picture,
.skill-path-design .hero-image img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center 57%; border-radius:0; box-shadow:none; transform:none; }
.skill-path-design .hero-image img { filter:brightness(1.08) saturate(.7); }
.skill-path-design .hero-content { width:min(880px,calc(100% - 48px)); max-width:none; margin:0 auto; padding:48px 0 0; text-align:center; position:relative; }
.skill-path-design .hero-content h1 { max-width:none; margin:0; font-size:clamp(44px,5.15vw,74px); line-height:1.4; font-weight:800; letter-spacing:-1.6px; color:#14213d; }
.skill-path-design .hero-content h1 span { color:#174dcc; }
.skill-path-design .hero-content p { max-width:760px; margin:22px auto 0; font-size:18px; line-height:1.9; color:#324766; }
.skill-path-design .hero-buttons { justify-content:center; gap:14px; margin-top:26px; }
.skill-path-design .primary-btn,
.skill-path-design .secondary-btn { min-height:60px; width:auto; padding:14px 30px; display:inline-flex; align-items:center; justify-content:center; gap:12px; border:1px solid #2563eb; border-radius:5px; font-size:18px; font-weight:700; line-height:1.6; text-decoration:none; box-shadow:none; transition:background-color .2s,color .2s,transform .2s; }
.skill-path-design .primary-btn { color:#fff; background:#2563eb; }
.skill-path-design .secondary-btn { color:#2563eb; background:#fff; }
.skill-path-design .primary-btn:hover { color:#fff; background:#1d4ed8; transform:translateY(-2px); box-shadow:none; }
.skill-path-design .secondary-btn:hover { color:#1d4ed8; background:#eff6ff; transform:translateY(-2px); box-shadow:none; }
.skill-path-design :is(.study-section,.about-section,.stats-section,.gallery-section,.contact-invitation) { width:calc(100% - 112px); max-width:1328px; margin-inline:auto; }
.skill-path-design .section-header { max-width:none; margin:0 0 32px; padding:0; text-align:center; }
.skill-path-design .eyebrow,
.skill-path-design .section-tag,
.skill-path-design .section-header > span { display:block; width:auto; margin:0 0 12px; padding:0; border:0; border-radius:0; color:#2563eb; background:none; font-size:14px; font-weight:700; line-height:1.8; }
.skill-path-design .section-header h2,
.skill-path-design .about-content h2 { max-width:none; margin:0 0 14px; font-size:clamp(30px,3.5vw,50px); line-height:1.5; font-weight:800; color:#14213d; }
.skill-path-design .section-header p { margin:0; color:#64748b; font-size:17px; line-height:1.9; }
.skill-path-design .study-section { padding-block:52px 44px; scroll-margin-top:24px; }
.skill-path-design .study-directory { display:grid; grid-template-columns:1fr 1fr; gap:0 56px; }
.skill-path-design .study-item { min-width:0; min-height:118px; padding:24px 22px; display:flex; align-items:center; gap:22px; border-bottom:1px solid #e2e8f0; scroll-margin-top:24px; transition:background-color .2s; }
.skill-path-design .study-item:first-child { background:#eff6ff; border-radius:4px; border-bottom-color:transparent; }
.skill-path-design .study-item:last-child { grid-column:2; }
.skill-path-design .study-item:target { background:#eff6ff; outline:2px solid #2563eb; outline-offset:-2px; border-radius:4px; }
.skill-path-design .study-item > i { flex:0 0 42px; font-size:34px; color:#2563eb; text-align:center; }
.skill-path-design .study-item h3 { margin:0 0 6px; font-size:24px; line-height:1.7; font-weight:800; }
.skill-path-design .study-item:first-child h3 { color:#2563eb; }
.skill-path-design .study-item p { margin:0; font-size:16px; line-height:1.9; color:#64748b; }
.skill-path-design .about-section { margin-block:0; padding-block:18px 40px; display:grid; grid-template-columns:1fr 1.06fr; align-items:center; column-gap:48px; }
.skill-path-design .about-content { width:100%; max-width:none; margin:0; text-align:right; }
.skill-path-design .about-content h2 { margin-bottom:22px; }
.skill-path-design .about-content > p { margin:0; max-width:none; color:#64748b; font-size:20px; line-height:1.9; }
.skill-path-design .about-image { align-self:stretch; min-height:420px; overflow:hidden; }
.skill-path-design .about-image picture,
.skill-path-design .about-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.skill-path-design .feature-list { margin-top:30px; gap:18px 24px; border:0; grid-template-columns:1fr 1fr; }
.skill-path-design .feature { min-width:0; min-height:64px; padding:0; border:0; background:transparent; gap:12px; justify-content:flex-start; box-shadow:none; }
.skill-path-design .feature:nth-child(even) { padding-right:0; border:0; }
.skill-path-design .feature:hover { background:transparent; }
.skill-path-design .feature i { width:35px; height:40px; flex:0 0 35px; padding:0; font-size:25px; background:none; border-radius:0; color:#2563eb; }
.skill-path-design .feature span { font-size:17px; line-height:1.8; }
.skill-path-design .feature-copy { display:grid; gap:3px; }
.skill-path-design .feature-copy small { font-size:13px; color:#64748b; font-weight:400; }
.skill-path-design .stats-section { margin-block:0; padding:20px 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid #e2e8f0; border-inline:0; border-radius:0; background:#fff; overflow:visible; }
.skill-path-design .stat-card { min-height:88px; padding:10px 16px; border:0; }
.skill-path-design .stat-card:not(:first-child) { border-right:1px solid #e2e8f0; }
.skill-path-design .stat-card .stat-value { margin-bottom:6px; font-size:34px; font-weight:800; color:#2563eb; }
.skill-path-design .stat-card p { font-size:14px; color:#64748b; }
.skill-path-design .gallery-section { margin-block:0; padding-block:48px 28px; }
.skill-path-design .gallery-section .section-header { margin-bottom:28px; }
.skill-path-design .gallery-grid { display:grid; height:auto; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto; grid-template-areas:none; gap:14px; }
.skill-path-design .gallery-item { grid-area:auto; height:auto; width:100%; aspect-ratio:1.62; margin:0; overflow:hidden; border:0; border-radius:0; background:#eff6ff; box-shadow:none; }
.skill-path-design .gallery-media-button { border-radius:0; }
.skill-path-design .gallery-button { margin-top:18px; text-align:center; }
.skill-path-design .gallery-button .primary-btn { min-height:42px; padding:5px 14px; background:#fff; border-color:transparent; color:#2563eb; font-size:14px; }
.skill-path-design .contact-invitation { margin-block:0 32px; min-height:188px; padding:28px 34px; display:flex; align-items:center; gap:24px; background:#eff6ff; border-radius:8px; }
.skill-path-design .invitation-copy { flex:1; }
.skill-path-design .invitation-copy h2 { margin:0 0 10px; font-size:clamp(24px,2.4vw,34px); line-height:1.6; font-weight:800; }
.skill-path-design .invitation-copy p { color:#64748b; font-size:15px; line-height:1.9; }
.skill-path-design .contact-invitation .primary-btn { flex-shrink:0; order:-1; }
.skill-path-design .invitation-icon { order:2; display:grid; place-items:center; flex:0 0 108px; height:108px; border-radius:50%; color:#2563eb; background:#dceaff; font-size:48px; }
.skill-path-design footer { max-width:none; width:100%; margin:0; padding:48px 56px 18px; background:#14213d; color:#fff; }
.skill-path-design .footer-container { max-width:1328px; margin:0 auto; padding:0 0 28px; grid-template-columns:1.4fr .8fr .8fr; gap:48px; border:0; border-radius:0; background:transparent; }
.skill-path-design .footer-about { align-self:center; gap:18px; }
.skill-path-design .footer-about .footer-brand-logo { width:92px; filter:invert(1); }
.skill-path-design .footer-about h3,
.skill-path-design .footer-links h4,
.skill-path-design .footer-contact h4 { color:#fff; }
.skill-path-design .footer-about h3 { font-size:21px; }
.skill-path-design .footer-about p { font-size:14px; color:#b7c5dc; }
.skill-path-design .footer-links h4,
.skill-path-design .footer-contact h4 { font-size:15px; margin-bottom:12px; }
.skill-path-design .footer-link-list { gap:0; align-items:flex-start; }
.skill-path-design .footer-link-list a,
.skill-path-design .footer-link-button { padding:5px 0; min-height:34px; color:#c3cfe2; font-size:13px; }
.skill-path-design .footer-link-list a:hover,
.skill-path-design .footer-link-button:hover { color:#fff; }
.skill-path-design .footer-social { justify-content:flex-start; gap:10px; }
.skill-path-design .footer-social a { width:40px; height:40px; min-height:40px; background:#fff; border:0; border-radius:50%; box-shadow:none; }
.skill-path-design .footer-social img { width:26px; height:26px; }
.skill-path-design .copyright { max-width:1328px; margin:0 auto; padding:20px 0 0; border-top:1px solid #ffffff25; color:#aebdd3; text-align:center; font-size:12px; line-height:1.9; }
.skill-path-design .top-btn { display:none; }
.skill-path-design .major-list > div { display:flex; align-items:center; gap:12px; }
.skill-path-design .major-list i { color:#2563eb; }
.skill-path-design :is(a,button):focus-visible { outline:3px solid #0b57d0; outline-offset:4px; }

@media(min-width:769px) and (max-width:1100px) {
    .skill-path-design .navbar { width:calc(100% - 48px); gap:18px; }
    .skill-path-design .logo { gap:10px; }
    .skill-path-design .logo img { width:48px; height:48px; }
    .skill-path-design .brand-name { font-size:16px; }
    .skill-path-design .brand-tagline { font-size:10px; white-space:nowrap; }
    .skill-path-design .nav-links { gap:3px; }
    .skill-path-design .nav-links > li > a,
    .skill-path-design .nav-action { padding-inline:7px; font-size:13px; }
    .skill-path-design .nav-links > li > .learning-link { padding-inline:8px; }
    .skill-path-design .hero { min-height:700px; }
    .skill-path-design .hero-content { padding-top:40px; }
    .skill-path-design .hero-content p { font-size:16px; }
    .skill-path-design :is(.study-section,.about-section,.stats-section,.gallery-section,.contact-invitation) { width:calc(100% - 48px); }
    .skill-path-design .about-section { gap:28px; }
    .skill-path-design .feature-list { gap:12px; }
    .skill-path-design .feature span { font-size:13px; }
    .skill-path-design .study-directory { gap:0 28px; }
    .skill-path-design .study-item { padding-inline:14px; gap:16px; }
    .skill-path-design .study-item h3 { font-size:18px; }
    .skill-path-design .invitation-icon { flex-basis:72px; height:72px; font-size:32px; }
    .skill-path-design footer { padding-inline:24px; }
    .skill-path-design .footer-container { gap:28px; }
    .skill-path-design .footer-about h3 { font-size:17px; }
}

@media(max-width:768px) {
    .skill-path-design .site-header { min-height:76px; }
    .skill-path-design .navbar { width:calc(100% - 32px); height:76px; padding:0; gap:12px; }
    .skill-path-design .logo { gap:9px; min-width:0; flex-shrink:1; }
    .skill-path-design .logo img { width:46px; height:46px; }
    .skill-path-design .brand-copy { min-width:0; }
    .skill-path-design .brand-name { max-width:none; font-size:15px; white-space:normal; line-height:1.6; }
    .skill-path-design .brand-tagline { display:none; }
    .skill-path-design .menu-btn { background:#fff; border:1px solid #e2e8f0; border-radius:5px; color:#14213d; }
    .skill-path-design .nav-links { top:100%; gap:4px; border-radius:0 0 8px 8px; padding:12px; background:#fff; box-shadow:0 12px 24px #14213d12; }
    .skill-path-design .nav-links > li > a,
    .skill-path-design .nav-action { justify-content:flex-start; padding:10px 12px; min-height:48px; font-size:15px; }
    .skill-path-design .nav-links > li > a.active { border:0; color:#2563eb !important; background:#eff6ff; }
    .skill-path-design .nav-links > li > .learning-link { min-height:48px; border:0; }
    .skill-path-design .major-dropdown { margin-top:0; box-shadow:none; background:#f8fafc; }
    .skill-path-design .hero { height:790px; min-height:0; }
    .skill-path-design .hero-content { width:calc(100% - 32px); padding-top:36px; }
    .skill-path-design .hero-content h1 { font-size:clamp(31px,7.2vw,48px); line-height:1.55; letter-spacing:-.7px; }
    .skill-path-design .hero-content p { max-width:520px; margin-top:16px; font-size:15px; line-height:1.9; }
    .skill-path-design .desktop-break { display:none; }
    .skill-path-design .hero-buttons { flex-direction:row; flex-wrap:wrap; gap:10px; margin-top:22px; }
    .skill-path-design .primary-btn,
    .skill-path-design .secondary-btn { min-height:48px; padding:11px 18px; font-size:14px; }
    .skill-path-design .hero-image img { object-position:center bottom; }
    .skill-path-design :is(.study-section,.about-section,.stats-section,.gallery-section,.contact-invitation) { width:calc(100% - 32px); }
    .skill-path-design .study-section { padding-block:40px 32px; }
    .skill-path-design .section-header { margin-bottom:24px; }
    .skill-path-design .section-header h2,
    .skill-path-design .about-content h2 { font-size:30px; }
    .skill-path-design .section-header p { font-size:14px; }
    .skill-path-design .eyebrow,
    .skill-path-design .section-tag,
    .skill-path-design .section-header > span { font-size:12px; margin-bottom:8px; }
    .skill-path-design .study-directory { grid-template-columns:1fr; gap:0; }
    .skill-path-design .study-item:last-child { grid-column:auto; }
    .skill-path-design .study-item { min-height:104px; padding:20px 14px; gap:16px; }
    .skill-path-design .study-item > i { font-size:28px; flex-basis:36px; }
    .skill-path-design .study-item h3 { font-size:18px; }
    .skill-path-design .study-item p { font-size:13px; }
    .skill-path-design .about-section { padding-block:0 32px; grid-template-columns:1fr; gap:26px; }
    .skill-path-design .about-content > p { font-size:15px; line-height:2; }
    .skill-path-design .about-content h2 { margin-bottom:14px; }
    .skill-path-design .about-image { min-height:0; aspect-ratio:1.35; }
    .skill-path-design .feature-list { grid-template-columns:1fr 1fr; gap:14px 12px; margin-top:22px; }
    .skill-path-design .feature { min-height:54px; gap:8px; padding:0; border:0; }
    .skill-path-design .feature:nth-child(-n+2),
    .skill-path-design .feature:not(:last-child) { border:0; }
    .skill-path-design .feature i { width:28px; flex-basis:28px; font-size:22px; }
    .skill-path-design .feature span { font-size:12px; }
    .skill-path-design .feature-copy small { font-size:11px; line-height:1.8; }
    .skill-path-design .stats-section { grid-template-columns:1fr 1fr; padding:10px 0; }
    .skill-path-design .stat-card { min-height:90px; padding:14px 8px; }
    .skill-path-design .stat-card:not(:first-child) { border:0; }
    .skill-path-design .stat-card:nth-child(even) { border-right:1px solid #e2e8f0; }
    .skill-path-design .stat-card:nth-child(n+3) { border-top:1px solid #e2e8f0; }
    .skill-path-design .stat-card .stat-value { font-size:29px; }
    .skill-path-design .stat-card p { font-size:13px; }
    .skill-path-design .gallery-section { padding-block:36px 22px; }
    .skill-path-design .gallery-grid { grid-template-columns:1fr; gap:12px; }
    .skill-path-design .gallery-item { aspect-ratio:1.7; }
    .skill-path-design .contact-invitation { margin-bottom:24px; min-height:0; padding:26px 22px; flex-wrap:wrap; gap:18px; }
    .skill-path-design .invitation-copy { flex-basis:100%; }
    .skill-path-design .contact-invitation .primary-btn { order:0; }
    .skill-path-design .invitation-copy h2 { font-size:24px; line-height:1.7; }
    .skill-path-design .invitation-copy p { font-size:14px; }
    .skill-path-design .invitation-icon { display:none; }
    .skill-path-design footer { padding:32px 24px 20px; }
    .skill-path-design .footer-container { grid-template-columns:1fr 1fr; gap:28px; padding-bottom:24px; text-align:right; }
    .skill-path-design .footer-about { grid-column:1 / -1; flex-direction:row; gap:14px; }
    .skill-path-design .footer-about .footer-brand-logo { margin:0; width:70px; }
    .skill-path-design .footer-about h3 { font-size:17px; }
    .skill-path-design .footer-about p { font-size:12px; }
    .skill-path-design .footer-link-list { flex-direction:column; align-items:flex-start; gap:0; }
    .skill-path-design .footer-link-list a,
    .skill-path-design .footer-link-button { min-height:44px; padding:9px 0; }
    .skill-path-design .footer-social { justify-content:flex-start; }
    .skill-path-design .copyright { font-size:11px; }
}

@media(max-width:480px) {
    .skill-path-design .hero { height:680px; }
    .skill-path-design .hero-image img { object-position:49% bottom; }
    .skill-path-design .brand-name { font-size:13px; }
    .skill-path-design .hero-content { padding-top:28px; }
}

@media(prefers-reduced-motion:reduce) {
    .skill-path-design .primary-btn:hover,
    .skill-path-design .secondary-btn:hover { transform:none; }
}