*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Fira Sans',sans-serif;color:#2F2F2F;background:#FAFAFA;line-height:1.6}
h1,h2,h3,h4,h5,h6{font-family:'Raleway',sans-serif;font-weight:700}
a{text-decoration:none;color:inherit}
header{position:relative;background:linear-gradient(125deg,#01547F 0%,#025a8a 50%,#01547F 100%);box-shadow:0 4px 12px #00000014 0 2px 6px #0000000a}
header .bannerBack{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:.15;pointer-events:none}
header .bannerText{font-family:'Raleway',sans-serif;font-size:8rem;font-weight:700;color:#FBAE05;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;letter-spacing:.05em}
header .overlayWrap{position:relative;z-index:10;padding:1.5rem 0}
header .contentWrap{max-width:960px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
header .logoArea{flex-shrink:0}
header .logoLink{display:block}
header .logoImg{height:90px;width:90px;display:block;background:#fffffff2;padding:8px;border-radius:12px;box-shadow:0 3px 8px #0000001f}
header .mainNav{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}
header .navLink{color:#FFF;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;transition:color .3s ease}
header .navLink:hover{color:#FBAE05}
header .navLink::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#FBAE05;transition:width .3s ease}
header .navLink:hover::after{width:100%}
main{min-height:200px}
footer{background:linear-gradient(135deg,#2F2F2F 0%,#3a3a3a 50%,#2F2F2F 100%);color:#E0E0E0;padding:3rem 0 1.5rem;margin-top:4rem}
footer .footerWrap{max-width:960px;margin:0 auto;padding:0 1.5rem}
footer .footerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;margin-bottom:2rem}
footer .footerTitle{color:#FBAE05;font-size:1.25rem;margin-bottom:1rem;font-weight:600}
footer .footerText{font-size:.95rem;line-height:1.6;color:silver}
footer .footerNav{display:flex;flex-direction:column;gap:.75rem}
footer .footerLink{color:silver;font-size:.95rem;transition:color .3s ease}
footer .footerLink:hover{color:#FBAE05}
footer .contactInfo{display:flex;flex-direction:column;gap:1rem}
footer .contactItem{font-size:.95rem;color:silver;display:flex;align-items:flex-start;gap:.5rem}
footer .contactItem .mdi{color:#FBAE05;font-size:1.25rem;flex-shrink:0;margin-top:.1rem}
footer .contactItem a{color:silver;transition:color .3s ease}
footer .contactItem a:hover{color:#FBAE05}
footer .footerBottom{border-top:1px solid #fbae0533;padding-top:1.5rem;text-align:center}
footer .copyrightText{font-size:.9rem;color:#A0A0A0}
.cookieBox{display:none;position:fixed;bottom:2rem;right:2rem;max-width:420px;background:#FFF;border-radius:12px;box-shadow:0 8px 24px #00000026 0 4px 12px #0000001a;z-index:1000;padding:1.75rem;border:1px solid #E0E0E0}
.cookieBox .cookieContent{display:flex;flex-direction:column;gap:1rem}
.cookieBox .cookieTitle{font-size:1.25rem;color:#2F2F2F;font-weight:600;margin-bottom:.25rem}
.cookieBox .cookieText{font-size:.9rem;color:#555;line-height:1.5}
.cookieBox .cookieBtns{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}
.cookieBox .cookieBtn{padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:'Fira Sans',sans-serif}
.cookieBox .cookieAccept{background:#01547F;color:#FFF;border:2px solid #01547F}
.cookieBox .cookieAccept:hover{background:#013e5f;border-color:#013e5f}
.cookieBox .cookieReject{background:transparent;color:#2F2F2F;border:2px solid #2F2F2F}
.cookieBox .cookieReject:hover{background:#F5F5F5}
.cookieBox .cookieCustom{background:transparent;color:#01547F;border:2px solid #01547F}
.cookieBox .cookieCustom:hover{background:#F0F8FC}
.cookieBox .cookieDetails{display:none;margin-top:1rem;padding-top:1rem;border-top:1px solid #E0E0E0}
.cookieBox .cookieCategory{margin-bottom:1rem}
.cookieBox .cookieLabel{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;font-weight:500;color:#2F2F2F}
.cookieBox .cookieCheck{width:18px;height:18px;cursor:pointer;accent-color:#01547F}
.cookieBox .cookieDesc{font-size:.85rem;color:#666;margin-left:2rem;margin-top:.25rem}
.cookieBox .cookieSave{background:#FBAE05;color:#2F2F2F;border:2px solid #FBAE05;margin-top:.5rem}
.cookieBox .cookieSave:hover{background:#e09d04;border-color:#e09d04}
@media (max-width: 768px) {
header .bannerText{font-size:4rem}
header .contentWrap{flex-direction:column;align-items:center;text-align:center}
header .mainNav{justify-content:center;gap:1.25rem}
header .logoImg{height:75px;width:75px}
footer .footerGrid{grid-template-columns:1fr;gap:2rem}
.cookieBox{bottom:1rem;right:1rem;left:1rem;max-width:none}
}
@media (max-width: 480px) {
header .bannerText{font-size:2.5rem}
header .mainNav{flex-direction:column;gap:.75rem;width:100%}
header .navLink{display:block;width:100%;text-align:center}
}
.titleArea{max-width:960px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}
.titleArea::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:linear-gradient(135deg,#fbae0514 0%,#01547f1f 100%);border-radius:50%;z-index:0}
.titleArea .contentWrap{position:relative;z-index:2}
.titleArea .mainHeading{font-size:42px;line-height:1.2;color:#2F2F2F;margin:0 0 20px;font-weight:700}
.titleArea .mainHeading .highlight{position:relative;display:inline-block;color:#01547F}
.titleArea .mainHeading .highlight::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FBAE05 0%,#01547F 100%)}
.titleArea .introText{font-size:17px;line-height:1.7;color:#555;margin:0}
.titleArea .visualBox{position:relative;z-index:2;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #2f2f2f1f}
.titleArea .visualBox img{width:100%;height:auto;display:block;object-fit:cover}
.strategyGrid{max-width:960px;margin:80px auto 0;padding:0 20px 60px}
.strategyGrid .sectionLabel{font-size:15px;text-transform:uppercase;letter-spacing:1.5px;color:#FBAE05;margin:0 0 12px;font-weight:600}
.strategyGrid .sectionTitle{font-size:34px;line-height:1.3;color:#2F2F2F;margin:0 0 50px;font-weight:700}
.strategyGrid .cardsList{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.strategyGrid .strategyCard{background:#fff;border:2px solid #e8e8e8;border-radius:14px;padding:32px 24px;transition:all .3s ease-out;position:relative}
.strategyGrid .strategyCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#FBAE05 0%,#01547F 100%);transition:height .3s ease-out;border-radius:14px 0 0 14px}
.strategyGrid .strategyCard:hover{border-color:#FBAE05;box-shadow:0 6px 20px #fbae0526;transform:translateY(-4px)}
.strategyGrid .strategyCard:hover::before{height:100%}
.strategyGrid .cardIcon{width:56px;height:56px;background:linear-gradient(135deg,#fbae051a 0%,#01547f1a 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.strategyGrid .cardIcon i{font-size:28px;color:#01547F}
.strategyGrid .cardTitle{font-size:20px;line-height:1.4;color:#2F2F2F;margin:0 0 12px;font-weight:600}
.strategyGrid .cardDesc{font-size:15px;line-height:1.7;color:#666;margin:0}
.processSplit{background:linear-gradient(168deg,#f8f9fa 0%,#fff 100%);padding:80px 0;margin:60px 0 0;position:relative}
.processSplit::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#FBAE05 0%,#01547F 50%,#2F2F2F 100%)}
.processSplit .innerWrap{max-width:960px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:45% 55%;gap:60px;align-items:start}
.processSplit .leftCol h3{font-size:32px;line-height:1.3;color:#2F2F2F;margin:0 0 20px;font-weight:700}
.processSplit .leftCol .leadText{font-size:16px;line-height:1.7;color:#555;margin:0 0 28px}
.processSplit .profileCard{background:#fff;border-radius:12px;padding:24px;display:flex;gap:20px;align-items:center;box-shadow:0 4px 16px #2f2f2f14}
.processSplit .profileCard img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #FBAE05}
.processSplit .profileInfo h5{font-size:18px;color:#2F2F2F;margin:0 0 6px;font-weight:600}
.processSplit .profileInfo p{font-size:14px;color:#777;margin:0}
.processSplit .stepsSequence{display:flex;flex-direction:column;gap:24px}
.processSplit .stepItem{background:#fff;border-left:4px solid #e0e0e0;border-radius:10px;padding:24px 28px;transition:all .3s ease-out;position:relative}
.processSplit .stepItem::before{content:'';position:absolute;left:-4px;top:0;width:4px;height:0;background:linear-gradient(180deg,#FBAE05 0%,#01547F 100%);transition:height .3s ease-out;border-radius:0 10px 10px 0}
.processSplit .stepItem:hover{border-left-color:#FBAE05;box-shadow:0 4px 16px #fbae051f}
.processSplit .stepItem:hover::before{height:100%}
.processSplit .stepNumber{display:inline-block;width:32px;height:32px;background:linear-gradient(135deg,#FBAE05 0%,#01547F 100%);color:#fff;border-radius:8px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 0 12px}
.processSplit .stepTitle{font-size:19px;color:#2F2F2F;margin:0 0 10px;font-weight:600}
.processSplit .stepDesc{font-size:15px;line-height:1.7;color:#666;margin:0}
.resourcesArea{max-width:960px;margin:80px auto 60px;padding:0 20px}
.resourcesArea .sectionHead{text-align:center;margin:0 0 50px}
.resourcesArea .sectionHead h3{font-size:36px;line-height:1.3;color:#2F2F2F;margin:0 0 16px;font-weight:700}
.resourcesArea .sectionHead .subText{font-size:17px;line-height:1.6;color:#666;margin:0}
.resourcesArea .tabsWrap{border-bottom:2px solid #e8e8e8;margin:0 0 40px;display:flex;gap:8px}
.resourcesArea .tabsWrap input[type="radio"]{display:none}
.resourcesArea .tabsWrap label{padding:14px 28px;font-size:16px;color:#777;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease-out;font-weight:600;position:relative;bottom:-2px}
.resourcesArea .tabsWrap label:hover{color:#01547F;background:#01547f0a;border-radius:8px 8px 0 0}
.resourcesArea .tabsWrap input:checked + label{color:#01547F;border-bottom-color:#FBAE05}
.resourcesArea .tabContent{display:none}
.resourcesArea #tab1:checked ~ .tabContent.content1,.resourcesArea #tab2:checked ~ .tabContent.content2,.resourcesArea #tab3:checked ~ .tabContent.content3{display:block}
.resourcesArea .resourcesList{display:flex;flex-direction:column;gap:20px}
.resourcesArea .resourceItem{background:#fff;border:2px solid #e8e8e8;border-radius:12px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease-out}
.resourcesArea .resourceItem:hover{border-color:#FBAE05;box-shadow:0 4px 16px #fbae051a}
.resourcesArea .resourceLeft{display:flex;gap:20px;align-items:center;flex:1}
.resourcesArea .resourceIcon{width:56px;height:56px;background:linear-gradient(135deg,#fbae0526 0%,#01547f26 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.resourcesArea .resourceIcon i{font-size:26px;color:#01547F}
.resourcesArea .resourceInfo h5{font-size:18px;color:#2F2F2F;margin:0 0 8px;font-weight:600}
.resourcesArea .resourceInfo p{font-size:14px;color:#666;margin:0;line-height:1.6}
.resourcesArea .resourceAction{display:flex;gap:12px;align-items:center}
.resourcesArea .metaBadge{padding:6px 14px;background:#01547f14;color:#01547F;border-radius:6px;font-size:13px;font-weight:600}
.resourcesArea .actionBtn{padding:10px 24px;background:linear-gradient(135deg,#FBAE05 0%,#01547F 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease-out;text-decoration:none;display:inline-block}
.resourcesArea .actionBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbae054d}
@media (max-width: 768px) {
.titleArea{grid-template-columns:1fr;gap:30px;padding:40px 20px}
.titleArea .mainHeading{font-size:32px}
.strategyGrid .cardsList{grid-template-columns:1fr;gap:20px}
.processSplit .innerWrap{grid-template-columns:1fr;gap:40px}
.resourcesArea .resourceItem{flex-direction:column;align-items:flex-start;gap:20px}
.resourcesArea .resourceAction{width:100%;flex-direction:column;align-items:stretch}
.resourcesArea .actionBtn{text-align:center}
.resourcesArea .tabsWrap{flex-wrap:wrap}
}
@media (max-width: 480px) {
.titleArea .mainHeading{font-size:26px}
.strategyGrid .sectionTitle{font-size:26px}
.processSplit .leftCol h3{font-size:26px}
.resourcesArea .sectionHead h3{font-size:28px}
}
.hero14{display:flex;align-items:center;gap:3rem;max-width:960px;margin:4rem auto;padding:0 1.5rem}
.hero14 .image-part{flex:0 0 38%;position:relative}
.hero14 .image-part::before{content:'';position:absolute;inset:-8px;background:linear-gradient(135deg,#FBAE05 0%,#01547F 100%);opacity:.15;border-radius:12px;z-index:-1}
.hero14 .image-part img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 8px 24px #01547f1f}
.hero14 .text-part{flex:1}
.hero14 .label-tag{display:inline-block;background:linear-gradient(118deg,#FBAE05 0%,#01547F 100%);color:#fff;padding:.4rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin-bottom:1rem}
.hero14 .main-title{font-size:2.4rem;line-height:1.25;color:#2F2F2F;margin:0 0 1rem;font-weight:700}
.hero14 .tagline{font-size:1.05rem;line-height:1.65;color:#5a5a5a;margin:0}
.alumni-wrap{background:linear-gradient(142deg,#f9f9f9 0%,#fff 100%);padding:4.5rem 1.5rem;margin:3rem 0}
.alumni-wrap .inner-content{max-width:960px;margin:0 auto}
.alumni-wrap .section-head{font-size:2rem;color:#2F2F2F;margin:0 0 .8rem;font-weight:700;position:relative;display:inline-block}
.alumni-wrap .section-head::after{content:'';position:absolute;bottom:-4px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#FBAE05 0%,#01547F 100%);border-radius:2px}
.alumni-wrap .intro-text{font-size:1rem;line-height:1.7;color:#5a5a5a;margin:0 0 2.5rem;max-width:720px}
.opportunity-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.opportunity-cards .card-item{background:#fff;border-radius:10px;padding:2rem 1.5rem;box-shadow:0 4px 12px #2f2f2f14;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.opportunity-cards .card-item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FBAE05 0%,#01547F 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.opportunity-cards .card-item:hover{transform:translateY(-6px);box-shadow:0 12px 28px #01547f26}
.opportunity-cards .card-item:hover::before{transform:scaleX(1)}
.opportunity-cards .icon-holder{font-size:2.5rem;color:#01547F;margin-bottom:1rem}
.opportunity-cards .card-title{font-size:1.25rem;color:#2F2F2F;margin:0 0 .8rem;font-weight:600}
.opportunity-cards .card-desc{font-size:.95rem;line-height:1.6;color:#666;margin:0}
.learning-modes{max-width:960px;margin:5rem auto;padding:0 1.5rem}
.learning-modes .top-section{text-align:center;margin-bottom:3rem}
.learning-modes .section-title{font-size:2.1rem;color:#2F2F2F;margin:0 0 1rem;font-weight:700}
.learning-modes .section-subtitle{font-size:1.05rem;line-height:1.65;color:#5a5a5a;margin:0;max-width:660px;margin-left:auto;margin-right:auto}
.mode-comparison{display:flex;gap:2.5rem;align-items:stretch}
.mode-comparison .mode-box{flex:1;background:#fff;border:2px solid #e8e8e8;border-radius:12px;padding:2.5rem 2rem;position:relative;transition:all .35s ease}
.mode-comparison .mode-box:hover{border-color:#FBAE05;box-shadow:0 8px 20px #fbae051f}
.mode-comparison .mode-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#FBAE05 0%,#01547F 100%);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.8rem;color:#fff}
.mode-comparison .mode-name{font-size:1.4rem;color:#2F2F2F;margin:0 0 1rem;font-weight:700}
.mode-comparison .mode-detail{font-size:.95rem;line-height:1.7;color:#666;margin:0 0 1.5rem}
.mode-comparison .feature-points{list-style:none;padding:0;margin:0}
.mode-comparison .feature-points li{padding-left:1.8rem;position:relative;margin-bottom:.8rem;font-size:.92rem;color:#5a5a5a;line-height:1.5}
.mode-comparison .feature-points li::before{content:'\F012C';font-family:'Material Design Icons';position:absolute;left:0;color:#01547F;font-size:1.2rem}
.career-horizons{background:linear-gradient(158deg,#01547F 0%,#2F2F2F 100%);padding:5rem 1.5rem;color:#fff;position:relative;overflow:hidden}
.career-horizons::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fbae0526 0%,transparent 70%);border-radius:50%}
.career-horizons .content-inner{max-width:960px;margin:0 auto;position:relative;z-index:1}
.career-horizons .main-heading{font-size:2.2rem;margin:0 0 1rem;font-weight:700}
.career-horizons .lead-paragraph{font-size:1.1rem;line-height:1.7;margin:0 0 3rem;opacity:.95;max-width:700px}
.path-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.path-grid .path-card{background:#ffffff1a;backdrop-filter:blur(10px);border-radius:10px;padding:2rem 1.8rem;border:1px solid #fff3;transition:all .3s ease}
.path-grid .path-card:hover{background:#ffffff26;transform:translateX(8px)}
.path-grid .path-number{display:inline-block;width:38px;height:38px;border-radius:50%;background:#FBAE05;color:#2F2F2F;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.path-grid .path-name{font-size:1.3rem;margin:0 0 .8rem;font-weight:600}
.path-grid .path-info{font-size:.95rem;line-height:1.6;margin:0;opacity:.9}
.inspiration-section{max-width:960px;margin:5rem auto;padding:0 1.5rem}
.inspiration-section .header-area{margin-bottom:3rem}
.inspiration-section .section-label{font-size:1.9rem;color:#2F2F2F;margin:0 0 .7rem;font-weight:700}
.inspiration-section .section-intro{font-size:1rem;line-height:1.65;color:#5a5a5a;margin:0}
.story-showcase{display:flex;gap:2.5rem;align-items:center}
.story-showcase .photo-side{flex:0 0 280px}
.story-showcase .photo-side img{width:100%;height:auto;border-radius:10px;box-shadow:0 6px 18px #01547f24}
.story-showcase .text-side{flex:1}
.story-showcase .person-name{font-size:1.5rem;color:#2F2F2F;margin:0 0 .5rem;font-weight:700}
.story-showcase .person-role{font-size:.95rem;color:#01547F;margin:0 0 1.5rem;font-weight:600}
.story-showcase .testimonial-text{font-size:1rem;line-height:1.75;color:#5a5a5a;margin:0 0 1.5rem;font-style:italic;position:relative;padding-left:1.5rem;border-left:3px solid #FBAE05}
.story-showcase .growth-metrics{display:flex;gap:2rem}
.story-showcase .metric-item{flex:1}
.story-showcase .metric-value{font-size:2rem;color:#01547F;font-weight:700;margin:0 0 .3rem}
.story-showcase .metric-label{font-size:.88rem;color:#666;margin:0}
.accessibility-area{background:linear-gradient(135deg,#f5f5f5 0%,#fff 100%);padding:4.5rem 1.5rem;margin:3rem 0 0}
.accessibility-area .wrapper{max-width:960px;margin:0 auto}
.accessibility-area .title-main{font-size:2rem;color:#2F2F2F;margin:0 0 2.5rem;font-weight:700;text-align:center}
.feature-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.feature-matrix .feature-block{text-align:center;padding:2rem 1.5rem;background:#fff;border-radius:10px;box-shadow:0 3px 10px #2f2f2f0f;transition:box-shadow .3s ease}
.feature-matrix .feature-block:hover{box-shadow:0 8px 22px #01547f1f}
.feature-matrix .feature-symbol{font-size:2.8rem;color:#FBAE05;margin-bottom:1rem}
.feature-matrix .feature-heading{font-size:1.15rem;color:#2F2F2F;margin:0 0 .8rem;font-weight:600}
.feature-matrix .feature-text{font-size:.92rem;line-height:1.6;color:#666;margin:0}
@media (max-width: 768px) {
.hero14{flex-direction:column;gap:2rem}
.hero14 .image-part{flex:0 0 auto;width:100%}
.hero14 .main-title{font-size:1.9rem}
.opportunity-cards{grid-template-columns:1fr;gap:1.5rem}
.mode-comparison{flex-direction:column;gap:2rem}
.path-grid{grid-template-columns:1fr}
.story-showcase{flex-direction:column;gap:2rem}
.story-showcase .photo-side{flex:0 0 auto;width:100%;max-width:320px}
.feature-matrix{grid-template-columns:1fr;gap:1.5rem}
}
@media (min-width: 769px) and (max-width: 1024px) {
.opportunity-cards{grid-template-columns:repeat(2,1fr)}
.feature-matrix{grid-template-columns:repeat(2,1fr)}
}
.contactHero{position:relative;padding:80px 20px;overflow:hidden;background:linear-gradient(135deg,#01547F 0%,#2F2F2F 100%);text-align:center}
.contactHero::before{content:'';position:absolute;top:-50%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,#fbae0526,transparent 70%);filter:blur(80px);z-index:1}
.contactHero::after{content:'';position:absolute;bottom:-40%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,#01547f33,transparent 70%);filter:blur(90px);z-index:1}
.heroContent{position:relative;z-index:2;max-width:720px;margin:0 auto}
.heroContent h1{font-size:2.8rem;color:#FBAE05;margin-bottom:12px;font-weight:700;line-height:1.2}
.heroContent h2{font-size:1.5rem;color:#fff;margin-bottom:24px;font-weight:400;opacity:.95}
.heroContent p{font-size:1.05rem;color:#fff;line-height:1.6;opacity:.85}
.contactGrid{max-width:960px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1fr;gap:40px}
.infoCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.contactCard{background:linear-gradient(145deg,#f8f9fa,#fff);padding:32px 24px;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}
.contactCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}
.contactCard .iconWrap{width:56px;height:56px;background:linear-gradient(135deg,#FBAE05,#ffc940);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.contactCard .iconWrap i{font-size:1.6rem;color:#fff}
.contactCard h3{font-size:1.25rem;color:#2F2F2F;margin-bottom:12px;font-weight:600}
.contactCard p{font-size:.95rem;color:#555;line-height:1.7;margin:0}
.contactCard a{color:#01547F;text-decoration:none;transition:color .2s ease}
.contactCard a:hover{color:#FBAE05}
.formSection{background:#fff;padding:48px 32px;border-radius:14px;box-shadow:0 6px 18px #0000001a}
.formSection h3{font-size:1.85rem;color:#2F2F2F;margin-bottom:10px;font-weight:600}
.formSection h3::before{content:'';display:inline-block;width:5px;height:28px;background:linear-gradient(180deg,#FBAE05,#01547F);margin-right:12px;vertical-align:middle;border-radius:3px}
.formSection p{font-size:1rem;color:#666;margin-bottom:32px;line-height:1.6}
.contactForm{display:flex;flex-direction:column;gap:24px}
.fieldGroup{display:flex;flex-direction:column;gap:8px}
.fieldGroup label{font-size:.95rem;color:#2F2F2F;font-weight:500}
.fieldGroup input,.fieldGroup select,.fieldGroup textarea{padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;background:#fafafa}
.fieldGroup input:focus,.fieldGroup select:focus,.fieldGroup textarea:focus{outline:none;border-color:#FBAE05;box-shadow:0 0 0 3px #fbae051a;background:#fff}
.fieldGroup textarea{min-height:140px;resize:vertical}
.fieldGroup select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%232F2F2F' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.privacyCheck{display:flex;align-items:flex-start;gap:10px;margin-top:8px}
.privacyCheck input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.privacyCheck label{font-size:.9rem;color:#555;line-height:1.5;cursor:pointer}
.privacyCheck a{color:#01547F;text-decoration:underline}
.privacyCheck a:hover{color:#FBAE05}
.submitBtn{padding:16px 40px;background:linear-gradient(135deg,#01547F,#0177b3);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 12px #01547f4d;margin-top:10px}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #01547f66;background:linear-gradient(135deg,#0177b3,#01547F)}
.submitBtn:active{transform:translateY(0)}
.hoursBlock{background:linear-gradient(135deg,#2F2F2F,#1a1a1a);padding:50px 20px;text-align:center}
.hoursContent{max-width:680px;margin:0 auto}
.hoursContent h3{font-size:2rem;color:#FBAE05;margin-bottom:20px;font-weight:600}
.hoursContent p{font-size:1.1rem;color:#fff;line-height:1.7;opacity:.9}
.directionsBlock{max-width:960px;margin:0 auto;padding:60px 20px}
.directionsBlock h3{font-size:1.8rem;color:#2F2F2F;margin-bottom:24px;font-weight:600;text-align:center}
.directionsBlock h3::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FBAE05,#01547F);margin:16px auto 0;border-radius:2px}
.directionsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:40px}
.directionCard{background:#f9f9f9;padding:28px 24px;border-radius:10px;border-left:5px solid #FBAE05;transition:background .3s ease}
.directionCard:hover{background:#f0f0f0}
.directionCard h4{font-size:1.2rem;color:#01547F;margin-bottom:12px;font-weight:600}
.directionCard p{font-size:.95rem;color:#555;line-height:1.6;margin:0}
@media (max-width: 768px) {
.heroContent h1{font-size:2rem}
.heroContent h2{font-size:1.25rem}
.contactGrid{padding:40px 20px}
.formSection{padding:32px 20px}
.formSection h3{font-size:1.5rem}
.infoCards{grid-template-columns:1fr}
.directionsGrid{grid-template-columns:1fr}
}
@media (min-width: 769px) and (max-width: 1024px) {
.infoCards{grid-template-columns:repeat(2,1fr)}
.directionsGrid{grid-template-columns:repeat(2,1fr)}
}
.aboutTitle{position:relative;padding:120px 20px 80px;background:linear-gradient(127deg,#FBAE05 0%,#01547F 100%);overflow:hidden;margin-bottom:0}
.aboutTitle::before{content:'';position:absolute;top:0;left:-50%;width:200%;height:100%;background:repeating-linear-gradient(-45deg,transparent,transparent 40px,#ffffff0d 40px,#ffffff0d 80px);pointer-events:none}
.aboutTitle .content-wrap{max-width:960px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;gap:48px}
.aboutTitle .text-area{flex:1}
.aboutTitle .heading-main{font-size:48px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.2}
.aboutTitle .heading-sub{font-size:26px;font-weight:400;color:#ffffffe6;margin:0;line-height:1.4}
.aboutTitle .image-holder{flex-shrink:0;width:280px;height:280px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000026}
.aboutTitle .image-holder img{width:100%;height:100%;object-fit:cover;display:block}
.storySection{padding:80px 20px;background:#f8f8f8}
.storySection .inner-container{max-width:960px;margin:0 auto}
.storySection .grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.storySection .text-column h2{font-size:36px;color:#2F2F2F;margin:0 0 24px;font-weight:700;line-height:1.3}
.storySection .text-column h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#FBAE05,#01547F);margin-bottom:16px;border-radius:2px}
.storySection .text-column p{font-size:17px;line-height:1.7;color:#2F2F2F;margin:0 0 18px}
.storySection .text-column .emphasis{color:#01547F;font-weight:600}
.storySection .visual-column{display:flex;flex-direction:column;gap:24px}
.storySection .img-block{border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:transform .3s ease-out,box-shadow .3s ease-out}
.storySection .img-block:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}
.storySection .img-block img{width:100%;height:auto;display:block}
.teamHighlight{padding:80px 20px;background:#fff}
.teamHighlight .wrapper{max-width:960px;margin:0 auto}
.teamHighlight .section-header{text-align:center;margin-bottom:60px}
.teamHighlight .section-header h2{font-size:38px;color:#2F2F2F;margin:0 0 16px;font-weight:700}
.teamHighlight .section-header p{font-size:18px;color:#666;margin:0;line-height:1.6}
.teamHighlight .cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.teamHighlight .profile-card{background:#f9f9f9;border-radius:12px;padding:32px 24px;text-align:center;transition:transform .3s ease-out,box-shadow .3s ease-out;border:2px solid transparent}
.teamHighlight .profile-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #01547f26;border-color:#FBAE05}
.teamHighlight .profile-card .photo-wrap{width:140px;height:140px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:4px solid #FBAE05;box-shadow:0 4px 12px #0000001a}
.teamHighlight .profile-card .photo-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.teamHighlight .profile-card h3{font-size:22px;color:#2F2F2F;margin:0 0 8px;font-weight:700}
.teamHighlight .profile-card .role{font-size:15px;color:#01547F;margin:0 0 16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.teamHighlight .profile-card .bio{font-size:15px;color:#555;line-height:1.6;margin:0}
.teamHighlight .profile-card.placeholder-card{background:linear-gradient(135deg,#fbae050d,#01547f0d);border:2px dashed #01547f4d}
.teamHighlight .profile-card.placeholder-card .icon-placeholder{width:140px;height:140px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,#FBAE05,#01547F);display:flex;align-items:center;justify-content:center;font-size:64px;color:#fff}
.teamHighlight .cta-area{margin-top:60px;text-align:center}
.teamHighlight .btn-primary{display:inline-block;padding:16px 42px;background:linear-gradient(90deg,#FBAE05,#01547F);color:#fff;font-size:17px;font-weight:600;border-radius:8px;text-decoration:none;transition:transform .3s ease-out,box-shadow .3s ease-out;box-shadow:0 4px 16px #fbae054d}
.teamHighlight .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fbae0566}
@media (max-width: 768px) {
.aboutTitle{padding:80px 20px 60px}
.aboutTitle .content-wrap{flex-direction:column;gap:32px}
.aboutTitle .heading-main{font-size:36px}
.aboutTitle .heading-sub{font-size:20px}
.aboutTitle .image-holder{width:100%;max-width:320px;height:240px}
.storySection{padding:60px 20px}
.storySection .grid-layout{grid-template-columns:1fr;gap:40px}
.storySection .text-column h2{font-size:28px}
.teamHighlight{padding:60px 20px}
.teamHighlight .section-header h2{font-size:30px}
.teamHighlight .cards-container{grid-template-columns:1fr;gap:24px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.aboutTitle .heading-main{font-size:40px}
.aboutTitle .image-holder{width:240px;height:240px}
.storySection .grid-layout{gap:40px}
.teamHighlight .cards-container{grid-template-columns:repeat(2,1fr)}
}
.page-hero{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden;margin-bottom:80px}
.hero-image-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.hero-image-wrap img{width:100%;height:100%;object-fit:cover;opacity:.15}
.hero-image-wrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fbae05d9 0%,#01547fe6 100%);z-index:2;mix-blend-mode:multiply}
.hero-image-wrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#2f2f2f08 2px,#2f2f2f08 4px);z-index:3}
.hero-content-area{position:relative;z-index:4;max-width:960px;margin:0 auto;padding:0 24px;color:#fff}
.hero-content-area h1{font-size:3.2rem;font-weight:700;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}
.hero-content-area p{font-size:1.25rem;line-height:1.6;max-width:680px;margin:0;opacity:.95}
.courses-grid-section{max-width:960px;margin:0 auto 90px;padding:0 24px}
.courses-grid-section h2{font-size:2.4rem;font-weight:700;margin:0 0 48px;color:#2F2F2F;text-align:center;position:relative}
.courses-grid-section h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FBAE05 0%,#01547F 100%);border-radius:2px}
.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.course-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #2f2f2f14;transition:all .3s ease-out;overflow:hidden;display:flex;flex-direction:column}
.course-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #01547f26}
.course-card-image{width:100%;height:200px;position:relative;overflow:hidden}
.course-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out}
.course-card:hover .course-card-image img{transform:scale(1.08)}
.course-label{position:absolute;top:16px;right:16px;background:#FBAE05;color:#2F2F2F;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;z-index:5}
.course-card-content{padding:24px;flex-grow:1;display:flex;flex-direction:column}
.course-card-content h3{font-size:1.35rem;font-weight:700;margin:0 0 12px;color:#2F2F2F;line-height:1.3}
.course-card-content p{font-size:.95rem;line-height:1.6;color:#555;margin:0 0 20px;flex-grow:1}
.course-meta-info{display:flex;gap:20px;margin-bottom:20px;padding-top:16px;border-top:1px solid #e8e8e8}
.meta-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#666}
.meta-item i{color:#01547F;font-size:1.1rem}
.course-card-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#01547F 0%,#FBAE05 100%);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease-out;border:none;cursor:pointer}
.course-card-btn:hover{transform:scale(1.03);box-shadow:0 4px 16px #01547f40}
.timeline-section{background:linear-gradient(165deg,#f9f9f9 0%,#fff 100%);padding:80px 24px;margin-bottom:90px}
.timeline-inner{max-width:960px;margin:0 auto}
.timeline-inner h2{font-size:2.4rem;font-weight:700;margin:0 0 56px;color:#2F2F2F;text-align:center}
.timeline-track{position:relative;padding-left:60px}
.timeline-track::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FBAE05 0%,#01547F 100%);border-radius:2px}
.timeline-item{position:relative;margin-bottom:48px;padding:28px 32px;background:#fff;border-radius:10px;box-shadow:0 3px 14px #2f2f2f0f;transition:all .3s ease-out}
.timeline-item:hover{box-shadow:0 6px 20px #01547f1f;transform:translateX(8px)}
.timeline-item::before{content:'';position:absolute;left:-48px;top:32px;width:18px;height:18px;background:#FBAE05;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #01547F}
.timeline-item h3{font-size:1.3rem;font-weight:700;margin:0 0 8px;color:#2F2F2F}
.timeline-item .step-label{display:inline-block;background:#01547F;color:#fff;padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:600;margin-bottom:12px}
.timeline-item p{font-size:.98rem;line-height:1.7;color:#555;margin:0}
.instructor-spotlight{max-width:960px;margin:0 auto 90px;padding:0 24px}
.instructor-spotlight h2{font-size:2.4rem;font-weight:700;margin:0 0 48px;color:#2F2F2F;text-align:center}
.instructor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.instructor-profile{display:flex;gap:24px;background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 16px #2f2f2f14;transition:all .3s ease-out}
.instructor-profile:hover{box-shadow:0 6px 24px #01547f24}
.profile-photo{flex-shrink:0;width:140px;height:140px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #2f2f2f1a}
.profile-photo img{width:100%;height:100%;object-fit:cover}
.profile-details{flex-grow:1}
.profile-details h3{font-size:1.4rem;font-weight:700;margin:0 0 6px;color:#2F2F2F}
.profile-role{color:#01547F;font-weight:600;font-size:.95rem;margin-bottom:14px;display:block}
.profile-details p{font-size:.95rem;line-height:1.7;color:#555;margin:0}
.cta-final{background:linear-gradient(145deg,#01547F 0%,#2F2F2F 100%);padding:80px 24px;text-align:center;color:#fff}
.cta-final-inner{max-width:720px;margin:0 auto}
.cta-final h2{font-size:2.6rem;font-weight:700;margin:0 0 20px;line-height:1.2}
.cta-final p{font-size:1.15rem;line-height:1.6;margin:0 0 36px;opacity:.92}
.cta-button-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta-btn-primary{display:inline-flex;align-items:center;gap:10px;background:#FBAE05;color:#2F2F2F;padding:16px 36px;border-radius:10px;text-decoration:none;font-weight:700;font-size:1.05rem;transition:all .3s ease-out;box-shadow:0 4px 16px #fbae054d}
.cta-btn-primary:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #fbae0566}
.cta-btn-secondary{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#fff;padding:16px 36px;border-radius:10px;text-decoration:none;font-weight:700;font-size:1.05rem;transition:all .3s ease-out;border:2px solid #fff}
.cta-btn-secondary:hover{background:#fff;color:#01547F;transform:translateY(-3px)}
@media (max-width: 768px) {
.hero-content-area h1{font-size:2.2rem}
.hero-content-area p{font-size:1.05rem}
.grid-container{grid-template-columns:1fr;gap:24px}
.timeline-track{padding-left:50px}
.timeline-track::before{left:15px}
.timeline-item::before{left:-43px}
.instructor-grid{grid-template-columns:1fr;gap:28px}
.instructor-profile{flex-direction:column;text-align:center}
.profile-photo{margin:0 auto}
.cta-button-group{flex-direction:column;align-items:center}
.cta-btn-primary,.cta-btn-secondary{width:100%;max-width:320px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.grid-container{grid-template-columns:repeat(2,1fr)}
.instructor-grid{grid-template-columns:1fr}
}
.cookieWrap{background:linear-gradient(142deg,#01547F 0%,#2F2F2F 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.cookieWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#fbae0526 0%,transparent 70%);border-radius:50%}
.cookieWrap::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#fbae051a 0%,transparent 70%);border-radius:50%}
.cookieHeader{max-width:960px;margin:0 auto;position:relative;z-index:2}
.cookieHeader h1{font-size:3.2rem;color:#FBAE05;margin:0 0 24px;font-weight:700;line-height:1.2}
.cookieHeader .subtitle{font-size:1.1rem;color:#f5f5f5;max-width:720px;line-height:1.7;opacity:.95}
.cookieHeader .updateInfo{display:inline-block;margin-top:32px;padding:10px 24px;background:#fbae0526;border-left:4px solid #FBAE05;color:#fff;font-size:.95rem}
.policyContent{max-width:960px;margin:0 auto;padding:80px 20px}
.policyGrid{display:grid;grid-template-columns:1fr;gap:60px}
.policySection{background:#fff;padding:48px;border-radius:12px;box-shadow:0 4px 20px #00000014;border-top:5px solid #FBAE05;transition:transform .3s ease,box-shadow .3s ease}
.policySection:hover{transform:translateY(-4px);box-shadow:0 8px 28px #0000001f}
.policySection h2{font-size:1.95rem;color:#2F2F2F;margin:0 0 24px;font-weight:700;position:relative;padding-bottom:16px}
.policySection h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(90deg,#FBAE05 0%,#01547F 100%)}
.policySection h3{font-size:1.4rem;color:#01547F;margin:32px 0 16px;font-weight:600}
.policySection p{font-size:1.05rem;color:#4a4a4a;line-height:1.75;margin:0 0 20px}
.policySection ul{list-style:none;padding:0;margin:24px 0}
.policySection ul li{position:relative;padding-left:32px;margin-bottom:16px;font-size:1.05rem;color:#4a4a4a;line-height:1.7}
.policySection ul li::before{content:'';position:absolute;left:0;top:8px;width:12px;height:12px;background:linear-gradient(135deg,#FBAE05 0%,#01547F 100%);border-radius:3px;transform:rotate(45deg)}
.cookieTable{width:100%;margin:32px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:10px;box-shadow:0 2px 12px #00000014}
.cookieTable thead tr{background:linear-gradient(135deg,#01547F 0%,#2F2F2F 100%)}
.cookieTable thead th{padding:18px 20px;text-align:left;color:#fff;font-weight:600;font-size:1.05rem}
.cookieTable tbody tr{background:#fff;transition:background .2s ease}
.cookieTable tbody tr:nth-child(even){background:#f8f8f8}
.cookieTable tbody tr:hover{background:#fff5e6}
.cookieTable tbody td{padding:16px 20px;color:#4a4a4a;font-size:.98rem;border-bottom:1px solid #e8e8e8}
.cookieTable tbody tr:last-child td{border-bottom:none}
.cookieType{display:inline-block;padding:6px 14px;background:#FBAE05;color:#2F2F2F;border-radius:20px;font-size:.88rem;font-weight:600}
.infoBox{background:linear-gradient(135deg,#fbae051a 0%,#01547f0d 100%);padding:28px 32px;border-radius:10px;margin:32px 0;border-left:5px solid #01547F}
.infoBox p{margin:0;color:#2F2F2F;font-size:1.05rem;line-height:1.7}
.infoBox strong{color:#01547F;font-weight:600}
.contactBlock{margin-top:40px;padding:32px;background:linear-gradient(135deg,#f8f8f8 0%,#fff 100%);border-radius:10px;border:2px solid #FBAE05}
.contactBlock h3{font-size:1.3rem;color:#2F2F2F;margin:0 0 20px}
.contactBlock p{margin:12px 0;font-size:1.05rem}
.contactBlock a{color:#01547F;text-decoration:none;font-weight:600;transition:color .2s ease}
.contactBlock a:hover{color:#FBAE05}
.contactBlock .mdi{margin-right:8px;color:#FBAE05}
@media (max-width: 768px) {
.cookieWrap{padding:80px 20px 60px}
.cookieHeader h1{font-size:2.2rem}
.cookieHeader .subtitle{font-size:1rem}
.policyContent{padding:60px 20px}
.policySection{padding:32px 24px}
.policySection h2{font-size:1.6rem}
.policySection h3{font-size:1.25rem}
.cookieTable{font-size:.9rem}
.cookieTable thead th,.cookieTable tbody td{padding:12px 14px}
}
@media (max-width: 480px) {
.cookieHeader h1{font-size:1.9rem}
.policySection{padding:24px 20px}
.cookieTable{display:block;overflow-x:auto}
}
.privacyMain{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:0;margin:0}
.titleArea{background:linear-gradient(158deg,#01547F 0%,#2F2F2F 100%);padding:80px 0 60px;position:relative;overflow:hidden}
.titleArea::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,#fbae0514 0%,transparent 40%,transparent 60%,#fbae0514 100%);pointer-events:none}
.titleWrap{max-width:960px;margin:0 auto;padding:0 24px}
.titleBox h1{font-size:48px;color:#fff;margin:0 0 16px;font-weight:700;line-height:1.2}
.titleBox .metaLine{color:#ffffffd9;font-size:16px;margin-bottom:32px}
.titleBox .metaLine .mdi{margin-right:6px;color:#FBAE05}
.contentBody{max-width:960px;margin:0 auto;padding:60px 24px 80px}
.policyBlock{background:#fff;border-radius:12px;padding:48px;margin-bottom:40px;box-shadow:0 4px 16px #0000000f;border-left:4px solid #FBAE05}
.policyBlock h2{font-size:28px;color:#2F2F2F;margin:0 0 24px;font-weight:600;position:relative;padding-left:20px}
.policyBlock h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#FBAE05;border-radius:50%}
.policyBlock h3{font-size:22px;color:#01547F;margin:32px 0 16px;font-weight:600}
.policyBlock p{font-size:16px;line-height:1.75;color:#444;margin:0 0 16px}
.policyBlock ul{margin:16px 0 24px;padding-left:0;list-style:none}
.policyBlock ul li{font-size:16px;line-height:1.75;color:#444;margin-bottom:12px;padding-left:32px;position:relative}
.policyBlock ul li::before{content:'\F012C';font-family:'Material Design Icons';position:absolute;left:0;color:#FBAE05;font-size:20px}
.dataTable{width:100%;border-collapse:collapse;margin:24px 0;background:#f8f9fa;border-radius:8px;overflow:hidden}
.dataTable thead{background:linear-gradient(135deg,#01547F 0%,#2F2F2F 100%)}
.dataTable thead th{color:#fff;font-weight:600;padding:16px 20px;text-align:left;font-size:15px}
.dataTable tbody td{padding:16px 20px;border-bottom:1px solid #e0e0e0;color:#444;font-size:15px;line-height:1.6}
.dataTable tbody tr:last-child td{border-bottom:none}
.dataTable tbody tr:nth-child(even){background:#fff}
.highlightBox{background:linear-gradient(135deg,#fbae0514 0%,#01547f0f 100%);border-left:4px solid #01547F;padding:24px 28px;margin:24px 0;border-radius:8px}
.highlightBox p{margin:0;color:#2F2F2F;font-size:16px;line-height:1.7}
.highlightBox strong{color:#01547F}
.contactSection{background:linear-gradient(135deg,#2F2F2F 0%,#01547F 100%);border-radius:12px;padding:40px;margin-top:48px;text-align:center}
.contactSection h3{color:#fff;font-size:24px;margin:0 0 16px;font-weight:600}
.contactSection p{color:#ffffffe6;font-size:16px;margin:0 0 24px;line-height:1.6}
.contactLinks{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.contactLinks a{background:#FBAE05;color:#2F2F2F;padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease-out;display:inline-flex;align-items:center;gap:8px}
.contactLinks a:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #fbae054d}
.updateInfo{text-align:center;padding:40px 0 0;color:#888;font-size:14px}
@media (max-width: 768px) {
.titleBox h1{font-size:36px}
.policyBlock{padding:32px 24px}
.policyBlock h2{font-size:24px}
.policyBlock h3{font-size:20px}
.dataTable{font-size:14px}
.dataTable thead th,.dataTable tbody td{padding:12px 16px;font-size:14px}
.contactSection{padding:32px 24px}
.contactLinks{flex-direction:column;align-items:stretch}
}
@media (max-width: 480px) {
.titleArea{padding:60px 0 40px}
.titleBox h1{font-size:28px}
.contentBody{padding:40px 16px 60px}
.policyBlock{padding:24px 20px}
}
.mainWrap{width:100%;max-width:960px;margin:0 auto;padding:0 20px}
.successHero{background:linear-gradient(142deg,#FBAE05 0%,#01547F 100%);padding:80px 0 120px;position:relative;overflow:hidden}
.successHero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffffff26 0%,transparent 70%);border-radius:50%;animation:floatShape 8s ease-in-out infinite}
.successHero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#2f2f2f1a 0%,transparent 70%);border-radius:50%;animation:floatShape 6s ease-in-out infinite reverse}
@keyframes floatShape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
.heroInner{position:relative;z-index:2;text-align:center}
.checkmarkCircle{width:120px;height:120px;margin:0 auto 40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #00000026;animation:scaleIn .5s ease-out}
@keyframes scaleIn {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.checkmarkCircle .mdi{font-size:64px;color:#01547F;animation:checkPop .6s .3s ease-out both}
@keyframes checkPop {
0%{transform:scale(0) rotate(-45deg)}
50%{transform:scale(1.2) rotate(5deg)}
100%{transform:scale(1) rotate(0deg)}
}
.heroTitle{font-size:42px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2}
.heroText{font-size:18px;color:#fff;opacity:.95;max-width:600px;margin:0 auto;line-height:1.6}
.detailsZone{padding:80px 0;background:#f8f9fa}
.detailsGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}
.infoCard{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 16px #00000014;position:relative;overflow:hidden;transition:transform .3s ease-out,box-shadow .3s ease-out}
.infoCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}
.infoCard::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#FBAE05 0%,#01547F 100%)}
.cardIcon{width:56px;height:56px;background:linear-gradient(135deg,#FBAE05 0%,#01547F 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.cardIcon .mdi{font-size:28px;color:#fff}
.cardTitle{font-size:22px;font-weight:600;color:#2F2F2F;margin:0 0 16px}
.cardContent{font-size:16px;color:#555;line-height:1.7;margin:0}
.cardContent strong{color:#2F2F2F;font-weight:600}
.cardList{list-style:none;padding:0;margin:16px 0 0}
.cardList li{padding:10px 0 10px 32px;position:relative;font-size:15px;color:#555}
.cardList li::before{content:'\F012C';font-family:'Material Design Icons';position:absolute;left:0;color:#FBAE05;font-size:20px}
.nextSteps{background:#fff;border-radius:12px;padding:50px;box-shadow:0 4px 16px #00000014}
.stepsHead{font-size:28px;font-weight:700;color:#2F2F2F;margin:0 0 40px;text-align:center;position:relative;padding-bottom:20px}
.stepsHead::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FBAE05 0%,#01547F 100%);border-radius:2px}
.stepRow{display:grid;grid-template-columns:60px 1fr;gap:24px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #e0e0e0}
.stepRow:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.stepNumber{width:60px;height:60px;background:linear-gradient(135deg,#01547F 0%,#FBAE05 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0}
.stepText{padding-top:8px}
.stepLabel{font-size:20px;font-weight:600;color:#2F2F2F;margin:0 0 8px}
.stepDesc{font-size:15px;color:#555;line-height:1.6;margin:0}
.actionBox{margin-top:50px;text-align:center;padding:40px;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:12px;border:2px dashed #FBAE05}
.actionText{font-size:16px;color:#555;margin:0 0 24px}
.btnGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btnPrimary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#FBAE05 0%,#01547F 100%);color:#fff;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;transition:transform .3s ease-out,box-shadow .3s ease-out;box-shadow:0 4px 12px #fbae054d;position:relative;z-index:2}
.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbae0566;color:#fff}
.btnSecondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#fff;color:#01547F;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;border:2px solid #01547F;transition:all .3s ease-out;position:relative;z-index:2}
.btnSecondary:hover{background:#01547F;color:#fff}
@media (max-width: 768px) {
.successHero{padding:60px 0 80px}
.heroTitle{font-size:32px}
.heroText{font-size:16px}
.checkmarkCircle{width:100px;height:100px;margin-bottom:30px}
.checkmarkCircle .mdi{font-size:52px}
.detailsZone{padding:60px 0}
.detailsGrid{grid-template-columns:1fr;gap:24px;margin-bottom:40px}
.infoCard{padding:30px}
.nextSteps{padding:30px 20px}
.stepsHead{font-size:24px;margin-bottom:30px}
.stepRow{grid-template-columns:50px 1fr;gap:16px;margin-bottom:24px;padding-bottom:24px}
.stepNumber{width:50px;height:50px;font-size:20px}
.stepLabel{font-size:18px}
.actionBox{margin-top:40px;padding:30px 20px}
.btnGroup{flex-direction:column;align-items:stretch}
.btnPrimary,.btnSecondary{justify-content:center}
}
@media (max-width: 480px) {
.heroTitle{font-size:28px}
.cardTitle{font-size:20px}
.stepsHead{font-size:22px}
}