:root{font-size:16px;line-height:1.6;color:#E8E8E8;background:#0F0F0F}
html{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*,::before,::after{box-sizing:inherit;margin:0;padding:0}
body{font-family:'Source Sans Pro',sans-serif;background:linear-gradient(135deg,#0A0A0A 0%,#1A1A1A 100%);min-height:100vh;display:flex;flex-direction:column}
.headerOuter{background:linear-gradient(90deg,#1A4766 0%,#0F2D3E 100%);padding:18px 0;box-shadow:0 8px 24px #e7105926;border-bottom:2px solid #e710594d}
.headerInner{max-width:1000px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.logoBlock{flex-shrink:0}
.logoLink{display:block;width:90px;height:90px}
.logoImage{width:100%;height:100%;object-fit:contain;background:#ffffff14;padding:8px;border-radius:20px;box-shadow:0 6px 16px #0000004d}
.companyTitle{flex-grow:1;text-align:center;padding:0 16px}
.companyName{font-family:'Source Code Pro',monospace;font-size:2.2rem;font-weight:700;color:#B1D2C4;text-shadow:0 4px 12px #b1d2c466;letter-spacing:2px}
.mainNavigation{flex-shrink:0}
.navList{list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.navItem{display:inline-block}
.navLink{display:block;padding:10px 16px;font-size:.95rem;font-weight:600;color:#E8E8E8;text-decoration:none;border-radius:18px;background:#ffffff0d;transition:background .3s ease-out,color .3s ease-out}
.navLink:hover{background:#e7105933;color:#E71059}
.footerOuter{background:linear-gradient(180deg,#0D0D0D 0%,#1A1A1A 100%);padding:64px 0 32px;margin-top:auto;border-top:3px solid #e7105940}
.footerInner{max-width:1000px;margin:0 auto;padding:0 24px}
.footerRow1{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:48px}
.footerCol{display:flex;flex-direction:column;gap:16px}
.footerHeading{font-family:'Source Code Pro',monospace;font-size:1.5rem;font-weight:700;color:#B1D2C4;margin-bottom:8px}
.footerSubheading{font-size:1.1rem;font-weight:700;color:#B1D2C4;margin-bottom:4px}
.footerText{font-size:.95rem;color:silver;line-height:1.7}
.footerLinks{list-style:none;display:flex;flex-direction:column;gap:12px}
.footerLinkItem{display:block}
.footerLink{font-size:.95rem;color:#E71059;text-decoration:none;transition:color .3s ease-out}
.footerLink:hover{color:#FF1A6B}
.footerRow2{padding-top:32px;border-top:1px solid #b1d2c433;text-align:center}
.copyrightText{font-size:.9rem;color:gray}
.cookiePopup{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(150%);background:linear-gradient(135deg,#1A4766 0%,#0F2D3E 100%);padding:32px;border-radius:28px;box-shadow:0 16px 48px #e710594d 0 0 0 2px #b1d2c433;z-index:10000;max-width:480px;width:90%;transition:transform .5s ease-out}
.cookiePopup.is-visible{transform:translateX(-50%) translateY(0)}
.cookieContent{display:flex;flex-direction:column;gap:20px}
.cookieTitle{font-family:'Source Code Pro',monospace;font-size:1.4rem;font-weight:700;color:#B1D2C4}
.cookieDescription{font-size:.95rem;color:#E8E8E8;line-height:1.6}
.cookieOptions{display:flex;flex-direction:column;gap:12px}
.cookieOptionItem{display:block}
.cookieLabel{display:flex;align-items:center;gap:12px;cursor:pointer}
.cookieCheck{width:20px;height:20px;cursor:pointer;accent-color:#E71059}
.cookieCheck:disabled{cursor:not-allowed}
.cookieLabelText{font-size:.95rem;color:#E8E8E8;font-weight:600}
.cookieActions{display:flex;gap:12px;margin-top:8px}
.cookieButton{flex:1;padding:14px 24px;border:none;border-radius:50px;font-family:'Source Sans Pro',sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease-out,transform .2s ease-out}
.acceptButton{background:linear-gradient(135deg,#E71059 0%,#B00D46 100%);color:#FFF}
.acceptButton:hover{background:linear-gradient(135deg,#FF1A6B 0%,#C0104E 100%)}
.declineButton{background:#ffffff1a;color:#E8E8E8}
.declineButton:hover{background:#ffffff26}
.cookieMiniBanner{position:fixed;bottom:24px;right:24px;z-index:9999;transition:opacity .3s ease-out}
.cookieMiniBanner.is-hidden{opacity:0;pointer-events:none}
.cookieMiniButton{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#E71059 0%,#B00D46 100%);border:none;color:#FFF;font-size:1.5rem;cursor:pointer;box-shadow:0 8px 24px #e7105966;transition:transform .3s ease-out;display:flex;align-items:center;justify-content:center}
.cookieMiniButton:hover{transform:scale(1.1)}
main{flex:1}
@media (max-width: 768px) {
.headerInner{flex-direction:column;gap:20px;text-align:center}
.companyName{font-size:1.6rem}
.navList{flex-direction:column;align-items:center;gap:8px}
.navLink{padding:12px 32px;width:100%;text-align:center}
.footerRow1{grid-template-columns:1fr;gap:32px}
.cookiePopup{width:95%;padding:24px}
.cookieActions{flex-direction:column}
}
@media (max-width: 480px) {
.companyName{font-size:1.3rem}
.logoLink{width:70px;height:70px}
.cookieTitle{font-size:1.2rem}
}
.terms-body{max-width:1000px;margin:0 auto;padding:80px 20px;background:linear-gradient(135deg,#0a1219 0%,#1a2532 100%);color:#e8eef3;line-height:1.8}
.terms-body h1{font-size:48px;font-weight:700;color:#fff;margin:0 0 40px;padding-bottom:24px;border-bottom:3px solid #E71059;line-height:1.2}
.terms-body h2{font-size:36px;font-weight:600;color:#B1D2C4;margin:60px 0 24px;line-height:1.3}
.terms-body h3{font-size:28px;font-weight:600;color:#B1D2C4;margin:48px 0 20px;line-height:1.4}
.terms-body h4{font-size:22px;font-weight:600;color:#d4e5dd;margin:36px 0 16px;line-height:1.4}
.terms-body h5{font-size:18px;font-weight:600;color:#d4e5dd;margin:28px 0 14px;line-height:1.5}
.terms-body h6{font-size:16px;font-weight:600;color:#c5d9d0;margin:24px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.terms-body p{margin:0 0 20px;font-size:17px;color:#d1dce4}
.terms-body ul{margin:24px 0;padding-left:0;list-style:none}
.terms-body ul li{margin:12px 0;padding-left:32px;position:relative;font-size:17px;color:#d1dce4}
.terms-body ul li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:linear-gradient(135deg,#E71059 0%,#1A4766 100%);border-radius:50%;box-shadow:0 0 12px #e7105966}
.terms-body ol{margin:24px 0;padding-left:32px;counter-reset:policy-counter;list-style:none}
.terms-body ol li{margin:12px 0;padding-left:16px;position:relative;font-size:17px;color:#d1dce4;counter-increment:policy-counter}
.terms-body ol li::before{content:counter(policy-counter) ".";position:absolute;left:-32px;font-weight:600;color:#E71059}
.terms-body strong,.terms-body b{font-weight:700;color:#fff}
.terms-body em,.terms-body i{font-style:italic;color:#B1D2C4}
.terms-body a{color:#E71059;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .3s ease-out,color .3s ease-out;font-weight:500}
.terms-body a:hover{color:#ff2a75;border-bottom-color:#ff2a75}
.terms-body a:focus{outline:2px solid #E71059;outline-offset:4px;border-radius:4px}
.terms-body table{width:100%;margin:40px 0;border-collapse:separate;border-spacing:0;background:#1a476633;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0006}
.terms-body thead{background:linear-gradient(135deg,#1A4766 0%,#0d2535 100%)}
.terms-body thead tr th{padding:20px 24px;text-align:left;font-weight:600;font-size:16px;color:#B1D2C4;border-bottom:2px solid #E71059}
.terms-body tbody tr{transition:background-color .3s ease-out}
.terms-body tbody tr:nth-child(odd){background:#b1d2c408}
.terms-body tbody tr:hover{background:#b1d2c414}
.terms-body tbody tr td{padding:18px 24px;font-size:16px;color:#d1dce4;border-bottom:1px solid #b1d2c41a}
.terms-body tbody tr:last-child td{border-bottom:none}
.terms-body th{font-weight:600}
.terms-body hr{margin:60px 0;border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#E71059 50%,transparent 100%);opacity:.4}
@media (max-width: 768px) {
.terms-body{padding:60px 16px}
.terms-body h1{font-size:36px;margin-bottom:32px}
.terms-body h2{font-size:28px;margin:48px 0 20px}
.terms-body h3{font-size:24px;margin:36px 0 16px}
.terms-body h4{font-size:20px}
.terms-body p,.terms-body ul li,.terms-body ol li{font-size:16px}
.terms-body table{font-size:14px;border-radius:12px}
.terms-body thead tr th,.terms-body tbody tr td{padding:14px 16px;font-size:14px}
.terms-body ul li{padding-left:28px}
.terms-body ol{padding-left:28px}
.terms-body hr{margin:48px 0}
}
@media (max-width: 480px) {
.terms-body{padding:40px 12px}
.terms-body h1{font-size:28px;margin-bottom:24px;padding-bottom:16px}
.terms-body h2{font-size:24px;margin:36px 0 16px}
.terms-body h3{font-size:20px;margin:28px 0 14px}
.terms-body table{display:block;overflow-x:auto;white-space:nowrap}
.terms-body thead tr th,.terms-body tbody tr td{padding:12px;font-size:13px}
}
.heroWrapper{background:linear-gradient(135deg,#1a1d2e 0%,#0f1419 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.heroWrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#e7105926 0%,transparent 70%);border-radius:50%}
.heroContainer{max-width:1000px;margin:0 auto;display:flex;gap:40px;align-items:center;position:relative;z-index:2}
.heroTextArea{flex:1}
.heroTextArea h1{font-size:2.8rem;line-height:1.2;color:#fff;margin-bottom:24px;font-weight:700}
.heroTextArea p{font-size:1.1rem;line-height:1.7;color:#c4cbd9;margin-bottom:32px}
.heroImageBox{flex:0 0 380px;transform:rotate(-3deg);box-shadow:0 20px 60px #e710594d;border-radius:24px;overflow:hidden}
.heroImageBox img{width:100%;height:320px;object-fit:cover;display:block}
.heroCta{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#E71059 0%,#c90e4a 100%);color:#fff;text-decoration:none;border-radius:28px;font-size:1.05rem;font-weight:600;box-shadow:0 8px 24px #e7105966;transition:all .3s ease-out}
.heroCta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #e7105980}
.audienceSection{background:#0f1419;padding:80px 20px}
.audienceInner{max-width:1000px;margin:0 auto}
.audienceInner h2{font-size:2.4rem;color:#fff;margin-bottom:16px;text-align:center}
.audienceInner h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#E71059,#B1D2C4);margin:20px auto 0;border-radius:2px}
.audienceSubtext{text-align:center;font-size:1.05rem;color:#8a93a6;margin-bottom:50px;line-height:1.6}
.profileGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.profileCard{background:linear-gradient(135deg,#1a1d2e 0%,#131621 100%);border-radius:20px;padding:32px;border:1px solid #b1d2c41a;transition:all .3s ease-out}
.profileCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #1a47664d;border-color:#b1d2c44d}
.profileCard h3{font-size:1.5rem;color:#B1D2C4;margin-bottom:16px}
.profileCard p{font-size:.98rem;line-height:1.7;color:#a8b2c3}
.supportBlock{background:linear-gradient(135deg,#1a1d2e 0%,#0f1419 100%);padding:80px 20px;position:relative;overflow:hidden}
.supportBlock::before{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#1a476633 0%,transparent 70%);border-radius:50%}
.supportContent{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.supportTextSide h2{font-size:2.2rem;color:#fff;margin-bottom:24px;line-height:1.3}
.supportTextSide p{font-size:1.05rem;line-height:1.8;color:#c4cbd9;margin-bottom:20px}
.supportImageHolder{border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #0006}
.supportImageHolder img{width:100%;height:360px;object-fit:cover;display:block}
.scheduleArea{background:#0f1419;padding:80px 20px}
.scheduleContainer{max-width:1000px;margin:0 auto}
.scheduleContainer h2{font-size:2.3rem;color:#fff;margin-bottom:20px;text-align:center}
.scheduleIntro{text-align:center;font-size:1.05rem;color:#8a93a6;margin-bottom:50px;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto}
.timelineWrapper{position:relative;padding:20px 0}
.timelineWrapper::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#E71059 0%,#1A4766 100%);transform:translateX(-50%)}
.timelineItem{display:flex;gap:40px;margin-bottom:50px;position:relative}
.timelineItem:nth-child(odd){flex-direction:row}
.timelineItem:nth-child(even){flex-direction:row-reverse}
.timelineItemContent{flex:1;background:linear-gradient(135deg,#1a1d2e 0%,#131621 100%);padding:28px;border-radius:20px;border:1px solid #b1d2c426;position:relative}
.timelineItem:nth-child(odd) .timelineItemContent{text-align:right}
.timelineItem:nth-child(even) .timelineItemContent{text-align:left}
.timelineItemContent h3{font-size:1.4rem;color:#E71059;margin-bottom:12px}
.timelineItemContent p{font-size:.98rem;line-height:1.7;color:#a8b2c3}
.timelineDot{position:absolute;left:50%;top:20px;width:20px;height:20px;background:#B1D2C4;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 6px #b1d2c433;z-index:3}
.transparencyWrapper{background:linear-gradient(135deg,#1a1d2e 0%,#0f1419 100%);padding:80px 20px}
.transparencyInner{max-width:1000px;margin:0 auto}
.transparencyInner h2{font-size:2.3rem;color:#fff;margin-bottom:24px}
.transparencyInner h2::before{content:'';display:inline-block;width:50px;height:4px;background:#E71059;margin-right:16px;vertical-align:middle;border-radius:2px}
.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-bottom:50px}
.statBox{background:#131621;padding:32px 24px;border-radius:20px;text-align:center;border:2px solid #b1d2c433;transition:all .3s ease-out}
.statBox:hover{border-color:#E71059;transform:scale(1.05);box-shadow:0 12px 32px #e710594d}
.statNumber{font-size:2.8rem;font-weight:700;color:#B1D2C4;display:block;margin-bottom:8px}
.statLabel{font-size:1rem;color:#8a93a6}
.transparencyText{font-size:1.05rem;line-height:1.8;color:#c4cbd9;margin-bottom:20px}
.relevanceSection{background:#0f1419;padding:80px 20px}
.relevanceHolder{max-width:1000px;margin:0 auto}
.relevanceHolder h2{font-size:2.3rem;color:#fff;margin-bottom:20px;text-align:center}
.relevanceHolder h2::after{content:'';display:block;width:100px;height:4px;background:linear-gradient(90deg,#1A4766,#B1D2C4);margin:20px auto 0;border-radius:2px}
.relevanceDescription{text-align:center;font-size:1.05rem;color:#8a93a6;margin-bottom:50px;line-height:1.7}
.skillsLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.skillColumn img{width:100%;height:280px;object-fit:cover;border-radius:20px;box-shadow:0 12px 40px #0006;margin-bottom:24px}
.skillColumn h3{font-size:1.6rem;color:#E71059;margin-bottom:16px}
.skillsList{list-style:none;padding:0;margin:0}
.skillsList li{font-size:.98rem;line-height:1.7;color:#a8b2c3;padding:10px 0;padding-left:28px;position:relative}
.skillsList li::before{content:'';position:absolute;left:0;top:18px;width:12px;height:12px;background:#B1D2C4;border-radius:50%}
.finalCta{background:linear-gradient(135deg,#1a1d2e 0%,#0f1419 100%);padding:80px 20px;text-align:center}
.finalCtaInner{max-width:700px;margin:0 auto}
.finalCtaInner h2{font-size:2.4rem;color:#fff;margin-bottom:24px;line-height:1.3}
.finalCtaInner p{font-size:1.05rem;line-height:1.7;color:#c4cbd9;margin-bottom:36px}
.finalCtaButton{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#1A4766 0%,#0f3852 100%);color:#fff;text-decoration:none;border-radius:28px;font-size:1.1rem;font-weight:600;box-shadow:0 8px 24px #1a476666;transition:all .3s ease-out}
.finalCtaButton:hover{transform:translateY(-3px);box-shadow:0 12px 32px #1a476680}
@media (max-width: 768px) {
.heroContainer{flex-direction:column}
.heroImageBox{flex:0 0 auto;width:100%;max-width:400px}
.heroTextArea h1{font-size:2.2rem}
.supportContent{grid-template-columns:1fr;gap:40px}
.timelineWrapper::before{left:20px}
.timelineItem,.timelineItem:nth-child(even){flex-direction:row;padding-left:50px}
.timelineItemContent,.timelineItem:nth-child(odd) .timelineItemContent{text-align:left}
.timelineDot{left:20px}
.skillsLayout{grid-template-columns:1fr;gap:40px}
.audienceInner h2,.scheduleContainer h2,.transparencyInner h2,.relevanceHolder h2{font-size:2rem}
.finalCtaInner h2{font-size:2rem}
}
@media (max-width: 480px) {
.heroWrapper{padding:60px 16px 40px}
.heroTextArea h1{font-size:1.8rem}
.heroTextArea p{font-size:1rem}
.heroCta{padding:14px 32px;font-size:.98rem}
.profileGrid{grid-template-columns:1fr}
.statsGrid{grid-template-columns:1fr}
.statNumber{font-size:2.2rem}
}
.contactOuter{background:linear-gradient(135deg,#0a1520 0%,#152535 100%);min-height:600px;position:relative;overflow:hidden}
.contactOuter::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#e7105914 0%,transparent 70%);border-radius:50%}
.contactOuter::after{content:'';position:absolute;bottom:-15%;left:-8%;width:500px;height:500px;background:radial-gradient(circle,#1a47661f 0%,transparent 70%);border-radius:50%}
.titleWrap{max-width:1000px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.titleContent{flex:1}
.titleIntro{font-size:16px;color:#B1D2C4;margin-bottom:16px;letter-spacing:.5px}
.titleMain{font-size:48px;color:#fff;margin-bottom:24px;font-weight:700;line-height:1.2}
.titleDesc{font-size:18px;color:#ffffffbf;line-height:1.7;max-width:480px}
.titleVisual{flex:0 0 380px;position:relative}
.titleVisual::before{content:'';position:absolute;top:-20px;left:-20px;width:120px;height:120px;border:3px solid #E71059;border-radius:50%;opacity:.3}
.titleVisual::after{content:'';position:absolute;bottom:-30px;right:-30px;width:200px;height:200px;background:linear-gradient(45deg,#e7105926,#b1d2c41a);border-radius:32px;transform:rotate(12deg)}
.titleVisual img{width:380px;height:300px;object-fit:cover;border-radius:24px;position:relative;z-index:1;box-shadow:0 20px 60px #0006}
.formSection{background:#0f1b28;padding:100px 20px}
.formContainer{max-width:800px;margin:0 auto}
.formHeader{text-align:center;margin-bottom:60px}
.formHeader h2{font-size:36px;color:#fff;margin-bottom:16px}
.formHeader p{font-size:17px;color:#ffffffa6;line-height:1.6}
.multiStepForm{background:linear-gradient(145deg,#1a2836 0%,#0f1921 100%);border-radius:28px;padding:50px;box-shadow:0 15px 50px #0000004d inset 0 1px 0 #ffffff0d}
.stepIndicator{display:flex;justify-content:space-between;margin-bottom:50px;position:relative}
.stepIndicator::before{content:'';position:absolute;top:20px;left:0;right:0;height:2px;background:#b1d2c426;z-index:0}
.stepItem{position:relative;z-index:1;text-align:center;flex:1}
.stepDot{width:40px;height:40px;border-radius:50%;background:#0f1921;border:3px solid #b1d2c44d;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff6;font-weight:600;transition:all .4s ease-out}
.stepLabel{font-size:14px;color:#ffffff80;font-weight:500}
input[type="text"]:focus ~ .stepIndicator .stepItem:nth-child(1) .stepDot,input[type="email"]:focus ~ .stepIndicator .stepItem:nth-child(2) .stepDot,input[type="tel"]:focus ~ .stepIndicator .stepItem:nth-child(3) .stepDot{background:linear-gradient(135deg,#E71059,#c70d4a);border-color:#E71059;color:#fff;transform:scale(1.15);box-shadow:0 0 20px #e7105966}
.formFieldGroup{margin-bottom:32px}
.formFieldGroup label{display:block;font-size:15px;color:#B1D2C4;margin-bottom:10px;font-weight:500}
.formFieldGroup input{width:100%;padding:16px 20px;background:#0f192199;border:2px solid #b1d2c426;border-radius:16px;color:#fff;font-size:16px;transition:all .3s ease-out;box-sizing:border-box}
.formFieldGroup input:focus{outline:none;border-color:#E71059;background:#0f1921e6;box-shadow:0 0 0 4px #e710591a 0 8px 24px #0003}
.privacyCheck{margin:40px 0 32px;position:relative}
.privacyCheck input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}
.privacyCheck label{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#ffffffb3;cursor:pointer;line-height:1.6}
.privacyCheck label::before{content:'';flex-shrink:0;width:22px;height:22px;border:2px solid #b1d2c44d;border-radius:6px;background:#0f192199;transition:all .3s ease-out}
.privacyCheck input:checked + label::before{background:linear-gradient(135deg,#E71059,#c70d4a);border-color:#E71059}
.privacyCheck input:checked + label::after{content:'✓';position:absolute;left:5px;top:1px;color:#fff;font-size:14px;font-weight:700}
.privacyCheck a{color:#E71059;text-decoration:none;transition:color .3s ease-out}
.privacyCheck a:hover{color:#B1D2C4}
.submitButton{width:100%;padding:18px 32px;background:linear-gradient(135deg,#E71059 0%,#c70d4a 100%);border:none;border-radius:20px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .4s ease-out;box-shadow:0 8px 24px #e710594d;position:relative;z-index:10}
.submitButton:hover{transform:translateY(-3px);box-shadow:0 12px 32px #e7105980}
.submitButton:active{transform:translateY(-1px)}
.infoGrid{background:linear-gradient(180deg,#0f1b28 0%,#152535 100%);padding:100px 20px}
.infoGridWrap{max-width:1000px;margin:0 auto}
.infoGridHeader{text-align:center;margin-bottom:60px}
.infoGridHeader h2{font-size:38px;color:#fff;margin-bottom:16px}
.infoGridHeader p{font-size:17px;color:#ffffffa6}
.infoCards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.infoCardItem{background:linear-gradient(145deg,#1a2836,#0f1921);border-radius:24px;padding:40px 32px;text-align:center;transition:all .4s ease-out;border:1px solid #b1d2c414;position:relative;z-index:1}
.infoCardItem::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#e710590d,#b1d2c40d);border-radius:24px;opacity:0;transition:opacity .4s ease-out;z-index:-1}
.infoCardItem:hover::before{opacity:1}
.infoCardItem:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0006;border-color:#e710594d}
.cardIcon{width:60px;height:60px;background:linear-gradient(135deg,#e7105926,#1a476626);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:28px;color:#E71059}
.infoCardItem h3{font-size:20px;color:#fff;margin-bottom:12px;font-weight:600}
.infoCardItem p{font-size:15px;color:#ffffffb3;line-height:1.6;margin-bottom:20px}
.infoCardItem a{color:#B1D2C4;text-decoration:none;font-size:15px;transition:color .3s ease-out;display:inline-block}
.infoCardItem a:hover{color:#E71059}
.hoursSection{background:#0a1520;padding:100px 20px}
.hoursWrap{max-width:700px;margin:0 auto;background:linear-gradient(145deg,#1a2836,#0f1921);border-radius:28px;padding:60px 50px;box-shadow:0 20px 60px #0006}
.hoursWrap h2{font-size:32px;color:#fff;margin-bottom:40px;text-align:center}
.hoursTable{display:flex;flex-direction:column;gap:20px}
.hoursRow{display:flex;justify-content:space-between;padding:16px 24px;background:#0f192180;border-radius:16px;border-left:4px solid transparent;transition:all .3s ease-out}
.hoursRow:hover{background:#0f1921cc;border-left-color:#E71059;transform:translateX(8px)}
.dayName{font-size:16px;color:#B1D2C4;font-weight:600}
.dayTime{font-size:16px;color:#fffc}
.ctaBlock{background:linear-gradient(135deg,#1A4766 0%,#0f2838 100%);padding:100px 20px;position:relative;overflow:hidden}
.ctaBlock::before{content:'';position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,#e710591a 0%,transparent 70%);transform:translate(-50%,-50%)}
.ctaInner{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ctaInner h2{font-size:42px;color:#fff;margin-bottom:24px;font-weight:700;line-height:1.3}
.ctaInner p{font-size:18px;color:#ffffffbf;line-height:1.7;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}
.ctaButtons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btnPrimary{padding:16px 40px;background:linear-gradient(135deg,#E71059,#c70d4a);color:#fff;text-decoration:none;border-radius:20px;font-size:17px;font-weight:600;transition:all .4s ease-out;box-shadow:0 8px 24px #e710594d;display:inline-block;position:relative;z-index:10}
.btnPrimary:hover{transform:translateY(-4px);box-shadow:0 12px 32px #e7105980}
.btnSecondary{padding:16px 40px;background:transparent;color:#B1D2C4;text-decoration:none;border-radius:20px;font-size:17px;font-weight:600;border:2px solid #B1D2C4;transition:all .4s ease-out;display:inline-block;position:relative;z-index:10}
.btnSecondary:hover{background:#B1D2C4;color:#0a1520;transform:translateY(-4px);box-shadow:0 8px 24px #b1d2c44d}
@media (max-width: 768px) {
.titleWrap{flex-direction:column;padding:60px 20px;gap:40px}
.titleVisual{flex:0 0 auto;width:100%}
.titleVisual img{width:100%;height:280px}
.titleMain{font-size:36px}
.titleDesc{max-width:100%}
.multiStepForm{padding:30px 24px}
.stepIndicator{gap:8px}
.stepLabel{font-size:12px}
.stepDot{width:32px;height:32px;font-size:14px}
.infoCards{grid-template-columns:1fr;gap:24px}
.hoursWrap{padding:40px 24px}
.hoursRow{flex-direction:column;gap:8px}
.ctaInner h2{font-size:32px}
.ctaButtons{flex-direction:column;align-items:stretch}
.btnPrimary,.btnSecondary{text-align:center}
}
@media (min-width: 769px) and (max-width: 1024px) {
.titleWrap{gap:40px}
.titleVisual{flex:0 0 320px}
.titleVisual img{width:320px;height:260px}
.infoCards{grid-template-columns:repeat(2,1fr)}
}
.programHero{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px}
.programHero .heroImageBack{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.programHero .heroImageBack img{width:100%;height:100%;object-fit:cover;filter:brightness(0.4)}
.programHero .heroImageBack::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#e710594d,#1a476680)}
.programHero .heroTextContent{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:40px 24px;background:#fffffff2;border-radius:24px;box-shadow:0 12px 40px #0000004d}
.programHero .heroTextContent h1{font-size:2.8rem;color:#1A4766;margin:0 0 16px;line-height:1.2}
.programHero .heroTextContent .heroSubline{font-size:1.15rem;color:#444;margin:0 0 32px;line-height:1.6}
.programHero .heroActionBtn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#E71059,#1A4766);color:#fff;text-decoration:none;border-radius:28px;font-size:1.05rem;font-weight:600;transition:transform .3s ease-out,box-shadow .3s ease-out;box-shadow:0 6px 20px #e7105959;z-index:10;position:relative}
.programHero .heroActionBtn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #e7105980}
.programHero .decorativeDots{position:absolute;bottom:40px;right:60px;display:flex;gap:12px;z-index:3}
.programHero .decorativeDots span{width:10px;height:10px;background:#b1d2c4b3;border-radius:50%;display:block}
.programHero .decorativeDots span:nth-child(2){background:#e71059b3}
.programHero .decorativeDots span:nth-child(3){background:#1a4766b3}
.learningPathSection{max-width:1000px;margin:0 auto 100px;padding:0 24px}
.learningPathSection .pathIntro{text-align:center;margin-bottom:56px}
.learningPathSection .pathIntro h2{font-size:2.2rem;color:#1A4766;margin:0 0 20px;position:relative;display:inline-block}
.learningPathSection .pathIntro h2::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#E71059,#B1D2C4);border-radius:20px}
.learningPathSection .pathIntro .introText{font-size:1.05rem;color:#555;line-height:1.7;max-width:720px;margin:0 auto}
.learningPathSection .pathStepsWrap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.learningPathSection .stepCard{background:linear-gradient(145deg,#f8f9fa,#fff);padding:32px 24px;border-radius:20px;box-shadow:0 4px 16px #1a47661a;transition:transform .3s ease-out,box-shadow .3s ease-out;position:relative}
.learningPathSection .stepCard:hover{transform:translateY(-6px);box-shadow:0 10px 28px #1a476633}
.learningPathSection .stepCard .stepNumber{width:50px;height:50px;background:linear-gradient(135deg,#E71059,#1A4766);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;margin-bottom:20px}
.learningPathSection .stepCard h3{font-size:1.35rem;color:#1A4766;margin:0 0 12px}
.learningPathSection .stepCard .stepDesc{font-size:.98rem;color:#666;line-height:1.6;margin:0}
.expertGuidanceBlock{background:linear-gradient(135deg,#1A4766,#0d2536);padding:80px 24px;margin-bottom:100px}
.expertGuidanceBlock .guidanceInner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.expertGuidanceBlock .guidanceText h2{font-size:2.1rem;color:#B1D2C4;margin:0 0 24px;line-height:1.3}
.expertGuidanceBlock .guidanceText .guidancePara{font-size:1.05rem;color:#e0e0e0;line-height:1.7;margin:0 0 20px}
.expertGuidanceBlock .guidanceText .guidancePara:last-of-type{margin-bottom:0}
.expertGuidanceBlock .guidanceProfiles{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.expertGuidanceBlock .profileCard{background:#ffffff14;border-radius:16px;padding:20px;border:2px solid #b1d2c433;transition:border-color .3s ease-out}
.expertGuidanceBlock .profileCard:hover{border-color:#e7105999}
.expertGuidanceBlock .profileCard .profileImg{width:100%;height:140px;border-radius:12px;overflow:hidden;margin-bottom:16px}
.expertGuidanceBlock .profileCard .profileImg img{width:100%;height:100%;object-fit:cover}
.expertGuidanceBlock .profileCard .profileName{font-size:1.1rem;color:#B1D2C4;margin:0 0 6px;font-weight:600}
.expertGuidanceBlock .profileCard .profileRole{font-size:.92rem;color:#aaa;margin:0}
.flexibleScheduleArea{max-width:1000px;margin:0 auto 100px;padding:0 24px}
.flexibleScheduleArea .scheduleGrid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:48px;align-items:start}
.flexibleScheduleArea .scheduleContent h2{font-size:2.15rem;color:#1A4766;margin:0 0 28px;line-height:1.25}
.flexibleScheduleArea .scheduleContent .scheduleText{font-size:1.05rem;color:#555;line-height:1.75;margin:0 0 32px}
.flexibleScheduleArea .scheduleContent .featureList{list-style:none;padding:0;margin:0 0 36px}
.flexibleScheduleArea .scheduleContent .featureList li{padding:14px 0 14px 40px;position:relative;font-size:1.02rem;color:#444;line-height:1.6;border-bottom:1px solid #1a47661a}
.flexibleScheduleArea .scheduleContent .featureList li:last-child{border-bottom:none}
.flexibleScheduleArea .scheduleContent .featureList li::before{content:'';position:absolute;left:0;top:18px;width:24px;height:24px;background:linear-gradient(135deg,#E71059,#B1D2C4);border-radius:50%}
.flexibleScheduleArea .scheduleVisual{position:relative}
.flexibleScheduleArea .scheduleVisual .visualImageWrap{width:100%;height:420px;border-radius:24px;overflow:hidden;box-shadow:0 8px 28px #1a476633;position:relative}
.flexibleScheduleArea .scheduleVisual .visualImageWrap img{width:100%;height:100%;object-fit:cover}
.flexibleScheduleArea .scheduleVisual .visualImageWrap::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 60%,#1a476666)}
.flexibleScheduleArea .scheduleVisual .statBox{position:absolute;bottom:24px;right:24px;background:#fffffff2;padding:20px 28px;border-radius:16px;box-shadow:0 6px 20px #00000026}
.flexibleScheduleArea .scheduleVisual .statBox .statNum{font-size:2rem;color:#E71059;font-weight:700;margin:0 0 4px}
.flexibleScheduleArea .scheduleVisual .statBox .statLabel{font-size:.9rem;color:#666;margin:0}
@media (max-width: 768px) {
.programHero{min-height:420px;margin-bottom:60px}
.programHero .heroTextContent h1{font-size:2rem}
.programHero .heroTextContent .heroSubline{font-size:1rem}
.programHero .decorativeDots{bottom:20px;right:20px;gap:8px}
.programHero .decorativeDots span{width:8px;height:8px}
.learningPathSection{margin-bottom:70px}
.learningPathSection .pathIntro h2{font-size:1.75rem}
.learningPathSection .pathStepsWrap{grid-template-columns:1fr;gap:24px}
.expertGuidanceBlock{padding:60px 24px;margin-bottom:70px}
.expertGuidanceBlock .guidanceInner{grid-template-columns:1fr;gap:40px}
.expertGuidanceBlock .guidanceText h2{font-size:1.75rem}
.expertGuidanceBlock .guidanceProfiles{grid-template-columns:1fr}
.flexibleScheduleArea{margin-bottom:70px}
.flexibleScheduleArea .scheduleGrid{grid-template-columns:1fr;gap:32px}
.flexibleScheduleArea .scheduleContent h2{font-size:1.75rem}
.flexibleScheduleArea .scheduleVisual .visualImageWrap{height:320px}
.flexibleScheduleArea .scheduleVisual .statBox{bottom:16px;right:16px;padding:16px 20px}
.flexibleScheduleArea .scheduleVisual .statBox .statNum{font-size:1.6rem}
}
.titleWrapper{background:linear-gradient(135deg,#1a0c1f 0%,#1A4766 50%,#0d2433 100%);background-size:300% 300%;animation:gradientDrift 18s ease infinite;padding:120px 24px 100px;position:relative;overflow:hidden}
@keyframes gradientDrift {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.titleWrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,#e7105926 0%,transparent 50%),radial-gradient(circle at 70% 80%,#b1d2c41a 0%,transparent 60%);animation:pulseGlow 12s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{opacity:.6}
50%{opacity:1}
}
.titleContent{max-width:1000px;margin:0 auto;position:relative;z-index:2;text-align:center}
.mainHeading{font-size:3.8rem;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.15;letter-spacing:-.02em}
.subHeading{font-size:1.8rem;font-weight:500;color:#B1D2C4;margin:0 0 32px;line-height:1.4}
.titleDescription{font-size:1.15rem;line-height:1.7;color:#ffffffd9;max-width:720px;margin:0 auto}
.opportunitiesBlock{padding:90px 24px;background:#0f1419}
.opportunitiesInner{max-width:1000px;margin:0 auto}
.opportunitiesGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:80px}
.opportunityCard{background:linear-gradient(145deg,#1a212b 0%,#151a23 100%);border-radius:24px;padding:40px;border:1px solid #b1d2c426;transition:all .4s ease-out;position:relative;overflow:hidden}
.opportunityCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#E71059 0%,#1A4766 100%);transform:scaleY(0);transform-origin:bottom;transition:transform .4s ease-out}
.opportunityCard:hover{transform:translateY(-6px);border-color:#e7105966;box-shadow:0 12px 32px #e7105926}
.opportunityCard:hover::before{transform:scaleY(1);transform-origin:top}
.cardIcon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#e7105933 0%,#1a476633 100%);display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.cardIcon .jam{font-size:28px;color:#E71059}
.cardTitle{font-size:1.6rem;font-weight:600;color:#fff;margin:0 0 16px;line-height:1.3}
.cardText{font-size:1.05rem;line-height:1.7;color:#ffffffbf;margin:0 0 20px}
.cardList{list-style:none;padding:0;margin:0}
.cardList li{font-size:.95rem;color:#ffffffb3;padding:8px 0 8px 28px;position:relative}
.cardList li::before{content:'';position:absolute;left:0;top:14px;width:16px;height:2px;background:linear-gradient(90deg,#E71059 0%,#1A4766 100%)}
.positionsSection{background:linear-gradient(165deg,#1a212b 0%,#0f1419 100%);border-radius:28px;padding:56px;border:1px solid #b1d2c41a}
.sectionLabel{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#B1D2C4;margin:0 0 24px}
.sectionTitle{font-size:2.2rem;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.25}
.sectionIntro{font-size:1.08rem;line-height:1.7;color:#ffffffbf;margin:0 0 48px;max-width:780px}
.positionsList{display:flex;flex-direction:column;gap:20px}
.positionItem{background:#1a476614;border-radius:20px;border:1px solid #b1d2c41f;transition:all .3s ease-out}
.positionItem:hover{background:#1a476626;border-color:#e7105959;box-shadow:0 8px 24px #e710591f}
.positionToggle{display:none}
.positionHeader{display:flex;align-items:center;justify-content:space-between;padding:32px 36px;cursor:pointer;position:relative}
.positionInfo{flex:1}
.positionName{font-size:1.4rem;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.3}
.positionMeta{display:flex;gap:24px;flex-wrap:wrap}
.metaItem{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#ffffffa6}
.metaItem .jam{font-size:16px;color:#B1D2C4}
.expandIcon{width:44px;height:44px;border-radius:12px;background:#e7105926;display:flex;align-items:center;justify-content:center;transition:all .3s ease-out;flex-shrink:0}
.expandIcon .jam{font-size:20px;color:#E71059;transition:transform .3s ease-out}
.positionToggle:checked ~ .positionHeader .expandIcon{background:#e7105940;transform:rotate(180deg)}
.positionToggle:checked ~ .positionHeader .expandIcon .jam{transform:rotate(180deg)}
.positionDetails{max-height:0;overflow:hidden;transition:max-height .4s ease-out}
.positionToggle:checked ~ .positionDetails{max-height:800px}
.detailsContent{padding:0 36px 36px;border-top:1px solid #b1d2c41a}
.detailsInner{padding-top:32px}
.detailSection{margin-bottom:32px}
.detailSection:last-child{margin-bottom:0}
.detailHeading{font-size:1.1rem;font-weight:600;color:#B1D2C4;margin:0 0 16px;line-height:1.3}
.detailText{font-size:1rem;line-height:1.7;color:#ffffffbf;margin:0 0 16px}
.detailText:last-child{margin-bottom:0}
.requirementsList{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.requirementsList li{font-size:.98rem;color:#ffffffbf;padding:12px 0 12px 32px;background:#b1d2c40d;border-radius:12px;position:relative}
.requirementsList li::before{content:'';position:absolute;left:12px;top:18px;width:8px;height:8px;background:#E71059;border-radius:50%}
.applyButton{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#E71059 0%,#c00d4a 100%);color:#fff;font-size:1rem;font-weight:600;padding:14px 32px;border-radius:16px;text-decoration:none;margin-top:28px;transition:all .3s ease-out;box-shadow:0 6px 20px #e7105940}
.applyButton:hover{background:linear-gradient(135deg,#c00d4a 0%,#a00b3e 100%);transform:translateY(-2px);box-shadow:0 10px 28px #e7105959}
.applyButton .jam{font-size:18px}
.applicationSection{background:#0f1419;padding:90px 24px}
.applicationInner{max-width:1000px;margin:0 auto}
.applicationGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.applicationInfo{position:sticky;top:40px}
.applicationHeading{font-size:2.4rem;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.25}
.applicationText{font-size:1.08rem;line-height:1.7;color:#ffffffbf;margin:0 0 32px}
.benefitsList{list-style:none;padding:0;margin:0}
.benefitsList li{display:flex;align-items:start;gap:16px;margin-bottom:20px;font-size:1.02rem;line-height:1.6;color:#fffc}
.benefitsList li::before{content:'';width:24px;height:24px;flex-shrink:0;background:linear-gradient(135deg,#E71059 0%,#1A4766 100%);border-radius:8px;margin-top:2px}
.profileImages{display:flex;gap:16px;margin-top:36px}
.profileImage{width:80px;height:80px;border-radius:20px;object-fit:cover;border:3px solid #b1d2c433;transition:all .3s ease-out}
.profileImage:hover{border-color:#E71059;transform:scale(1.08)}
.applicationForm{background:linear-gradient(145deg,#1a212b 0%,#151a23 100%);border-radius:28px;padding:48px;border:1px solid #b1d2c41f}
.formGroup{margin-bottom:28px}
.formLabel{display:block;font-size:.95rem;font-weight:600;color:#B1D2C4;margin-bottom:10px;letter-spacing:.01em}
.formInput,.formTextarea,.formSelect{width:100%;background:#1a47661a;border:1px solid #b1d2c426;border-radius:14px;padding:14px 18px;font-size:1rem;color:#fff;transition:all .3s ease-out}
.formInput:focus,.formTextarea:focus,.formSelect:focus{outline:none;border-color:#E71059;background:#1a476626;box-shadow:0 0 0 3px #e710591a}
.formTextarea{min-height:140px;resize:vertical}
.formSelect{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23B1D2C4' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.fileUpload{position:relative}
.fileInput{position:absolute;opacity:0;width:0;height:0}
.fileLabel{display:flex;align-items:center;gap:12px;background:#1a47661a;border:2px dashed #b1d2c440;border-radius:14px;padding:24px;cursor:pointer;transition:all .3s ease-out}
.fileLabel:hover{border-color:#E71059;background:#e710590d}
.fileLabel .jam{font-size:32px;color:#B1D2C4}
.fileLabelText{flex:1}
.fileLabelTitle{font-size:1rem;font-weight:600;color:#fff;margin:0 0 4px}
.fileLabelDesc{font-size:.9rem;color:#fff9;margin:0}
.submitButton{width:100%;background:linear-gradient(135deg,#E71059 0%,#c00d4a 100%);color:#fff;font-size:1.1rem;font-weight:600;padding:18px 32px;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease-out;box-shadow:0 8px 24px #e710594d;margin-top:12px}
.submitButton:hover{background:linear-gradient(135deg,#c00d4a 0%,#a00b3e 100%);transform:translateY(-2px);box-shadow:0 12px 32px #e7105966}
.formNote{font-size:.88rem;color:#ffffff8c;margin-top:20px;line-height:1.6}
@media (max-width: 1024px) {
.opportunitiesGrid{gap:32px}
.applicationGrid{gap:48px}
.requirementsList{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.titleWrapper{padding:80px 20px 70px}
.mainHeading{font-size:2.6rem}
.subHeading{font-size:1.4rem}
.opportunitiesGrid{grid-template-columns:1fr;gap:24px}
.opportunityCard{padding:32px}
.positionsSection{padding:40px 28px}
.positionHeader{padding:24px;flex-direction:column;align-items:start;gap:16px}
.expandIcon{align-self:flex-end}
.detailsContent{padding:0 24px 24px}
.requirementsList{grid-template-columns:1fr}
.applicationGrid{grid-template-columns:1fr;gap:40px}
.applicationInfo{position:static}
.applicationForm{padding:32px 24px}
}
@media (max-width: 480px) {
.mainHeading{font-size:2rem}
.subHeading{font-size:1.2rem}
.titleDescription{font-size:1.05rem}
.opportunityCard{padding:24px}
.positionsSection{padding:32px 20px}
.sectionTitle{font-size:1.8rem}
.positionMeta{flex-direction:column;gap:8px}
.applicationForm{padding:24px 20px}
}
.titleBanner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;background:linear-gradient(135deg,#1A4766 0%,#0d2333 100%);overflow:hidden;min-height:480px}
.titleBanner .contentSide{padding:70px 50px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.titleBanner .contentSide::before{content:'';position:absolute;top:24px;left:24px;width:80px;height:80px;border-top:2px solid #b1d2c44d;border-left:2px solid #b1d2c44d;pointer-events:none}
.titleBanner .contentSide::after{content:'';position:absolute;bottom:24px;right:24px;width:80px;height:80px;border-bottom:2px solid #b1d2c44d;border-right:2px solid #b1d2c44d;pointer-events:none}
.titleBanner .mainTitle{font-size:42px;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.2}
.titleBanner .descriptionText{font-size:17px;line-height:1.7;color:#B1D2C4;margin:0;max-width:520px}
.titleBanner .imageSide{position:relative;overflow:hidden}
.titleBanner .imageSide img{width:100%;height:100%;object-fit:cover;filter:sepia(0.15) contrast(1.1)}
.storyWrapper{max-width:1000px;margin:0 auto;padding:90px 30px}
.storyGrid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}
.narrativeColumn h2{font-size:34px;font-weight:700;color:#E71059;margin:0 0 28px;line-height:1.3}
.narrativeColumn .textBlock{margin-bottom:28px}
.narrativeColumn .textBlock p{font-size:16px;line-height:1.8;color:#d4d4d4;margin:0 0 20px}
.narrativeColumn .textBlock p:last-child{margin-bottom:0}
.narrativeColumn .highlightPhrase{color:#B1D2C4;font-weight:600}
.visualColumn{display:flex;flex-direction:column;gap:30px}
.visualColumn .imageFrame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #e7105926}
.visualColumn .imageFrame img{width:100%;height:auto;display:block}
.visualColumn .statsPanel{background:linear-gradient(135deg,#1A4766 0%,#0f3449 100%);padding:32px 28px;border-radius:20px;border:1px solid #b1d2c433}
.visualColumn .statsPanel h3{font-size:18px;font-weight:700;color:#B1D2C4;margin:0 0 20px}
.visualColumn .statItem{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.visualColumn .statItem:last-child{margin-bottom:0}
.visualColumn .statItem .iconBox{width:44px;height:44px;background:#e7105926;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.visualColumn .statItem .iconBox i{color:#E71059;font-size:20px}
.visualColumn .statItem .statContent{flex:1}
.visualColumn .statItem .statContent .statLabel{font-size:14px;color:#B1D2C4;margin:0 0 4px}
.visualColumn .statItem .statContent .statValue{font-size:20px;font-weight:700;color:#fff;margin:0}
.journeySection{background:linear-gradient(180deg,#0d1117 0%,#1A4766 100%);padding:80px 30px;position:relative;overflow:hidden}
.journeySection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1200px;height:100%;background:radial-gradient(ellipse at center,#e7105914 0%,transparent 70%);pointer-events:none}
.journeyInner{max-width:1000px;margin:0 auto;position:relative;z-index:1}
.journeyHeader{text-align:center;margin-bottom:60px}
.journeyHeader h2{font-size:38px;font-weight:700;color:#fff;margin:0 0 18px}
.journeyHeader .subheadText{font-size:17px;line-height:1.6;color:#B1D2C4;max-width:680px;margin:0 auto}
.timelineContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:50px}
.milestoneCard{background:#1a47664d;padding:34px 28px;border-radius:24px;border:1px solid #b1d2c426;position:relative;transition:all .3s ease-out}
.milestoneCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #e7105933;border-color:#e7105966}
.milestoneCard .yearBadge{display:inline-block;background:linear-gradient(135deg,#E71059 0%,#b50d47 100%);color:#fff;font-size:15px;font-weight:700;padding:8px 18px;border-radius:12px;margin-bottom:18px}
.milestoneCard h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 14px}
.milestoneCard p{font-size:15px;line-height:1.7;color:#B1D2C4;margin:0}
.visualShowcase{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.showcaseImage{border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #0000004d}
.showcaseImage img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .4s ease-out}
.showcaseImage:hover img{transform:scale(1.08)}
.teamIntro{max-width:1000px;margin:80px auto 0;padding:0 30px}
.teamIntro h2{font-size:32px;font-weight:700;color:#E71059;margin:0 0 24px;text-align:center}
.teamIntro .introStatement{font-size:17px;line-height:1.7;color:#d4d4d4;text-align:center;max-width:720px;margin:0 auto 50px}
.profileDisplay{display:grid;grid-template-columns:280px 1fr;gap:50px;align-items:start;background:linear-gradient(135deg,#1a476640 0%,#0d233340 100%);padding:40px;border-radius:24px;border:1px solid #b1d2c426}
.profileDisplay .photoArea{border-radius:20px;overflow:hidden;box-shadow:0 10px 28px #e710592e}
.profileDisplay .photoArea img{width:100%;height:auto;display:block}
.profileDisplay .bioArea h3{font-size:26px;font-weight:700;color:#fff;margin:0 0 8px}
.profileDisplay .bioArea .roleTag{font-size:15px;color:#B1D2C4;margin:0 0 22px;font-weight:600}
.profileDisplay .bioArea p{font-size:16px;line-height:1.8;color:#d4d4d4;margin:0 0 18px}
.profileDisplay .bioArea p:last-child{margin-bottom:0}
@media (max-width: 900px) {
.titleBanner{grid-template-columns:1fr;min-height:auto}
.titleBanner .contentSide{padding:50px 30px}
.titleBanner .imageSide{min-height:300px}
.storyGrid{grid-template-columns:1fr;gap:40px}
.timelineContainer{grid-template-columns:1fr;gap:30px}
.visualShowcase{grid-template-columns:1fr}
.showcaseImage img{height:280px}
.profileDisplay{grid-template-columns:1fr;gap:30px;padding:30px}
.profileDisplay .photoArea{max-width:320px;margin:0 auto}
}
@media (max-width: 600px) {
.titleBanner .mainTitle{font-size:32px}
.titleBanner .descriptionText{font-size:16px}
.narrativeColumn h2{font-size:28px}
.journeyHeader h2{font-size:30px}
.teamIntro h2{font-size:26px}
}
.successPage{background:linear-gradient(135deg,#0a1f2e 0%,#1a2634 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px}
.successContainer{max-width:920px;margin:0 auto;width:100%}
.successInner{background:linear-gradient(145deg,#162838 0%,#1f3544 100%);border-radius:24px;padding:80px 60px;box-shadow:0 12px 40px #e7105926 0 4px 12px #0000004d;position:relative;overflow:hidden}
.successInner::before{content:'';position:absolute;top:-50%;right:-30%;width:600px;height:600px;background:radial-gradient(circle,#e7105914 0%,transparent 70%);border-radius:50%}
.successInner::after{content:'';position:absolute;bottom:-40%;left:-20%;width:500px;height:500px;background:radial-gradient(circle,#1a47661f 0%,transparent 70%);border-radius:50%}
.iconWrapper{width:120px;height:120px;margin:0 auto 40px;background:linear-gradient(135deg,#E71059 0%,#c40d4a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #e710594d inset 0 -3px 8px #0003;position:relative;z-index:2}
.iconWrapper .jam{font-size:56px;color:#fff}
.mainHeading{font-size:42px;font-weight:700;color:#fff;text-align:center;margin:0 0 20px;line-height:1.2;position:relative;z-index:2}
.mainHeading .highlightText{background:linear-gradient(90deg,#E71059 0%,#B1D2C4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.messageText{font-size:18px;line-height:1.7;color:#B1D2C4;text-align:center;margin:0 0 50px;max-width:620px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.actionSection{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.primaryButton{background:linear-gradient(135deg,#E71059 0%,#c40d4a 100%);color:#fff;padding:18px 48px;border-radius:28px;text-decoration:none;font-size:17px;font-weight:600;transition:all .3s ease-out;box-shadow:0 6px 20px #e7105940;display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer}
.primaryButton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #e7105959;background:linear-gradient(135deg,#ff1a6b 0%,#d60e51 100%)}
.secondaryButton{background:transparent;color:#B1D2C4;padding:18px 48px;border-radius:28px;text-decoration:none;font-size:17px;font-weight:600;transition:all .3s ease-out;border:2px solid #1A4766;display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.secondaryButton:hover{background:#1a476633;border-color:#2a5f7f;color:#fff;transform:translateY(-2px)}
.decorativeLine{width:80px;height:4px;background:linear-gradient(90deg,transparent 0%,#E71059 50%,transparent 100%);margin:50px auto 0;border-radius:4px;position:relative;z-index:2}
.infoPanel{background:#1a476626;border-radius:20px;padding:40px;margin-top:60px;border:1px solid #b1d2c41a;position:relative;z-index:2}
.infoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px}
.infoItem{text-align:center}
.infoIcon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#e7105926 0%,#1a476626 100%);border-radius:16px;display:flex;align-items:center;justify-content:center}
.infoIcon .jam{font-size:28px;color:#E71059}
.infoLabel{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}
.infoDetail{font-size:14px;color:#B1D2C4;margin:0;line-height:1.6}
.infoDetail a{color:#E71059;text-decoration:none;transition:color .3s ease-out}
.infoDetail a:hover{color:#ff1a6b}
@media (max-width: 768px) {
.successPage{padding:40px 16px}
.successInner{padding:50px 30px}
.mainHeading{font-size:32px}
.messageText{font-size:16px;margin-bottom:40px}
.iconWrapper{width:100px;height:100px;margin-bottom:30px}
.iconWrapper .jam{font-size:48px}
.actionSection{flex-direction:column;gap:16px}
.primaryButton,.secondaryButton{width:100%;justify-content:center;padding:16px 32px}
.infoPanel{padding:30px 20px;margin-top:40px}
.infoGrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 480px) {
.successInner{padding:40px 24px;border-radius:16px}
.mainHeading{font-size:28px}
.messageText{font-size:15px}
.iconWrapper{width:90px;height:90px}
.iconWrapper .jam{font-size:42px}
}