/* NDT Academy page styles, ported from src/pages/NDTAcademy.jsx. */
.usonix-ndt-academy { color: #0b3558; background: #fff; font-family: 'Poppins', sans-serif; }
.usonix-ndt-academy * { box-sizing: border-box; }
.usonix-academy-container { width: min(1200px, calc(100% - 80px)); margin-inline: auto; }
.usonix-ndt-academy h1, .usonix-ndt-academy h2, .usonix-ndt-academy h3, .usonix-ndt-academy p, .usonix-ndt-academy figure { margin-top: 0; }
.usonix-ndt-academy h2, .usonix-ndt-academy h3 { color: #0b3558; }
.usonix-ndt-academy .usonix-academy-icon { display: block; flex: 0 0 auto; }
.usonix-academy-hero { position: relative; height: 90vh; display: flex; align-items: center; background-image: var(--usonix-academy-hero-image); background-size: cover; background-position: center; isolation: isolate; }
.usonix-academy-hero__overlay { position: absolute; inset: 0; z-index: -1; background: rgba(0,0,0,.55); }
.usonix-academy-hero__content { position: relative; z-index: 1; padding-block: 70px; color: #fff; }
.usonix-academy-hero h1 { max-width: 800px; margin: 25px 0 0; font-size: 56px; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; color: #fff; }
.usonix-academy-hero p { max-width: 650px; margin: 20px 0 0; color: #ddd; font-size: 18px; line-height: 1.8; }
.usonix-academy-certification { padding: 80px 0; background: #fff; }
.usonix-academy-certification__intro { display: flex; align-items: center; gap: 10px; margin: 0 0 15px; color: #0057a8; font-size: 15px; line-height: 1.6; font-weight: 700; }
.usonix-academy-certification__heading-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.usonix-academy-certification__heading-row h2 { margin: 0 0 10px; font-size: 42px; line-height: 1.15; font-weight: 800; letter-spacing: -.02em; }
.usonix-academy-certification__heading-row h2 .is-blue { color: #0057a8; }
.usonix-academy-certification__heading-row h2 small { color: #0b3558; font-size: 26px; font-weight: 800; }
.usonix-academy-badge { display: block; width: 130px; height: 130px; object-fit: contain; flex: 0 0 auto; filter: drop-shadow(0 8px 18px rgba(0,0,0,.18)); animation: usonixAcademyBadgeEntrance 1.1s cubic-bezier(.34,1.56,.64,1) .3s both, usonixAcademyBadgeSway 4.5s ease-in-out 1.4s infinite; }
@keyframes usonixAcademyBadgeEntrance { 0%{opacity:0;transform:translateY(-140px) scale(.6) rotate(0)}38%{opacity:1;transform:translateY(0) scale(1.2,.8) rotate(0)}48%{transform:translateY(8px) scale(1.3,.65) rotate(0)}60%{transform:translateY(-30px) scale(.85,1.15) rotate(-10deg)}70%{transform:translateY(4px) scale(1.08,.92) rotate(8deg)}78%{transform:translateY(-12px) scale(1) rotate(-12deg)}86%{transform:translateY(0) scale(1) rotate(10deg)}93%{transform:translateY(-4px) scale(1) rotate(-4deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(-6deg)} }
@keyframes usonixAcademyBadgeSway { 0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)} }
.usonix-academy-badge:hover { animation-play-state: paused; }
.usonix-academy-course-table-title { margin-top: 40px; padding: 12px; border-radius: 8px 8px 0 0; background: #0b3558; color: #fff; text-align: center; letter-spacing: 1px; font-weight: 700; }
.usonix-academy-courses { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; padding: 20px; border: 1px solid #e2e8f0; border-top: 0; border-radius: 0 0 8px 8px; background: #f5f9fc; }
.usonix-academy-course-card { position: relative; min-width: 0; padding: 30px 20px; border: 2px solid #e2e8f0; border-radius: 12px; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.04); text-align: center; transition: transform .3s cubic-bezier(.22,1,.36,1), border-color .3s, box-shadow .3s; }
.usonix-academy-course-card:hover { transform: translateY(-6px) scale(1.02); border-color: #0057a8; box-shadow: 0 12px 28px rgba(0,87,168,.18); }
.usonix-academy-course-card.is-best-value { border-color: #f5a623; background: #fff7e6; }
.usonix-academy-course-card.is-best-value:hover { border-color: #f5a623; }
.usonix-academy-best-value { position: absolute; top: 10px; right: 10px; padding: 3px 8px; border-radius: 4px; background: #f5a623; color: #fff; font-size: 10px; font-weight: 700; }
.usonix-academy-course-card h3 { margin: 0 0 10px; color: #0b3558; font-size: 14px; line-height: 1.45; font-weight: 700; letter-spacing: .5px; }
.usonix-academy-course-price { margin: 0 0 18px; color: #0057a8; font-size: 26px; line-height: 1.25; font-weight: 800; }
.usonix-academy-course-duration { display: flex; align-items: center; justify-content: center; gap: 6px; margin-bottom: 8px; color: #0b3558; font-size: 12px; font-weight: 600; }
.usonix-academy-course-eligibility { margin: 0; color: #64748b; font-size: 12px; line-height: 1.6; font-weight: 600; }
.usonix-academy-course-cta { margin-top: 50px; padding: 40px; border-radius: 16px; background: linear-gradient(135deg,#0b3558,#0057a8); color: #fff; text-align: center; }
.usonix-academy-course-cta h3 { margin: 0 0 8px; color: #fff; font-size: 26px; line-height: 1.35; font-weight: 800; }
.usonix-academy-course-cta p { margin: 0 0 22px; color: #cfe0f0; font-size: 14px; line-height: 1.7; font-weight: 600; letter-spacing: .5px; }
.usonix-academy-course-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 16px 42px; border: 0; border-radius: 8px; background: #fff; color: #0057a8; font-size: 16px; font-weight: 700; text-decoration: none; transition: transform .2s ease; }
.usonix-academy-course-cta a:hover { color: #0057a8; transform: scale(1.05); }
.usonix-academy-why-section { padding: 80px 0; background: #f5f9fc; }
.usonix-academy-why-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 50px; }
.usonix-academy-why-card { padding: 35px 30px; border-radius: 16px; background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.05); }
.usonix-academy-why-card h2, .usonix-academy-highlights h2 { margin: 0 0 25px; color: #0b3558; font-size: 24px; line-height: 1.3; font-weight: 800; }
.usonix-academy-why-card ul { list-style: none; margin: 0; padding: 0; }
.usonix-academy-why-card li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; color: #334155; font-size: 15px; line-height: 1.65; }
.usonix-academy-why-card li .usonix-academy-icon { color: #0057a8; margin-top: 2px; }
.usonix-academy-highlight-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 20px; }
.usonix-academy-highlight-card { display: flex; flex-direction: column; align-items: center; min-height: 170px; padding: 25px 15px; border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.05); text-align: center; }
.usonix-academy-highlight-icon { display: flex; height: 28px; align-items: center; margin-bottom: 12px; color: #0057a8; }
.usonix-academy-highlight-card > div { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.usonix-academy-highlight-card strong { color: #0b3558; font-size: 20px; line-height: 1.25; font-weight: 800; }
.usonix-academy-highlight-card p { margin: 6px 0 0; color: #64748b; font-size: 12px; line-height: 1.5; font-weight: 600; }
.usonix-academy-highlight-card:not(:has(strong)) p { color: #0b3558; font-size: 13px; font-weight: 700; }
.usonix-academy-gallery-section, .usonix-academy-placement-section { padding: 80px 0; background: #fff; }
.usonix-academy-section-heading { margin: 0 0 40px; color: #0b3558; font-size: 32px; line-height: 1.25; font-weight: 800; text-align: center; }
.usonix-academy-gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.usonix-academy-gallery-item { position: relative; height: 220px; margin: 0; overflow: hidden; border-radius: 12px; background: #eaf1f8; box-shadow: 0 4px 14px rgba(0,0,0,.08); }
.usonix-academy-gallery-item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.usonix-academy-gallery-item:hover img { transform: scale(1.08); }
.usonix-academy-gallery-item figcaption { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; gap: 8px; padding: 30px 16px 14px; background: linear-gradient(transparent,rgba(11,53,88,.85)); color: #fff; font-size: 14px; line-height: 1.5; font-weight: 600; }
.usonix-academy-reviews-section { padding: 80px 0; background: #f5f9fc; }
.usonix-academy-testimonials { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
.usonix-academy-testimonial { padding: 28px 24px; border-radius: 14px; background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.06); transition: transform .3s ease; }
.usonix-academy-testimonial:hover { transform: translateY(-4px); }
.usonix-academy-stars { display: flex; gap: 4px; margin-bottom: 12px; }
.usonix-academy-stars span { color: #d1d5db; font-size: 19px; line-height: 1; }
.usonix-academy-stars span.is-filled { color: #f5a623; }
.usonix-academy-testimonial-review { margin: 0 0 16px; color: #334155; font-size: 14px; line-height: 1.7; }
.usonix-academy-testimonial-name { margin: 0; color: #0b3558; font-size: 13px; font-weight: 700; }
.usonix-academy-placement-section { background: #fff; }
.usonix-academy-placement { max-width: 1000px; padding: 50px 40px; border-radius: 20px; background: #0b3558; color: #fff; text-align: center; }
.usonix-academy-placement h2 { margin: 0 0 35px; color: #fff; font-size: 30px; line-height: 1.3; font-weight: 800; }
.usonix-academy-placement-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.usonix-academy-placement-grid article { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 24px 16px; border-radius: 12px; background: rgba(255,255,255,.08); }
.usonix-academy-placement-icon { display: flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 50%; background: #0057a8; color: #fff; }
.usonix-academy-placement-grid article > span:last-child { color: #fff; font-size: 14px; line-height: 1.5; font-weight: 600; }
.usonix-academy-form-section { padding: 80px 40px; background: #f5f9fc; }
.usonix-academy-enquiry { max-width: 700px; margin: 0 auto; padding: 45px; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.usonix-academy-enquiry h2 { margin: 0 0 8px; color: #0b3558; font-size: 28px; line-height: 1.35; font-weight: 800; text-align: center; }
.usonix-academy-enquiry-intro { margin: 0 0 30px; color: #64748b; font-size: 14px; line-height: 1.7; text-align: center; }
#usonix-academy-enquiry-form { display: flex; flex-direction: column; gap: 16px; }
.usonix-academy-form-row { display: flex; gap: 16px; }
.usonix-academy-field { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 4px; }
.usonix-academy-field input, .usonix-academy-field select, .usonix-academy-field textarea { width: 100%; min-width: 0; margin: 0; padding: 13px 16px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; color: #0b3558; font: inherit; font-size: 14px; line-height: 1.45; transition: border-color .2s ease, box-shadow .2s ease; }
.usonix-academy-field textarea { resize: vertical; }
.usonix-academy-field input:focus, .usonix-academy-field select:focus, .usonix-academy-field textarea:focus { outline: 0; border-color: #0057a8; box-shadow: 0 0 0 3px rgba(0,87,168,.1); }
.usonix-academy-field .has-error, .usonix-academy-field input.has-error, .usonix-academy-field select.has-error, .usonix-academy-field textarea.has-error { border-color: #e11d48; }
.usonix-academy-field small { min-height: 0; color: #e11d48; font-size: 12px; line-height: 1.4; font-weight: 600; }
.usonix-academy-field small:empty { display: none; }
#usonix-academy-enquiry-form > button { margin-top: 8px; padding: 16px; border: 0; border-radius: 8px; background: #0057a8; color: #fff; font-family: inherit; font-size: 16px; font-weight: 700; cursor: pointer; transition: background .2s ease; }
#usonix-academy-enquiry-form > button:hover { background: #0b3558; }
#usonix-academy-enquiry-form > button:disabled { background: #94a3b8; cursor: not-allowed; }
.usonix-academy-form-status { padding: 12px 16px; border: 1px solid transparent; border-radius: 8px; font-size: 14px; line-height: 1.55; font-weight: 600; text-align: center; }
.usonix-academy-form-status[hidden] { display: none; }
.usonix-academy-form-status.is-success { border-color: #bbf7d0; background: #dcfce7; color: #166534; }
.usonix-academy-form-status.is-error { border-color: #fecaca; background: #fee2e2; color: #991b1b; }
.usonix-academy-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
.usonix-academy-reveal { transform: translateY(30px); transition: transform .7s cubic-bezier(.22,1,.36,1); }
.usonix-academy-reveal.is-revealed { transform: translateY(0); }
@media (max-width: 1100px) { .usonix-academy-courses { grid-template-columns: repeat(2,minmax(0,1fr)); } .usonix-academy-why-grid { gap: 28px; } .usonix-academy-testimonials { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 820px) { .usonix-academy-container { width: min(100% - 48px, 700px); } .usonix-academy-hero { height: 90vh; } .usonix-academy-hero__content { padding-block: 54px; } .usonix-academy-hero h1 { font-size: clamp(36px,7vw,48px); } .usonix-academy-hero p { font-size: 16px; } .usonix-academy-certification, .usonix-academy-why-section, .usonix-academy-gallery-section, .usonix-academy-reviews-section, .usonix-academy-placement-section { padding-block: 60px; } .usonix-academy-certification__heading-row h2 { font-size: 36px; } .usonix-academy-certification__heading-row h2 small { font-size: 22px; } .usonix-academy-why-grid { grid-template-columns: 1fr; } .usonix-academy-gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .usonix-academy-placement-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .usonix-academy-container { width: calc(100% - 36px); } .usonix-academy-hero { height: 90vh; background-position: 58% center; } .usonix-academy-hero h1 { margin-top: 10px; font-size: 36px; } .usonix-academy-hero p { font-size: 15px; line-height: 1.7; } .usonix-academy-certification, .usonix-academy-why-section, .usonix-academy-gallery-section, .usonix-academy-reviews-section, .usonix-academy-placement-section { padding-block: 48px; } .usonix-academy-certification__intro { align-items: flex-start; font-size: 13px; } .usonix-academy-certification__heading-row { gap: 16px; } .usonix-academy-certification__heading-row h2 { font-size: 30px; } .usonix-academy-certification__heading-row h2 small { font-size: 18px; } .usonix-academy-badge { width: 90px; height: 90px; margin-inline: auto; } .usonix-academy-courses { grid-template-columns: 1fr; padding: 14px; gap: 12px; } .usonix-academy-course-card { padding: 26px 18px; } .usonix-academy-course-cta { padding: 30px 20px; margin-top: 32px; } .usonix-academy-course-cta h3 { font-size: 23px; } .usonix-academy-course-cta p { font-size: 12px; } .usonix-academy-course-cta a { padding: 14px 28px; } .usonix-academy-why-card { padding: 28px 22px; } .usonix-academy-highlight-grid { gap: 10px; grid-template-columns: 1fr; } .usonix-academy-highlight-card { min-height: 125px; } .usonix-academy-gallery-grid, .usonix-academy-testimonials { grid-template-columns: 1fr; } .usonix-academy-gallery-item { height: 220px; } .usonix-academy-section-heading { font-size: 28px; } .usonix-academy-placement { width: calc(100% - 36px); padding: 36px 20px; } .usonix-academy-placement h2 { font-size: 26px; } .usonix-academy-placement-grid { gap: 10px; } .usonix-academy-placement-grid article { padding: 20px 10px; font-size: 12px; } .usonix-academy-form-section { padding: 48px 18px; } .usonix-academy-enquiry { padding: 28px 18px; } .usonix-academy-enquiry h2 { font-size: 24px; } .usonix-academy-form-row { flex-direction: column; gap: 16px; } }
@media (prefers-reduced-motion: reduce) { .usonix-academy-badge, .usonix-academy-reveal, .usonix-academy-gallery-item img { animation: none !important; transition: none !important; transform: none !important; } }