@import "https://cdn.jsdelivr.net/npm/@fontsource/work-sans@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/work-sans@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/work-sans@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/work-sans@latest/700-italic.css";
html{margin:0;padding:0;box-sizing:border-box}
body{margin:0;padding:0;font-family:'Work Sans',sans-serif;background:#0a0a0a;color:#FDFDFD;line-height:1.6}
*{box-sizing:border-box}
.headerBox{background:linear-gradient(127deg,#1a0518 0%,#2a0a1f 50%,#1a0518 100%);border-bottom:2px solid #7F0678;padding:0;box-shadow:0 8px 24px #7f067826}
.header--wrapper{max-width:1600px;margin:0 auto;padding:20px 30px}
.headerGrid2{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:18px 22px;align-items:center}
.logo-box{grid-column:1;grid-row:1;display:flex;align-items:center}
.logoImg4{height:95px;width:95px;object-fit:contain;background:#fdfdfd08;padding:8px;border-radius:3px;box-shadow:0 4px 12px #eb47071f}
.brand-title-box{grid-column:2;grid-row:1;text-align:right}
.companyName7{font-size:2.1rem;font-weight:700;color:#FDFDFD;margin:0;letter-spacing:.5px;text-shadow:0 2px 8px #eb470733}
.navWrapper{grid-column:1 / -1;grid-row:2;margin-top:24px}
.mainNav{display:flex;gap:35px;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.nav-link-data{color:#FDFDFD;text-decoration:none;font-size:1.05rem;font-weight:400;padding:8px 14px;border-radius:2px;transition:color .3s ease,background-color .3s ease}
.nav-link-data:hover{color:#EB4707;background-color:#7f06781f}
.footer-wrapper{background:linear-gradient(312deg,#0f0412 0%,#1a0a1a 50%,#0f0412 100%);border-top:2px solid #7F0678;padding:60px 30px 30px;margin-top:80px;box-shadow:0 -8px 24px #7f06781a}
.footerContainer{max-width:1600px;margin:0 auto}
.footer-grid-box{display:grid;grid-template-columns:repeat(4,1fr);gap:45px;margin-bottom:50px}
.footerColumn{display:flex;flex-direction:column;gap:14px}
.footer-heading-data{font-size:1.2rem;font-weight:700;color:#EB4707;margin-bottom:8px;text-shadow:0 2px 6px #eb47072e}
.footer-text-wrapper p{margin:0 0 10px;color:#FDFDFD;font-size:.95rem;line-height:1.7}
.footerLink{color:#FDFDFD;text-decoration:none;font-size:.95rem;transition:color .3s ease}
.footerLink:hover{color:#7F0678}
.awards-container{background:#7f067814;padding:18px;border-radius:4px;border:1px solid #eb470733}
.awards-container p{margin:5px 0;font-size:.88rem;color:#FDFDFD}
.copyright-box{text-align:center;padding-top:28px;border-top:1px solid #7f067840;color:#FDFDFD;font-size:.9rem}
.cookieBox{position:fixed;bottom:25px;right:25px;background:linear-gradient(135deg,#1a0518 0%,#2a0a1f 100%);border:2px solid #7F0678;border-radius:5px;padding:28px;max-width:420px;box-shadow:0 12px 36px #7f067840 0 0 60px #eb470714;z-index:10000;display:none}
.cookieBox.show-cookie{display:block;animation:slideInRight .5s ease-out}
.cookieBox.hide14{animation:slideOutRight .4s ease-in forwards}
@keyframes slideInRight {
from{transform:translateX(450px);opacity:0}
to{transform:translateX(0);opacity:1}
}
@keyframes slideOutRight {
from{transform:translateX(0);opacity:1}
to{transform:translateX(450px);opacity:0}
}
.cookie-title-handler{font-size:1.25rem;font-weight:700;color:#FDFDFD;margin:0 0 15px}
.cookie-description-fetch{font-size:.92rem;color:#FDFDFD;margin-bottom:20px;line-height:1.6}
.cookie-options-wrapper{margin-bottom:22px}
.cookie-category-data{display:flex;align-items:center;margin-bottom:12px;gap:10px}
.cookie-category-data input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
.cookie-category-data input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.6}
.cookie-category-data label{font-size:.9rem;color:#FDFDFD;cursor:pointer}
.cookie-btn-container{display:flex;gap:12px;flex-wrap:wrap}
.cookie-action-btn{flex:1;padding:11px 20px;border:2px solid #7F0678;background:transparent;color:#FDFDFD;font-size:.95rem;font-weight:600;border-radius:3px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease;font-family:'Work Sans',sans-serif}
.cookie-action-btn:hover{background-color:#7f067826;border-color:#EB4707}
.cookie-info-link{display:inline-block;margin-top:12px;color:#EB4707;font-size:.88rem;text-decoration:none;transition:color .3s ease}
.cookie-info-link:hover{color:#7F0678}
.cookie-badge-handler{position:fixed;bottom:25px;right:25px;background:linear-gradient(135deg,#7F0678 0%,#EB4707 100%);color:#FDFDFD;padding:12px 18px;border-radius:50px;cursor:pointer;box-shadow:0 6px 18px #7f06784d;font-size:.9rem;font-weight:600;z-index:9999;display:none;transition:transform .3s ease}
.cookie-badge-handler:hover{transform:scale(1.05)}
@media (max-width: 1024px) {
.footer-grid-box{grid-template-columns:repeat(2,1fr);gap:35px}
}
@media (max-width: 768px) {
.headerGrid2{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px}
.logo-box{grid-column:1;justify-content:center}
.brand-title-box{grid-column:1;grid-row:2;text-align:center}
.navWrapper{grid-column:1;grid-row:3;margin-top:15px}
.mainNav{flex-direction:column;gap:12px;align-items:center}
.footer-grid-box{grid-template-columns:1fr;gap:30px}
.cookieBox{right:15px;left:15px;bottom:15px;max-width:none}
.cookie-badge-handler{right:15px;bottom:15px}
}
@media (max-width: 480px) {
.companyName7{font-size:1.6rem}
.logoImg4{height:75px;width:75px}
.cookie-btn-container{flex-direction:column}
.cookie-action-btn{width:100%}
}
.content-legal{max-width:1600px;margin:0 auto;padding:80px 40px;background:linear-gradient(147deg,#0a0a0a 0%,#1a0a18 50%,#0f0a0a 100%);color:#FDFDFD;line-height:1.8}
@media (max-width: 768px) {
.content-legal{padding:60px 24px}
}
@media (max-width: 480px) {
.content-legal{padding:40px 16px}
}
.content-legal h1{font-size:3.2rem;font-weight:700;color:#FDFDFD;margin:0 0 48px;padding-bottom:24px;border-bottom:3px solid #7F0678;background:linear-gradient(123deg,#7F0678 0%,#EB4707 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}
@media (max-width: 768px) {
.content-legal h1{font-size:2.4rem;margin-bottom:36px}
}
@media (max-width: 480px) {
.content-legal h1{font-size:2rem;margin-bottom:28px}
}
.content-legal h2{font-size:2.2rem;font-weight:600;color:#FDFDFD;margin:64px 0 28px;padding-left:20px;border-left:4px solid #EB4707;letter-spacing:-.3px}
@media (max-width: 768px) {
.content-legal h2{font-size:1.8rem;margin-top:48px}
}
@media (max-width: 480px) {
.content-legal h2{font-size:1.5rem;margin-top:40px;padding-left:16px}
}
.content-legal h3{font-size:1.7rem;font-weight:600;color:#FDFDFD;margin:48px 0 20px;opacity:.95}
@media (max-width: 768px) {
.content-legal h3{font-size:1.5rem;margin-top:36px}
}
@media (max-width: 480px) {
.content-legal h3{font-size:1.3rem;margin-top:32px}
}
.content-legal h4{font-size:1.4rem;font-weight:600;color:#FDFDFD;margin:36px 0 16px;opacity:.9}
@media (max-width: 768px) {
.content-legal h4{font-size:1.3rem}
}
@media (max-width: 480px) {
.content-legal h4{font-size:1.2rem}
}
.content-legal h5{font-size:1.2rem;font-weight:600;color:#FDFDFD;margin:28px 0 12px;opacity:.88}
@media (max-width: 480px) {
.content-legal h5{font-size:1.1rem}
}
.content-legal h6{font-size:1.1rem;font-weight:600;color:#FDFDFD;margin:24px 0 12px;opacity:.85;text-transform:uppercase;letter-spacing:.5px}
@media (max-width: 480px) {
.content-legal h6{font-size:1rem}
}
.content-legal p{font-size:1.1rem;line-height:1.9;color:#e8e8e8;margin:0 0 24px;text-align:justify}
@media (max-width: 768px) {
.content-legal p{font-size:1.05rem;text-align:left}
}
@media (max-width: 480px) {
.content-legal p{font-size:1rem;margin-bottom:20px}
}
.content-legal ul{margin:24px 0 32px;padding-left:0;list-style:none}
.content-legal ol{margin:24px 0 32px;padding-left:0;list-style:none;counter-reset:policy-counter}
.content-legal ul li{position:relative;padding-left:36px;margin-bottom:16px;font-size:1.1rem;line-height:1.8;color:#e8e8e8}
.content-legal ul li::before{content:'';position:absolute;left:0;top:11px;width:8px;height:8px;background:linear-gradient(135deg,#7F0678 0%,#EB4707 100%);border-radius:2px;box-shadow:0 2px 8px #7f067866}
@media (max-width: 768px) {
.content-legal ul li{font-size:1.05rem;padding-left:32px}
}
@media (max-width: 480px) {
.content-legal ul li{font-size:1rem;padding-left:28px}
}
.content-legal ol li{position:relative;padding-left:44px;margin-bottom:16px;font-size:1.1rem;line-height:1.8;color:#e8e8e8;counter-increment:policy-counter}
.content-legal ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;top:0;font-weight:700;font-size:1.1rem;color:#EB4707;min-width:32px}
@media (max-width: 768px) {
.content-legal ol li{font-size:1.05rem;padding-left:40px}
}
@media (max-width: 480px) {
.content-legal ol li{font-size:1rem;padding-left:36px}
}
.content-legal ul ul,.content-legal ol ul,.content-legal ul ol,.content-legal ol ol{margin:12px 0;padding-left:28px}
.content-legal strong,.content-legal b{font-weight:700;color:#FDFDFD}
.content-legal em,.content-legal i{font-style:italic;color:#f0f0f0}
.content-legal a{color:#EB4707;text-decoration:none;border-bottom:1px solid transparent;transition:all .32s cubic-bezier(0.4,0,0.2,1);font-weight:500}
.content-legal a:hover{color:#7F0678;border-bottom-color:#7F0678;text-shadow:0 0 12px #7f067880}
.content-legal a:active{color:#FDFDFD;transform:translateY(1px)}
.content-legal div{margin:0 0 20px}
.content-legal div p:last-child{margin-bottom:0}
.content-legal h2:first-of-type{margin-top:0}
.content-legal > :last-child{margin-bottom:0}
.hero-grid{display:grid;grid-template-columns:1fr;gap:0;max-width:1600px;margin:3rem auto;padding:0 1.5rem;position:relative}
.hero-grid .visual-area{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;background:linear-gradient(127deg,#1a0a19 0%,#2d0d2a 100%);border-radius:4px;overflow:hidden}
.hero-grid .visual-area::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(127deg,#7f067826 0%,#eb470714 50%,#7f06781f 100%);animation:rotate-subtle 20s linear infinite}
@keyframes rotate-subtle {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.hero-grid .shape-layout{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.hero-grid .shape-layout .geo-shape{position:absolute;border:1px solid #7f06784d}
.hero-grid .shape-layout .geo-shape:nth-child(1){width:180px;height:180px;top:8%;left:5%;border-radius:50%;background:radial-gradient(circle,#eb47071a 0%,transparent 70%)}
.hero-grid .shape-layout .geo-shape:nth-child(2){width:140px;height:140px;bottom:12%;right:8%;transform:rotate(45deg);background:linear-gradient(135deg,#7f067814 0%,transparent 100%)}
.hero-grid .shape-layout .geo-shape:nth-child(3){width:90px;height:90px;top:45%;right:15%;border-radius:4px;background:#eb47070d}
.hero-grid .cutout-image{position:relative;z-index:2;width:85%;max-width:480px;height:auto;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%);filter:brightness(1.05) contrast(1.1)}
.hero-grid .dot-decoration{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:3}
.hero-grid .dot-decoration span{width:6px;height:6px;background:#7f067899;border-radius:50%;opacity:.7;transition:all .4s ease}
.hero-grid .dot-decoration span:nth-child(2){background:#eb470799}
.hero-grid .dot-decoration span:nth-child(3){background:#7f067880}
.hero-grid .dot-decoration span:hover{transform:scale(1.4);opacity:1}
.hero-grid .text-dialogue{padding:3rem 2rem;background:#0d0a0c;border-radius:4px;margin-top:2rem}
.hero-grid .text-dialogue h1{font-size:2.2rem;font-weight:700;color:#FDFDFD;margin-bottom:1.5rem;line-height:1.3}
.hero-grid .text-dialogue .intro-text{font-size:1.05rem;color:#fdfdfdd9;line-height:1.7;margin-bottom:1.2rem}
.hero-grid .text-dialogue .dialogue-line{font-size:1rem;color:#fdfdfdbf;line-height:1.6;margin-bottom:.9rem}
.hero-grid .cta-wrapper{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}
.hero-grid .cta-wrapper .btn-primary{padding:.85rem 1.8rem;background:linear-gradient(135deg,#7F0678 0%,#9a088f 100%);color:#FDFDFD;text-decoration:none;border-radius:3px;font-weight:600;font-size:.95rem;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 12px #7f06784d;z-index:10;position:relative}
.hero-grid .cta-wrapper .btn-primary:hover{background:linear-gradient(135deg,#9a088f 0%,#7F0678 100%);box-shadow:0 6px 18px #7f067873;transform:translateY(-2px)}
.hero-grid .cta-wrapper .btn-secondary{padding:.85rem 1.8rem;background:transparent;color:#EB4707;text-decoration:none;border-radius:3px;font-weight:600;font-size:.95rem;transition:all .3s ease;border:2px solid #EB4707;cursor:pointer;z-index:10;position:relative}
.hero-grid .cta-wrapper .btn-secondary:hover{background:#eb470726;border-color:#ff5a1a;color:#ff5a1a}
@media (min-width: 768px) {
.hero-grid{grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.hero-grid .text-dialogue{margin-top:0}
.hero-grid .text-dialogue h1{font-size:2.6rem}
}
@media (min-width: 1024px) {
.hero-grid{grid-template-columns:1.1fr 0.9fr;gap:4rem}
.hero-grid .text-dialogue h1{font-size:3rem}
}
.learner-profiles-box{max-width:1600px;margin:5rem auto;padding:0 1.5rem}
.learner-profiles-box .section-header7{text-align:center;margin-bottom:3.5rem}
.learner-profiles-box .section-header7 h2{font-size:2rem;font-weight:700;color:#FDFDFD;margin-bottom:1rem;position:relative;display:inline-block}
.learner-profiles-box .section-header7 h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#7F0678 0%,#EB4707 100%)}
.learner-profiles-box .section-header7 .subtext42{font-size:1.05rem;color:#fdfdfdb3;margin-top:1.5rem;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.6}
.learner-profiles-box .profile-cards{display:grid;grid-template-columns:1fr;gap:2rem}
.learner-profiles-box .profile-cards .profile-item{background:linear-gradient(145deg,#1a0d19 0%,#0f0a0e 100%);border-radius:5px;padding:2.5rem;border-left:4px solid #7F0678;transition:all .35s ease;position:relative;overflow:hidden}
.learner-profiles-box .profile-cards .profile-item::before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,#eb470714 0%,transparent 70%);border-radius:50%;transform:translate(40%,-40%);transition:all .35s ease}
.learner-profiles-box .profile-cards .profile-item:hover{border-left-color:#EB4707;box-shadow:0 8px 24px #7f067840;transform:translateX(8px)}
.learner-profiles-box .profile-cards .profile-item:hover::before{transform:translate(30%,-30%) scale(1.2);background:radial-gradient(circle,#eb470726 0%,transparent 70%)}
.learner-profiles-box .profile-cards .profile-item h3{font-size:1.5rem;font-weight:600;color:#FDFDFD;margin-bottom:1.2rem;position:relative;z-index:1}
.learner-profiles-box .profile-cards .profile-item .needs-list{list-style:none;padding:0;margin:0;position:relative;z-index:1}
.learner-profiles-box .profile-cards .profile-item .needs-list li{font-size:.98rem;color:#fdfdfdcc;line-height:1.7;margin-bottom:.8rem;padding-left:1.8rem;position:relative}
.learner-profiles-box .profile-cards .profile-item .needs-list li::before{content:'';position:absolute;left:0;top:.6rem;width:8px;height:8px;background:#EB4707;border-radius:50%;box-shadow:0 0 8px #eb470766}
.learner-profiles-box .profile-cards .profile-item:nth-child(2){border-left-color:#EB4707}
.learner-profiles-box .profile-cards .profile-item:nth-child(2):hover{border-left-color:#7F0678}
.learner-profiles-box .profile-cards .profile-item:nth-child(2) .needs-list li::before{background:#7F0678;box-shadow:0 0 8px #7f067866}
.learner-profiles-box .profile-cards .profile-item:nth-child(3){border-left-color:#a82e9d}
.learner-profiles-box .profile-cards .profile-item:nth-child(3):hover{border-left-color:#ff6820}
.learner-profiles-box .profile-cards .profile-item:nth-child(3) .needs-list li::before{background:linear-gradient(135deg,#7F0678 0%,#EB4707 100%);box-shadow:0 0 10px #c8235080}
@media (min-width: 768px) {
.learner-profiles-box .profile-cards{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 1024px) {
.learner-profiles-box .profile-cards{grid-template-columns:repeat(3,1fr)}
.learner-profiles-box .section-header7 h2{font-size:2.4rem}
}
.learning-methods-wrapper{max-width:1600px;margin:6rem auto;padding:0 1.5rem}
.learning-methods-wrapper .header-zone{margin-bottom:3rem}
.learning-methods-wrapper .header-zone h2{font-size:2rem;font-weight:700;color:#FDFDFD;margin-bottom:1rem}
.learning-methods-wrapper .header-zone h2::before{content:'';display:inline-block;width:5px;height:28px;background:linear-gradient(180deg,#7F0678 0%,#EB4707 100%);margin-right:.8rem;vertical-align:middle;border-radius:2px}
.learning-methods-wrapper .header-zone .description64{font-size:1.05rem;color:#fdfdfdbf;line-height:1.7;max-width:720px}
.learning-methods-wrapper .tabs-container{position:relative}
.learning-methods-wrapper input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.learning-methods-wrapper .tab-navigation{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;border-bottom:2px solid #7f067833}
.learning-methods-wrapper .tab-navigation label{padding:.9rem 1.8rem;background:#1a0d19;color:#fdfdfdb3;cursor:pointer;border-radius:4px 4px 0 0;font-weight:600;font-size:.95rem;transition:all .3s ease;border:1px solid transparent;position:relative;z-index:1}
.learning-methods-wrapper .tab-navigation label:hover{background:#251520;color:#fdfdfde6}
.learning-methods-wrapper input[type="radio"]:checked + label{background:linear-gradient(135deg,#7f06784d 0%,#eb470733 100%);color:#FDFDFD;border-color:#7F0678;border-bottom-color:transparent}
.learning-methods-wrapper .tab-content-area{position:relative}
.learning-methods-wrapper .tab-panel{display:none;background:linear-gradient(135deg,#0f0a0e 0%,#1a0d19 100%);padding:2.5rem;border-radius:5px;border:1px solid #7f067833;animation:fadeIn .4s ease}
@keyframes fadeIn {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.learning-methods-wrapper input[type="radio"]:nth-of-type(1):checked ~ .tab-content-area .tab-panel:nth-of-type(1),.learning-methods-wrapper input[type="radio"]:nth-of-type(2):checked ~ .tab-content-area .tab-panel:nth-of-type(2),.learning-methods-wrapper input[type="radio"]:nth-of-type(3):checked ~ .tab-content-area .tab-panel:nth-of-type(3),.learning-methods-wrapper input[type="radio"]:nth-of-type(4):checked ~ .tab-content-area .tab-panel:nth-of-type(4){display:block}
.learning-methods-wrapper .tab-panel h3{font-size:1.6rem;font-weight:600;color:#FDFDFD;margin-bottom:1.5rem}
.learning-methods-wrapper .tab-panel .method-description{font-size:1rem;color:#fdfdfdcc;line-height:1.7;margin-bottom:1.5rem}
.learning-methods-wrapper .tab-panel .feature-grid8{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-top:2rem}
.learning-methods-wrapper .tab-panel .feature-grid8 .feature-card{background:#7f067814;padding:1.5rem;border-radius:4px;border-left:3px solid #EB4707;transition:all .3s ease}
.learning-methods-wrapper .tab-panel .feature-grid8 .feature-card:hover{background:#eb47071f;border-left-color:#7F0678;transform:translateX(6px)}
.learning-methods-wrapper .tab-panel .feature-grid8 .feature-card h4{font-size:1.15rem;font-weight:600;color:#FDFDFD;margin-bottom:.7rem}
.learning-methods-wrapper .tab-panel .feature-grid8 .feature-card p{font-size:.95rem;color:#fdfdfdbf;line-height:1.6;margin:0}
.learning-methods-wrapper .tab-panel .stat-display{display:flex;gap:2rem;margin-top:2rem;flex-wrap:wrap}
.learning-methods-wrapper .tab-panel .stat-display .stat-box{flex:1;min-width:140px;background:#eb470714;padding:1.3rem;border-radius:4px;text-align:center;border:1px solid #eb470733}
.learning-methods-wrapper .tab-panel .stat-display .stat-box .number95{font-size:2rem;font-weight:700;color:#EB4707;display:block;margin-bottom:.5rem}
.learning-methods-wrapper .tab-panel .stat-display .stat-box .label88{font-size:.9rem;color:#fdfdfdb3}
@media (min-width: 768px) {
.learning-methods-wrapper .tab-panel .feature-grid8{grid-template-columns:repeat(2,1fr)}
.learning-methods-wrapper .header-zone h2{font-size:2.3rem}
}
@media (min-width: 1024px) {
.learning-methods-wrapper .header-zone h2{font-size:2.6rem}
}
.image-showcase-section{max-width:1600px;margin:5rem auto;padding:0 1.5rem}
.image-showcase-section .showcase-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.image-showcase-section .showcase-grid .image-card{position:relative;overflow:hidden;border-radius:5px;box-shadow:0 6px 20px #7f067833;transition:all .4s ease}
.image-showcase-section .showcase-grid .image-card:hover{box-shadow:0 10px 32px #eb47074d;transform:translateY(-6px)}
.image-showcase-section .showcase-grid .image-card img{width:100%;height:280px;object-fit:cover;display:block;transition:all .4s ease}
.image-showcase-section .showcase-grid .image-card:hover img{transform:scale(1.05)}
.image-showcase-section .showcase-grid .image-card .overlay-text{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#0d0a0cf2 0%,transparent 100%);padding:2rem 1.5rem 1.5rem;transform:translateY(100%);transition:transform .4s ease}
.image-showcase-section .showcase-grid .image-card:hover .overlay-text{transform:translateY(0)}
.image-showcase-section .showcase-grid .image-card .overlay-text h4{font-size:1.2rem;font-weight:600;color:#FDFDFD;margin-bottom:.5rem}
.image-showcase-section .showcase-grid .image-card .overlay-text p{font-size:.92rem;color:#fdfdfdcc;line-height:1.5;margin:0}
@media (min-width: 640px) {
.image-showcase-section .showcase-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 1024px) {
.image-showcase-section .showcase-grid{grid-template-columns:repeat(4,1fr)}
.image-showcase-section .showcase-grid .image-card img{height:320px}
}
.title-wrapper47{background:linear-gradient(127deg,#1a0518 0%,#2b1228 45%,#1f0a1c 100%);padding:120px 28px 140px;position:relative;overflow:hidden}
.title-wrapper47::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#7f067808 2px,#7f067808 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#eb470705 2px,#eb470705 4px);opacity:.4;pointer-events:none}
.title-content-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.titleBlock__heading{font-size:3.8rem;line-height:1.15;color:#FDFDFD;margin:0 0 32px;font-weight:700;letter-spacing:-.02em}
.titleBlock__subtext{font-size:1.25rem;line-height:1.7;color:#fdfdfdd1;max-width:680px;margin:0 0 48px}
.title-visual-holder{margin:58px 0 0;position:relative}
.title-visual-holder img{width:100%;height:480px;object-fit:cover;border-radius:4px;display:block}
.title-visual-holder::after{content:'';position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(to top,#1a0518e6,transparent);pointer-events:none}
.storyBox{background:#0d0411;padding:100px 32px}
.story-inner-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.story-text-area h2{font-size:2.6rem;line-height:1.25;color:#FDFDFD;margin:0 0 28px;font-weight:600}
.story-text-area p{font-size:1.08rem;line-height:1.75;color:#fdfdfdc7;margin:0 0 24px}
.story-text-area p:last-of-type{margin-bottom:0}
.storyVisuals{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.storyVisuals img{width:100%;height:320px;object-fit:cover;border-radius:3px;transition:transform .35s ease,box-shadow .35s ease}
.storyVisuals img:hover{transform:translateY(-6px);box-shadow:0 12px 32px #7f067840}
.approach-wrapper93{background:linear-gradient(215deg,#1f0a1c 0%,#0d0411 50%,#1a0518 100%);padding:110px 32px;position:relative}
.approach-wrapper93::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1600px;height:2px;background:linear-gradient(90deg,transparent,#7F0678,#EB4707,#7F0678,transparent);opacity:.3}
.approach-content-grid{max-width:1500px;margin:0 auto}
.approach-content-grid h2{font-size:2.9rem;line-height:1.2;color:#FDFDFD;margin:0 0 58px;text-align:center;font-weight:600}
.approach-blocks-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.approach-block-item{background:#7f067814;padding:42px 32px;border-radius:5px;border:1px solid #7f06782e;transition:all .4s ease;position:relative}
.approach-block-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7F0678,#EB4707);opacity:0;transition:opacity .4s ease}
.approach-block-item:hover{background:#7f067824;border-color:#eb470759;transform:translateY(-4px);box-shadow:0 16px 40px #7f067833}
.approach-block-item:hover::before{opacity:1}
.approach-block-item h3{font-size:1.55rem;line-height:1.3;color:#FDFDFD;margin:0 0 18px;font-weight:600}
.approach-block-item p{font-size:1.02rem;line-height:1.7;color:#fdfdfdbf;margin:0}
.approach-visual-showcase{margin:80px 0 0}
.approach-visual-showcase img{width:100%;height:420px;object-fit:cover;border-radius:4px;display:block}
@media (max-width: 1200px) {
.story-inner-container{grid-template-columns:1fr;gap:60px}
.approach-blocks-container{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.title-wrapper47{padding:80px 20px 100px}
.titleBlock__heading{font-size:2.4rem}
.titleBlock__subtext{font-size:1.08rem}
.title-visual-holder img{height:320px}
.storyBox{padding:70px 20px}
.story-text-area h2{font-size:2rem}
.storyVisuals{grid-template-columns:1fr}
.storyVisuals img{height:280px}
.approach-wrapper93{padding:80px 20px}
.approach-content-grid h2{font-size:2.2rem;margin-bottom:40px}
.approach-blocks-container{grid-template-columns:1fr;gap:28px}
.approach-visual-showcase{margin-top:60px}
.approach-visual-showcase img{height:300px}
}
@media (max-width: 480px) {
.titleBlock__heading{font-size:2rem}
.title-visual-holder img{height:240px}
.story-text-area h2{font-size:1.75rem}
.approach-content-grid h2{font-size:1.85rem}
}
.contact-wrapper32{max-width:1600px;margin:0 auto;padding:0}
.hero-contact7{background:linear-gradient(128deg,#1a0a1a 0%,#2d1028 35%,#1f0d1e 70%,#150a15 100%);padding:80px 20px 120px;position:relative;overflow:hidden}
.hero-contact7::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#7f067826 0%,transparent 70%);border-radius:50%;animation:floatParticle1 18s ease-in-out infinite}
.hero-contact7::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#eb47071f 0%,transparent 65%);border-radius:50%;animation:floatParticle2 22s ease-in-out infinite}
@keyframes floatParticle1 {
0%,100%{transform:translate(0,0) scale(1)}
33%{transform:translate(30px,-40px) scale(1.08)}
66%{transform:translate(-25px,35px) scale(0.95)}
}
@keyframes floatParticle2 {
0%,100%{transform:translate(0,0) scale(1)}
40%{transform:translate(-35px,45px) scale(1.12)}
70%{transform:translate(40px,-30px) scale(0.92)}
}
.hero-content-box{max-width:900px;margin:0 auto;position:relative;z-index:2}
.hero-content-box h1{font-size:3.2rem;font-weight:700;color:#FDFDFD;margin-bottom:28px;line-height:1.15;letter-spacing:-.02em}
.hero-content-box .lead-text54{font-size:1.25rem;color:#d4d4d6;line-height:1.7;margin-bottom:36px}
.image-container-hero92{margin-top:50px;position:relative}
.image-container-hero92 img{width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:8px;box-shadow:0 18px 42px #7f067859 0 8px 16px #0006;transition:transform .4s ease,box-shadow .4s ease}
.image-container-hero92 img:hover{transform:translateY(-6px);box-shadow:0 24px 56px #7f067873 0 12px 22px #00000080}
.formSection88{background:linear-gradient(142deg,#0f0a0f 0%,#1d121c 40%,#241629 100%);padding:100px 20px;position:relative}
.formSection88::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#7F0678 30%,#EB4707 70%,transparent 100%)}
.formGrid47{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}
.info-column21{position:sticky;top:40px}
.info-column21 h2{font-size:2.4rem;color:#FDFDFD;margin-bottom:24px;font-weight:700;line-height:1.2}
.info-column21 .subtext-para{font-size:1.1rem;color:#b8b8ba;line-height:1.65;margin-bottom:48px}
.contactDetail-row{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #fdfdfd14}
.contactDetail-row:last-child{border-bottom:none}
.contactDetail-row h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:#EB4707;margin-bottom:12px;font-weight:600}
.contactDetail-row p{font-size:1.05rem;color:#FDFDFD;line-height:1.6;margin:0}
.contactDetail-row a{color:#FDFDFD;text-decoration:none;transition:color .3s ease}
.contactDetail-row a:hover{color:#7F0678}
.form-column84{background:#fdfdfd08;border:1px solid #7f067833;border-radius:6px;padding:50px 45px;box-shadow:0 8px 24px #0000004d}
.contactForm93{display:flex;flex-direction:column;gap:28px}
.field-wrapper19{display:flex;flex-direction:column;gap:10px}
.field-wrapper19 label{font-size:.95rem;color:#d4d4d6;font-weight:500;letter-spacing:.01em}
.field-wrapper19 input,.field-wrapper19 select{width:100%;padding:14px 16px;font-size:1rem;background:#fdfdfd0a;border:1px solid #fdfdfd1f;border-radius:4px;color:#FDFDFD;transition:border-color .3s ease,background .3s ease}
.field-wrapper19 input:focus,.field-wrapper19 select:focus{outline:none;border-color:#7F0678;background:#7f067814}
.field-wrapper19 select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23FDFDFD' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}
.privacy-box77{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.privacy-box77 input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#7F0678;flex-shrink:0}
.privacy-box77 label{font-size:.9rem;color:#b8b8ba;line-height:1.5}
.privacy-box77 label a{color:#7F0678;text-decoration:underline;transition:color .3s ease}
.privacy-box77 label a:hover{color:#EB4707}
.submit-button-wrap{margin-top:12px}
.submit-btn46{width:100%;padding:16px 32px;font-size:1.05rem;font-weight:600;color:#FDFDFD;background:linear-gradient(135deg,#7F0678 0%,#EB4707 100%);border:none;border-radius:4px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 18px #7f067859}
.submit-btn46:hover{transform:translateY(-2px);box-shadow:0 10px 28px #eb470766}
.submit-btn46:active{transform:translateY(0)}
@media (max-width: 968px) {
.formGrid47{grid-template-columns:1fr;gap:60px}
.info-column21{position:static}
.hero-contact7{padding:60px 20px 80px}
.hero-content-box h1{font-size:2.4rem}
.formSection88{padding:70px 20px}
}
@media (max-width: 640px) {
.hero-content-box h1{font-size:2rem}
.hero-content-box .lead-text54{font-size:1.1rem}
.info-column21 h2{font-size:1.9rem}
.form-column84{padding:35px 25px}
.contactForm93{gap:22px}
}
.hero-wrapper{max-width:1600px;margin:0 auto;padding:80px 20px;position:relative;overflow:hidden}
.hero-wrapper::before,.hero-wrapper::after{content:'';position:absolute;border-radius:50%;background:linear-gradient(135deg,#7f067814,#eb47070f);pointer-events:none;z-index:1}
.hero-wrapper::before{width:420px;height:420px;top:-140px;left:-90px;filter:blur(60px)}
.hero-wrapper::after{width:380px;height:380px;bottom:-120px;right:-70px;background:linear-gradient(225deg,#eb470717,#7f06780d);filter:blur(70px)}
.hero-grid2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.text9-section{padding-right:30px}
.question-label{font-size:15px;text-transform:uppercase;letter-spacing:1.8px;color:#EB4707;margin-bottom:16px;font-weight:600}
.hero-grid2 h1{font-size:52px;line-height:1.15;margin-bottom:24px;color:#FDFDFD;font-weight:700}
.answer-block p{font-size:18px;line-height:1.7;color:#fdfdfdd1;margin-bottom:18px}
.image-container17{position:relative;border-radius:4px;overflow:hidden}
.image-container17 img{width:100%;height:520px;object-fit:cover;display:block;filter:blur(0.8px);transition:transform .6s ease,filter .6s ease}
.image-container17:hover img{transform:scale(1.03);filter:blur(0px)}
@media (max-width: 1024px) {
.hero-grid2{grid-template-columns:1fr;gap:50px}
.text9-section{padding-right:0}
.hero-grid2 h1{font-size:44px}
}
@media (max-width: 768px) {
.hero-wrapper{padding:60px 20px}
.hero-grid2 h1{font-size:36px}
.answer-block p{font-size:17px}
.image-container17 img{height:380px}
}
.program-showcase{max-width:1600px;margin:0 auto;padding:90px 20px;background:linear-gradient(168deg,#7f06780a 0%,#eb470708 100%)}
.section-intro23{text-align:center;max-width:880px;margin:0 auto 70px}
.section-intro23 h2{font-size:42px;line-height:1.2;margin-bottom:20px;color:#FDFDFD;font-weight:700}
.section-intro23 p{font-size:17px;line-height:1.65;color:#fdfdfdc7}
.masonry4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.module-card3{background:#14141499;border:1px solid #7f06782e;border-radius:3px;padding:32px 28px;transition:all .4s ease;position:relative}
.module-card3::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7F0678,#EB4707);opacity:0;transition:opacity .4s ease}
.module-card3:hover{border-color:#eb470759;box-shadow:0 8px 24px #7f067826;transform:translateY(-3px)}
.module-card3:hover::before{opacity:1}
.module-card3:nth-child(1){grid-row:span 2}
.module-card3:nth-child(4){grid-row:span 2}
.card-label8{font-size:13px;text-transform:uppercase;letter-spacing:1.4px;color:#EB4707;margin-bottom:14px;font-weight:600}
.module-card3 h3{font-size:24px;line-height:1.3;margin-bottom:16px;color:#FDFDFD;font-weight:600}
.module-card3 p{font-size:16px;line-height:1.6;color:#fdfdfdbf;margin-bottom:14px}
.metrics-row{display:flex;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid #7f067826}
.metric-item12{flex:1}
.metric-value{font-size:26px;font-weight:700;color:#7F0678;display:block;margin-bottom:4px}
.metric-label{font-size:13px;color:#fdfdfda6;text-transform:uppercase;letter-spacing:.8px}
.topic-list5{list-style:none;padding:0;margin:20px 0 0}
.topic-list5 li{padding:10px 0 10px 24px;position:relative;font-size:15px;color:#fdfdfdb8;line-height:1.5}
.topic-list5 li::before{content:'';position:absolute;left:0;top:16px;width:12px;height:2px;background:linear-gradient(90deg,#7F0678,#EB4707)}
@media (max-width: 1024px) {
.masonry4-grid{grid-template-columns:repeat(2,1fr)}
.module-card3:nth-child(1),.module-card3:nth-child(4){grid-row:span 1}
}
@media (max-width: 768px) {
.program-showcase{padding:70px 20px}
.section-intro23{margin-bottom:50px}
.section-intro23 h2{font-size:34px}
.masonry4-grid{grid-template-columns:1fr;gap:24px}
.metrics-row{flex-direction:column;gap:16px}
}
.pathway-section{max-width:1600px;margin:0 auto;padding:100px 20px;position:relative}
.pathway-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#7f06784d,#eb47074d,transparent)}
.pathway-header{max-width:760px;margin-bottom:60px}
.pathway-header h2{font-size:46px;line-height:1.2;margin-bottom:22px;color:#FDFDFD;font-weight:700;position:relative;display:inline-block}
.pathway-header h2::after{content:'';position:absolute;bottom:-8px;left:0;width:120px;height:4px;background:linear-gradient(90deg,#7F0678,#EB4707)}
.pathway-header p{font-size:17px;line-height:1.7;color:#fdfdfdcc;margin-top:26px}
.timeline-container{position:relative;padding-left:60px}
.timeline-container::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#7F0678,#EB4707)}
.phase-item{position:relative;margin-bottom:50px;padding-bottom:50px}
.phase-item:last-child{margin-bottom:0;padding-bottom:0}
.phase-marker{position:absolute;left:-54px;top:6px;width:42px;height:42px;background:linear-gradient(135deg,#7F0678,#EB4707);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#FDFDFD;box-shadow:0 4px 16px #7f067859}
.phase-content{background:#19191980;border:1px solid #eb470733;border-radius:4px;padding:34px 32px}
.phase-title{font-size:13px;text-transform:uppercase;letter-spacing:1.6px;color:#EB4707;margin-bottom:12px;font-weight:600}
.phase-content h3{font-size:28px;line-height:1.3;margin-bottom:16px;color:#FDFDFD;font-weight:600}
.phase-content p{font-size:16px;line-height:1.65;color:#fdfdfdc7;margin-bottom:20px}
.skills-acquired{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.skill-tag{padding:8px 16px;background:#7f067826;border:1px solid #7f067840;border-radius:3px;font-size:14px;color:#fdfdfdd9;transition:all .3s ease}
.skill-tag:hover{background:#eb470726;border-color:#eb470759;transform:translateY(-2px)}
.duration-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#eb47071f;border-radius:3px;font-size:14px;color:#EB4707;font-weight:600;margin-top:16px}
@media (max-width: 768px) {
.pathway-section{padding:80px 20px}
.pathway-header h2{font-size:36px}
.timeline-container{padding-left:50px}
.phase-marker{left:-44px;width:36px;height:36px;font-size:16px}
.phase-content{padding:26px 22px}
.phase-content h3{font-size:24px}
}
.status-hero{max-width:1600px;margin:3rem auto;padding:0 1.5rem;position:relative;overflow:hidden}
.status-hero::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#7f067826,transparent);top:-200px;right:-100px;z-index:1}
.status-hero::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#eb47071f,transparent);bottom:-150px;left:-80px;z-index:1}
.status-hero .hero-wrapper47{position:relative;z-index:2;background:linear-gradient(156deg,#7f067814 0%,#eb47070f 100%);border-radius:4px;padding:5rem 2.5rem;text-align:center;box-shadow:0 8px 24px #7f06781f inset 0 1px 2px #fdfdfd08}
.status-hero .confirm-icon27{width:90px;height:90px;margin:0 auto 2rem;position:relative}
.status-hero .confirm-icon27 svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #7f067840)}
.status-hero .status-title{font-size:2.8rem;font-weight:700;color:#FDFDFD;margin:0 0 1.2rem;letter-spacing:-.02em}
.status-hero .status-message{font-size:1.15rem;color:#fdfdfdd9;max-width:620px;margin:0 auto 2.5rem;line-height:1.7}
.status-hero .back-btn--primary{display:inline-block;padding:.95rem 2.8rem;background:linear-gradient(135deg,#7F0678 0%,#EB4707 100%);color:#FDFDFD;text-decoration:none;border-radius:3px;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 6px 18px #7f06784d;position:relative;z-index:3}
.status-hero .back-btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #7f067866;filter:brightness(1.1)}
.status-hero .back-btn--primary:active{transform:translateY(0)}
.info-grid-module{max-width:1600px;margin:5rem auto 4rem;padding:0 1.5rem}
.info-grid-module .grid-container12{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.info-grid-module .info-card--box{background:linear-gradient(178deg,#fdfdfd05 0%,#7f06780a 100%);border:1px solid #7f067833;border-radius:3px;padding:2.2rem 1.8rem;position:relative;overflow:hidden;transition:all .35s ease}
.info-grid-module .info-card--box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7F0678 0%,#EB4707 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.info-grid-module .info-card--box:hover::before{transform:scaleX(1)}
.info-grid-module .info-card--box:hover{border-color:#eb470759;box-shadow:0 12px 32px #7f06782e;transform:translateY(-4px)}
.info-grid-module .card-number93{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#7F0678 0%,#EB4707 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem}
.info-grid-module .card-heading{font-size:1.35rem;color:#FDFDFD;margin:0 0 .8rem;font-weight:600}
.info-grid-module .card-text{font-size:.98rem;color:#fdfdfdbf;line-height:1.65;margin:0}
@media (max-width: 1024px) {
.info-grid-module .grid-container12{grid-template-columns:repeat(2,1fr);gap:1.8rem}
.status-hero .hero-wrapper47{padding:4rem 2rem}
.status-hero .status-title{font-size:2.3rem}
}
@media (max-width: 768px) {
.info-grid-module .grid-container12{grid-template-columns:1fr;gap:1.5rem}
.status-hero{margin:2rem auto}
.status-hero .hero-wrapper47{padding:3rem 1.5rem}
.status-hero .status-title{font-size:2rem}
.status-hero .status-message{font-size:1.05rem}
.status-hero .back-btn--primary{padding:.85rem 2.2rem;font-size:1rem}
.info-grid-module{margin:3rem auto}
}
@media (max-width: 480px) {
.status-hero .status-title{font-size:1.75rem}
.status-hero .confirm-icon27{width:70px;height:70px}
.info-grid-module .card-number93{font-size:2rem}
}