*{box-sizing:inherit}
html{box-sizing:border-box;scroll-behavior:smooth}
body{margin:0;padding:0;font-family:'Noto Sans',sans-serif;font-size:16px;line-height:1.6;color:#2C1D1A;background:linear-gradient(127deg,#FFFCE7 0%,#FFF 50%,#FFFCE7 100%)}
h1,h2,h3,h4,h5,h6{font-family:'Noto Serif',serif;font-weight:700;margin:0}
a{text-decoration:none;color:inherit;transition:all 320ms ease}
img{max-width:100%;height:auto;display:block}
header{background:linear-gradient(142deg,#2C1D1A 0%,#4A3935 100%);box-shadow:0 8px 24px #2c1d1a26}
.headerTop{padding:48px 20px 36px;text-align:center;background:linear-gradient(158deg,#ffed871f 0%,#fffce714 100%);border-bottom:2px solid #ffed8740}
.brandBox{max-width:1024px;margin:0 auto}
.companyTitle{font-size:68px;color:#FFED87;margin-bottom:12px;letter-spacing:-.5px;text-shadow:0 4px 16px #0000004d}
.taglineText{font-size:20px;color:#FFFCE7;font-weight:400;margin:0;opacity:.95}
.headerBottom{padding:24px 20px}
.navWrapper{max-width:1024px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}
.logoContainer{flex-shrink:0}
.logoLink{display:block;width:110px;height:110px;background:#fffce7f2;border-radius:18px;padding:14px;box-shadow:0 6px 18px #0003;border:3px solid #ffed8766}
.logoLink:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000040}
.siteLogo{width:100%;height:100%;object-fit:contain}
.mainNavi{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.navLink{padding:14px 28px;font-size:17px;font-weight:600;color:#FFFCE7;background:#ffed871a;border-radius:20px;border:2px solid transparent}
.navLink:hover{background:#ffed872e;border-color:#ffed874d;color:#FFED87}
main{min-height:200px}
footer{background:linear-gradient(135deg,#2C1D1A 0%,#3E2E29 100%);padding:68px 20px 32px;margin-top:80px}
.footerBox{max-width:1024px;margin:0 auto}
.footerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-bottom:48px}
.footerCol{padding:28px;background:#ffed870f;border-radius:22px;border:2px solid #ffed8726}
.footerHeading{font-size:20px;color:#FFED87;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.footerHeading i{font-size:24px}
.footerText{color:#FFFCE7;margin:0;line-height:1.8;font-size:15px}
.footerNavi{display:flex;flex-direction:column;gap:12px}
.footerLink{color:#FFFCE7;font-size:15px;padding:6px 0;display:inline-block}
.footerLink:hover{color:#FFED87;padding-left:6px}
.copyrightBar{text-align:center;padding-top:32px;border-top:2px solid #ffed8733}
.copyrightText{color:#fffce7bf;font-size:14px;margin:0}
.cookiePopup{position:fixed;bottom:32px;right:32px;max-width:480px;background:linear-gradient(145deg,#2C1D1A 0%,#3E2E29 100%);padding:28px 32px;border-radius:50px;box-shadow:0 12px 42px #00000059;border:3px solid #FFED87;z-index:10000;opacity:0;transform:translateY(30px) scaleY(0.7);transform-origin:bottom center;transition:all 350ms cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookiePopup.active{opacity:1;transform:translateY(0) scaleY(1)}
.cookieContent{display:flex;flex-direction:column;gap:20px}
.cookieText{color:#FFFCE7;font-size:15px;line-height:1.6;margin:0}
.cookieButtons{display:flex;gap:12px;justify-content:flex-end}
.cookieButt{padding:12px 28px;font-size:15px;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all 280ms ease;font-family:'Noto Sans',sans-serif}
.acceptButt{background:#FFED87;color:#2C1D1A}
.acceptButt:hover{background:#FFE34D;transform:scale(1.05);box-shadow:0 6px 18px #ffed8766}
.declineButt{background:#fffce726;color:#FFFCE7;border:2px solid #ffed874d}
.declineButt:hover{background:#fffce740;border-color:#ffed8780}
@media (max-width: 768px) {
.companyTitle{font-size:42px}
.taglineText{font-size:16px}
.navWrapper{flex-direction:column;gap:24px}
.logoLink{width:90px;height:90px}
.mainNavi{flex-direction:column;width:100%}
.navLink{width:100%;text-align:center}
.footerGrid{grid-template-columns:1fr;gap:24px}
.cookiePopup{bottom:16px;right:16px;left:16px;max-width:none;border-radius:32px}
.cookieButtons{flex-direction:column}
.cookieButt{width:100%}
}
@media (max-width: 480px) {
.companyTitle{font-size:32px}
.headerTop{padding:32px 16px 24px}
.headerBottom{padding:16px}
.logoLink{width:75px;height:75px}
.navLink{padding:12px 20px;font-size:15px}
footer{padding:48px 16px 24px}
.footerCol{padding:20px}
}
.storyBox{max-width:1024px;margin:0 auto;padding:80px 24px;background:linear-gradient(127deg,#FFFCE7 0%,#FFED87 100%)}
.storyBox .introText{font-size:18px;line-height:1.7;color:#2C1D1A;margin-bottom:32px}
.storyBox .mainHeado{font-size:42px;font-weight:700;color:#2C1D1A;margin-bottom:48px;line-height:1.2}
.splitLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;max-width:1024px;margin:0 auto;padding:0 24px 80px;align-items:center}
.splitLayout .contentZone{padding:40px;background:#FFFCE7;border-radius:20px;box-shadow:0 12px 28px #2c1d1a14}
.splitLayout .contentZone h2{font-size:34px;color:#2C1D1A;margin-bottom:24px;font-weight:600}
.splitLayout .contentZone p{font-size:17px;line-height:1.8;color:#2C1D1A;margin-bottom:18px}
.splitLayout .contentZone p:last-child{margin-bottom:0}
.splitLayout .imageArea img{width:100%;height:auto;border-radius:16px;box-shadow:0 16px 32px #2c1d1a1f;display:block}
.teamGrid{max-width:1024px;margin:0 auto;padding:80px 24px;background:linear-gradient(214deg,#2C1D1A 0%,#4A3832 100%)}
.teamGrid h2{font-size:38px;color:#FFED87;text-align:center;margin-bottom:56px;font-weight:600}
.profilesContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.profileCard{background:#FFFCE7;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #00000026;transition:transform 320ms ease,box-shadow 320ms ease}
.profileCard:hover{transform:translateY(-8px);box-shadow:0 28px 56px #00000038}
.profileCard .portraitBox{width:100%;height:320px;overflow:hidden}
.profileCard .portraitBox img{width:100%;height:100%;object-fit:cover;display:block}
.profileCard .bioSection{padding:32px}
.profileCard .bioSection h3{font-size:26px;color:#2C1D1A;margin-bottom:8px;font-weight:600}
.profileCard .bioSection .role{font-size:15px;color:#6B5651;margin-bottom:16px;font-weight:500}
.profileCard .bioSection p{font-size:16px;line-height:1.7;color:#2C1D1A}
.approachModule{max-width:1024px;margin:0 auto;padding:80px 24px}
.approachModule h2{font-size:36px;color:#2C1D1A;margin-bottom:48px;text-align:center;font-weight:600}
.principlesLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.principleItem{background:linear-gradient(165deg,#FFFCE7 0%,#FFED87 100%);padding:36px 28px;border-radius:18px;box-shadow:0 8px 24px #2c1d1a0f;transition:transform 280ms ease,box-shadow 280ms ease;position:relative}
.principleItem::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#2C1D1A;border-radius:18px 0 0 18px;opacity:0;transition:opacity 280ms ease}
.principleItem:hover{transform:scale(1.04);box-shadow:0 16px 40px #2c1d1a1f}
.principleItem:hover::before{opacity:1}
.principleItem h3{font-size:22px;color:#2C1D1A;margin-bottom:16px;font-weight:600}
.principleItem p{font-size:16px;line-height:1.7;color:#2C1D1A}
.valueShowcase{max-width:1024px;margin:0 auto;padding:80px 24px;background:#2C1D1A;border-radius:32px;position:relative;overflow:hidden}
.valueShowcase::after{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#ffed8726 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none}
.valueContent{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;align-items:center;position:relative;z-index:2}
.valueImages{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.valueImages img{width:100%;height:240px;object-fit:cover;border-radius:14px;box-shadow:0 12px 32px #0000004d;display:block}
.valueText h2{font-size:38px;color:#FFED87;margin-bottom:28px;font-weight:600;line-height:1.3}
.valueText p{font-size:17px;line-height:1.8;color:#FFFCE7;margin-bottom:20px}
.valueText p:last-of-type{margin-bottom:32px}
.valueText .ctaButt{display:inline-block;padding:16px 36px;background:#FFED87;color:#2C1D1A;text-decoration:none;border-radius:12px;font-weight:600;font-size:17px;box-shadow:0 8px 20px #ffed8740;transition:transform 300ms ease,box-shadow 300ms ease,background 300ms ease;position:relative;z-index:5}
.valueText .ctaButt:hover{transform:translateY(-3px);box-shadow:0 14px 32px #ffed8759;background:#FFF3A1}
.valueText .ctaButt:active{transform:translateY(-1px)}
@media (max-width: 900px) {
.storyBox{padding:60px 20px}
.storyBox .mainHeado{font-size:34px;margin-bottom:36px}
.splitLayout{grid-template-columns:1fr;gap:40px;padding:0 20px 60px}
.splitLayout .contentZone{padding:32px}
.teamGrid{padding:60px 20px}
.teamGrid h2{font-size:32px;margin-bottom:40px}
.profilesContainer{grid-template-columns:1fr;gap:36px}
.approachModule{padding:60px 20px}
.approachModule h2{font-size:30px;margin-bottom:36px}
.principlesLayout{grid-template-columns:1fr;gap:24px}
.valueShowcase{padding:60px 20px;border-radius:24px}
.valueContent{grid-template-columns:1fr;gap:40px}
.valueImages{grid-template-columns:1fr}
.valueText h2{font-size:30px}
}
@media (max-width: 600px) {
.storyBox .mainHeado{font-size:28px}
.storyBox .introText{font-size:16px}
.splitLayout .contentZone h2{font-size:26px}
.splitLayout .contentZone{padding:24px}
.teamGrid h2{font-size:26px}
.profileCard .portraitBox{height:280px}
.profileCard .bioSection{padding:24px}
.profileCard .bioSection h3{font-size:22px}
.approachModule h2{font-size:26px}
.principleItem{padding:28px 20px}
.valueText h2{font-size:26px}
.valueText .ctaButt{padding:14px 28px;font-size:16px}
}
.heroWrap{background:linear-gradient(142deg,#FFFCE7 0%,#FFED87 45%,#FFFCE7 100%);padding:5rem 1.5rem 4rem;position:relative;overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#2c1d1a0a 0%,transparent 70%);border-radius:50%}
.heroInner{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.heroInner h1{font-size:2.8rem;color:#2C1D1A;margin-bottom:1.2rem;line-height:1.15;font-weight:700}
.heroInner .leadText{font-size:1.15rem;color:#2C1D1A;line-height:1.6;max-width:680px;margin-bottom:2rem;opacity:.88}
.eventFilterBox{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.5rem}
.filterTag{background:#2C1D1A;color:#FFFCE7;padding:.7rem 1.5rem;border-radius:20px;font-size:.95rem;cursor:pointer;transition:all .32s ease;border:2px solid transparent}
.filterTag:hover{background:#FFFCE7;color:#2C1D1A;border-color:#2C1D1A;transform:translateY(-2px);box-shadow:0 8px 16px #2c1d1a1f}
.eventsGridSection{padding:5rem 1.5rem;background:linear-gradient(218deg,#FFFCE7 0%,#fff 100%)}
.eventsContainer{max-width:1024px;margin:0 auto}
.sectionHeading{font-size:2.2rem;color:#2C1D1A;margin-bottom:3rem;font-weight:700;position:relative;padding-bottom:1rem}
.sectionHeading::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#FFED87 0%,#2C1D1A 100%);border-radius:2px}
.eventCardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}
.eventCardItem{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #2c1d1a14;transition:all .35s ease;position:relative;border:1px solid #2c1d1a0f}
.eventCardItem:hover{transform:translateY(-8px);box-shadow:0 12px 32px #2c1d1a29}
.eventDateBadge{position:absolute;top:1.2rem;right:1.2rem;background:#2C1D1A;color:#FFED87;padding:.6rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;z-index:3;box-shadow:0 4px 12px #2c1d1a3d}
.eventImageWrap{height:200px;overflow:hidden;position:relative;background:linear-gradient(135deg,#FFED87 0%,#FFFCE7 100%)}
.eventImageWrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.eventCardItem:hover .eventImageWrap img{transform:scale(1.08)}
.eventContentBox{padding:1.8rem}
.eventTitle{font-size:1.4rem;color:#2C1D1A;margin-bottom:.9rem;font-weight:700;line-height:1.3}
.eventMeta{display:flex;gap:1.5rem;margin-bottom:1rem;font-size:.9rem;color:#2C1D1A;opacity:.7}
.eventMeta span{display:flex;align-items:center;gap:.4rem}
.eventDescription{font-size:.98rem;line-height:1.65;color:#2C1D1A;opacity:.8;margin-bottom:1.5rem}
.eventFooter{display:flex;justify-content:space-between;align-items:center;padding-top:1.2rem;border-top:1px solid #2c1d1a1a}
.eventPrice{font-size:1.3rem;color:#2C1D1A;font-weight:700}
.enrollBtn{background:#2C1D1A;color:#FFFCE7;padding:.75rem 1.8rem;border-radius:24px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent;font-size:.95rem}
.enrollBtn:hover{background:#FFED87;color:#2C1D1A;border-color:#2C1D1A;transform:scale(1.05)}
.testimonialsSection{padding:5rem 1.5rem;background:#fff;position:relative}
.testimonialsSection::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#FFED87 50%,transparent 100%)}
.testimonialContainer{max-width:1024px;margin:0 auto}
.testimonialGrid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}
.testimonialCard{background:linear-gradient(135deg,#FFFCE7 0%,#fff 100%);padding:2.5rem;border-radius:20px;box-shadow:0 8px 24px #2c1d1a1a;position:relative;border:1px solid #2c1d1a14}
.testimonialCard::before{content:'"';position:absolute;top:1rem;left:1.5rem;font-size:5rem;color:#FFED87;font-family:Georgia,serif;line-height:1;opacity:.5}
.testimonialText{font-size:1.05rem;line-height:1.7;color:#2C1D1A;margin-bottom:2rem;position:relative;z-index:2}
.testimonialAuthor{display:flex;align-items:center;gap:1.2rem}
.authorImage{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #FFED87;box-shadow:0 4px 12px #2c1d1a26}
.authorInfo h4{font-size:1.1rem;color:#2C1D1A;margin-bottom:.3rem;font-weight:700}
.authorInfo p{font-size:.9rem;color:#2C1D1A;opacity:.7}
@media (max-width: 768px) {
.heroInner h1{font-size:2rem}
.eventCardsGrid{grid-template-columns:1fr}
.testimonialGrid{grid-template-columns:1fr;gap:2rem}
.eventFilterBox{justify-content:center}
.sectionHeading{font-size:1.8rem}
}
@media (min-width: 769px) and (max-width: 1024px) {
.eventCardsGrid{grid-template-columns:repeat(2,1fr)}
}
.titleWrap{max-width:1024px;margin:0 auto;padding:80px 20px;display:flex;gap:60px;align-items:center;position:relative}
.titleWrap::before{content:'';position:absolute;width:280px;height:280px;border:2px solid #FFED87;border-radius:50%;top:10%;right:5%;opacity:.3;z-index:0}
.titleWrap::after{content:'';position:absolute;width:180px;height:180px;background:linear-gradient(135deg,#FFFCE7 0%,transparent 100%);border-radius:50%;bottom:15%;left:8%;opacity:.4;z-index:0}
.titleImgBox{flex:0 0 45%;position:relative;z-index:1}
.titleImgBox img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 48px #2c1d1a1f;filter:contrast(1.05) brightness(0.98)}
.titleContentBox{flex:1;position:relative;z-index:1}
.titleContentBox h1{font-size:48px;line-height:1.2;color:#2C1D1A;margin:0 0 16px;font-weight:700}
.titleContentBox .taglineText{font-size:18px;line-height:1.6;color:#5a4a45;margin:0 0 32px}
.titleButtons{display:flex;gap:16px;flex-wrap:wrap}
.titleButtons .primaryButt{padding:14px 32px;background:linear-gradient(125deg,#2C1D1A 0%,#4a3935 100%);color:#FFFCE7;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform 280ms,box-shadow 280ms;text-decoration:none;display:inline-block}
.titleButtons .primaryButt:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2c1d1a33}
.titleButtons .secondaryButt{padding:14px 32px;background:transparent;color:#2C1D1A;border:2px solid #2C1D1A;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background 280ms,color 280ms;text-decoration:none;display:inline-block}
.titleButtons .secondaryButt:hover{background:#2C1D1A;color:#FFFCE7}
.careerPathSection{max-width:1024px;margin:0 auto;padding:80px 20px}
.careerPathSection h2{font-size:38px;color:#2C1D1A;margin:0 0 48px;text-align:center;position:relative}
.careerPathSection h2::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,#FFED87,transparent)}
.careerGridBox{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.careerCardItem{background:linear-gradient(135deg,#FFFCE7 0%,#fff 100%);padding:32px 24px;border-radius:16px;border:1px solid #2c1d1a14;transition:transform 320ms,box-shadow 320ms}
.careerCardItem:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2c1d1a1a}
.careerCardItem .iconWrap{width:56px;height:56px;background:#FFED87;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.careerCardItem .iconWrap i{font-size:28px;color:#2C1D1A}
.careerCardItem h3{font-size:22px;color:#2C1D1A;margin:0 0 12px}
.careerCardItem p{font-size:15px;line-height:1.7;color:#5a4a45;margin:0}
.expertiseSourceBox{background:linear-gradient(155deg,#2C1D1A 0%,#3d2e2a 100%);padding:80px 20px;margin:80px 0;position:relative;overflow:hidden}
.expertiseSourceBox::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#ffed8726 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%}
.expertiseContentWrap{max-width:1024px;margin:0 auto;display:flex;gap:60px;align-items:center;position:relative;z-index:1}
.expertiseTextBox{flex:1}
.expertiseTextBox h2{font-size:36px;color:#FFFCE7;margin:0 0 24px}
.expertiseTextBox p{font-size:16px;line-height:1.8;color:#e8dcd5;margin:0 0 16px}
.expertiseImgBox{flex:0 0 42%}
.expertiseImgBox img{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 48px #0000004d}
.connectionNetworkSection{max-width:1024px;margin:0 auto;padding:80px 20px}
.connectionNetworkSection h2{font-size:36px;color:#2C1D1A;margin:0 0 16px;text-align:center}
.connectionNetworkSection .subtitleText{font-size:17px;line-height:1.6;color:#5a4a45;text-align:center;max-width:720px;margin:0 auto 48px}
.connectionLayoutBox{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.connectionLeftCol{display:flex;flex-direction:column;gap:24px}
.connectionItem{background:#fff;padding:28px 24px;border-radius:12px;border-left:4px solid #FFED87;box-shadow:0 4px 16px #2c1d1a0f;transition:border-color 280ms}
.connectionItem:hover{border-left-color:#2C1D1A}
.connectionItem h4{font-size:20px;color:#2C1D1A;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.connectionItem h4::before{content:'';width:8px;height:8px;background:#FFED87;border-radius:50%;flex-shrink:0}
.connectionItem p{font-size:15px;line-height:1.7;color:#5a4a45;margin:0}
.connectionRightCol{position:sticky;top:20px}
.connectionRightCol img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #2c1d1a1a}
.relevanceAdaptSection{background:linear-gradient(125deg,#FFFCE7 0%,#fff 50%,#FFFCE7 100%);padding:80px 20px;margin:80px 0 0}
.relevanceContentBox{max-width:1024px;margin:0 auto}
.relevanceContentBox h2{font-size:38px;color:#2C1D1A;margin:0 0 48px;text-align:center}
.relevanceFlexBox{display:flex;gap:40px}
.relevanceLeftContent{flex:0 0 48%}
.relevanceLeftContent img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 40px #2c1d1a1f;margin-bottom:24px}
.relevanceLeftContent p{font-size:15px;line-height:1.8;color:#5a4a45;margin:0}
.relevanceRightContent{flex:1;display:flex;flex-direction:column;gap:20px}
.relevancePointBox{display:flex;gap:16px;align-items:start}
.relevancePointBox .numCircle{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#FFED87 0%,#f5e07a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#2C1D1A}
.relevancePointBox .pointContent h5{font-size:18px;color:#2C1D1A;margin:0 0 8px}
.relevancePointBox .pointContent p{font-size:14px;line-height:1.7;color:#5a4a45;margin:0}
@media (max-width: 768px) {
.titleWrap{flex-direction:column;padding:60px 20px;gap:40px}
.titleImgBox{flex:0 0 100%}
.titleContentBox h1{font-size:36px}
.titleButtons{flex-direction:column}
.titleButtons .primaryButt,.titleButtons .secondaryButt{width:100%;text-align:center}
.careerGridBox{grid-template-columns:1fr;gap:20px}
.expertiseContentWrap{flex-direction:column;gap:40px}
.expertiseImgBox{flex:0 0 100%}
.connectionLayoutBox{grid-template-columns:1fr;gap:24px}
.connectionRightCol{position:static}
.relevanceFlexBox{flex-direction:column;gap:32px}
.relevanceLeftContent{flex:0 0 100%}
}
@media (min-width: 769px) and (max-width: 1023px) {
.careerGridBox{grid-template-columns:repeat(2,1fr)}
.titleWrap{gap:40px}
.expertiseContentWrap{gap:40px}
}
.contactWrapper{max-width:1024px;margin:0 auto;padding:0 20px}
.heroContactBox{background:linear-gradient(127deg,#2C1D1A 0%,#4a3530 100%);padding:80px 20px;text-align:center;border-radius:20px;margin:40px 0 60px}
.heroContactBox h1{color:#FFED87;font-size:2.8rem;margin:0 0 16px;letter-spacing:-.5px}
.heroContactBox .subtext{color:#FFFCE7;font-size:1.15rem;max-width:620px;margin:0 auto;line-height:1.6;opacity:.92}
.infoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin:0 0 70px}
.infoCardWrap{background:linear-gradient(155deg,#FFFCE7 0%,#fff 100%);padding:36px 28px;border-radius:18px;border:2px solid #2c1d1a14;transition:all 320ms;position:relative;overflow:hidden}
.infoCardWrap::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#FFED87 0%,#2C1D1A 100%);transition:height 320ms}
.infoCardWrap:hover{transform:translateY(-4px);box-shadow:0 12px 28px #2c1d1a24}
.infoCardWrap:hover::before{height:100%}
.infoCardWrap .iconBox{width:56px;height:56px;background:linear-gradient(135deg,#FFED87 0%,#fff5a8 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 0 20px;color:#2C1D1A;font-size:26px}
.infoCardWrap h3{color:#2C1D1A;font-size:1.35rem;margin:0 0 12px;font-weight:600}
.infoCardWrap p{color:#2C1D1A;font-size:1rem;line-height:1.7;margin:0;opacity:.85}
.infoCardWrap a{color:#2C1D1A;text-decoration:none;font-weight:500;transition:color 280ms}
.infoCardWrap a:hover{color:#FFED87;text-decoration:underline}
.formSectionContainer{background:#FFFCE7;padding:60px 40px;border-radius:22px;margin:0 0 70px;position:relative;overflow:hidden}
.formSectionContainer::after{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,#ffed8726 0%,transparent 70%);pointer-events:none}
.formSectionContainer h2{color:#2C1D1A;font-size:2.2rem;margin:0 0 12px;text-align:center}
.formSectionContainer .introTxt{color:#2C1D1A;font-size:1.05rem;text-align:center;margin:0 auto 48px;max-width:560px;opacity:.88;line-height:1.65}
.stepFormBox{max-width:700px;margin:0 auto;position:relative;z-index:1}
.stepIndicatorWrap{display:flex;justify-content:center;gap:16px;margin:0 0 44px}
.stepDot{width:14px;height:14px;border-radius:50%;background:#2c1d1a33;transition:all 340ms;position:relative}
.stepDot::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:#FFED87;border-radius:50%;transform:translate(-50%,-50%);transition:all 340ms}
#step1Radio:checked ~ .stepFormBox .stepIndicatorWrap .stepDot:nth-child(1)::after,#step2Radio:checked ~ .stepFormBox .stepIndicatorWrap .stepDot:nth-child(2)::after,#step3Radio:checked ~ .stepFormBox .stepIndicatorWrap .stepDot:nth-child(3)::after{width:100%;height:100%}
.stepContentArea{position:relative;min-height:280px}
.stepPanel{display:none;opacity:0;transition:opacity 360ms}
#step1Radio:checked ~ .stepFormBox .stepContentArea .stepPanel:nth-of-type(1),#step2Radio:checked ~ .stepFormBox .stepContentArea .stepPanel:nth-of-type(2),#step3Radio:checked ~ .stepFormBox .stepContentArea .stepPanel:nth-of-type(3){display:block;opacity:1}
.stepPanel h4{color:#2C1D1A;font-size:1.4rem;margin:0 0 24px;font-weight:600}
.inputGroupBox{margin:0 0 24px}
.inputGroupBox label{display:block;color:#2C1D1A;font-size:.95rem;font-weight:500;margin:0 0 8px}
.inputGroupBox input[type="text"],.inputGroupBox input[type="tel"]{width:100%;padding:14px 18px;border:2px solid #2c1d1a26;border-radius:12px;font-size:1rem;transition:all 300ms;background:#fff;box-sizing:border-box}
.inputGroupBox input[type="text"]:focus,.inputGroupBox input[type="tel"]:focus{outline:none;border-color:#FFED87;box-shadow:0 0 0 4px #ffed8733}
.buttonNavRow{display:flex;gap:16px;justify-content:space-between;margin:32px 0 0}
.navButton{padding:13px 28px;border:2px solid #2C1D1A;background:transparent;color:#2C1D1A;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:all 300ms}
.navButton:hover{background:#2C1D1A;color:#FFFCE7;transform:translateY(-2px)}
.privacyCheckWrap{margin:28px 0 0}
.privacyCheckWrap label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;color:#2C1D1A;font-size:.92rem;line-height:1.6}
.privacyCheckWrap input[type="checkbox"]{margin:4px 0 0;width:20px;height:20px;cursor:pointer;accent-color:#FFED87}
.privacyCheckWrap a{color:#2C1D1A;text-decoration:underline;font-weight:500;transition:color 280ms}
.privacyCheckWrap a:hover{color:#FFED87}
.submitButtonWrap{margin:28px 0 0}
.submitButton{width:100%;padding:16px;background:linear-gradient(135deg,#2C1D1A 0%,#4a3530 100%);color:#FFED87;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 320ms;position:relative;z-index:10}
.submitButton:hover{transform:translateY(-3px);box-shadow:0 14px 32px #2c1d1a4d}
.submitButton:disabled{opacity:.5;cursor:not-allowed;transform:none}
#step1Radio,#step2Radio,#step3Radio{display:none}
.additionalInfoBox{background:linear-gradient(165deg,#fff 0%,#FFFCE7 100%);padding:50px 30px;border-radius:20px;margin:0 0 60px;text-align:center}
.additionalInfoBox h3{color:#2C1D1A;font-size:1.9rem;margin:0 0 20px;font-weight:600}
.additionalInfoBox p{color:#2C1D1A;font-size:1.05rem;line-height:1.75;max-width:740px;margin:0 auto 28px;opacity:.87}
.additionalInfoBox .linkRow{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.additionalInfoBox a{padding:12px 26px;background:#2C1D1A;color:#FFED87;text-decoration:none;border-radius:10px;font-weight:500;transition:all 300ms;display:inline-block}
.additionalInfoBox a:hover{background:#4a3530;transform:translateY(-2px);box-shadow:0 8px 20px #2c1d1a40}
.faqDivider{width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#FFED87 50%,transparent 100%);margin:70px 0}
.faqSectionWrap{max-width:820px;margin:0 auto 60px}
.faqSectionWrap h2{color:#2C1D1A;font-size:2.1rem;text-align:center;margin:0 0 48px;font-weight:600}
.faqItemBox{margin:0 0 18px;border-radius:14px;overflow:hidden;border:2px solid #2c1d1a1a;background:#fff}
.faqItemBox input[type="checkbox"]{display:none}
.faqToggleLabel{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;background:linear-gradient(135deg,#FFFCE7 0%,#fff 100%);transition:background 300ms;user-select:none}
.faqToggleLabel:hover{background:#FFED87}
.faqToggleLabel h4{color:#2C1D1A;font-size:1.15rem;margin:0;font-weight:600}
.faqToggleLabel .toggleIcon{font-size:1.3rem;color:#2C1D1A;transition:transform 340ms}
.faqItemBox input[type="checkbox"]:checked + .faqToggleLabel .toggleIcon{transform:rotate(180deg)}
.faqAnswerContent{max-height:0;overflow:hidden;transition:max-height 380ms;background:#fff}
.faqItemBox input[type="checkbox"]:checked ~ .faqAnswerContent{max-height:500px}
.faqAnswerContent p{padding:0 24px 24px;margin:0;color:#2C1D1A;font-size:1rem;line-height:1.7;opacity:.85}
@media (max-width: 768px) {
.heroContactBox{padding:60px 20px}
.heroContactBox h1{font-size:2.2rem}
.heroContactBox .subtext{font-size:1.05rem}
.infoGrid{grid-template-columns:1fr;gap:20px}
.formSectionContainer{padding:40px 24px}
.formSectionContainer h2{font-size:1.8rem}
.buttonNavRow{flex-direction:column}
.additionalInfoBox{padding:40px 20px}
.additionalInfoBox h3{font-size:1.6rem}
.additionalInfoBox .linkRow{flex-direction:column;gap:12px}
.faqSectionWrap h2{font-size:1.8rem}
}
@media (max-width: 480px) {
.heroContactBox h1{font-size:1.9rem}
.formSectionContainer h2{font-size:1.6rem}
.stepIndicatorWrap{gap:12px}
.stepDot{width:12px;height:12px}
}
.upcomingPage{background:linear-gradient(155deg,#FFFCE7 0%,#FFED87 45%,#FFFCE7 100%);padding:0;margin:0}
.heroUpcoming{max-width:1024px;margin:0 auto;padding:80px 24px 60px;text-align:center}
.heroUpcoming .mainHeading{font-size:3.2rem;line-height:1.15;color:#2C1D1A;margin:0 0 24px;font-weight:700}
.heroUpcoming .subline{font-size:1.25rem;line-height:1.6;color:#2C1D1A;max-width:680px;margin:0 auto 32px;opacity:.85}
.enrollStatus{display:inline-flex;align-items:center;background:#2C1D1A;color:#FFED87;padding:12px 28px;border-radius:24px;font-size:.95rem;font-weight:600;gap:10px}
.enrollStatus::before{content:'';width:8px;height:8px;background:#FFED87;border-radius:50%;animation:pulseIndicator 2s ease-in-out infinite}
@keyframes pulseIndicator {
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.5;transform:scale(1.3)}
}
.courseGrid{max-width:1024px;margin:0 auto;padding:60px 24px 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.courseCard{background:linear-gradient(145deg,#FFFCE7,#fff);border-radius:18px;padding:0;box-shadow:0 6px 24px #2c1d1a14;transition:all .35s ease;overflow:hidden;position:relative}
.courseCard:hover{transform:translateY(-8px);box-shadow:0 12px 36px #2c1d1a24}
.courseCard::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#2C1D1A,#FFED87,#2C1D1A);background-size:200% 100%;animation:shimmerLine 3s linear infinite}
@keyframes shimmerLine {
0%{background-position:200% 0}
100%{background-position:-200% 0}
}
.courseCard .cardContent{padding:32px 28px}
.courseCard .courseLabel{font-size:.85rem;color:#2C1D1A;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 12px;opacity:.7}
.courseCard .courseTitle{font-size:1.75rem;line-height:1.3;color:#2C1D1A;margin:0 0 16px;font-weight:700}
.courseCard .courseDesc{font-size:1.05rem;line-height:1.65;color:#2C1D1A;margin:0 0 24px;opacity:.8}
.courseSpecs{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 28px}
.specItem{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#2C1D1A}
.specItem .iconWrap{width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.enrollBtn{display:inline-flex;align-items:center;gap:10px;background:#2C1D1A;color:#FFED87;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid transparent}
.enrollBtn:hover{background:transparent;color:#2C1D1A;border-color:#2C1D1A;transform:translateX(4px)}
.skillsSection{background:linear-gradient(220deg,#2C1D1A 0%,#4a3632 100%);padding:80px 24px;position:relative;overflow:hidden}
.skillsSection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffed871a 0%,transparent 70%);border-radius:50%}
.skillsWrapper{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.skillsHeader{text-align:center;margin:0 0 60px}
.skillsHeader h2{font-size:2.5rem;line-height:1.2;color:#FFED87;margin:0 0 18px;font-weight:700}
.skillsHeader p{font-size:1.15rem;line-height:1.6;color:#FFFCE7;max-width:620px;margin:0 auto;opacity:.9}
.skillGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.skillBox{background:#fffce70d;border:1px solid #ffed8733;border-radius:12px;padding:28px 24px;transition:all .35s ease;position:relative}
.skillBox:hover{background:#fffce71a;border-color:#ffed8766;transform:translateY(-4px)}
.skillBox .skillIcon{width:48px;height:48px;background:linear-gradient(135deg,#FFED87,#FFFCE7);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 0 18px;font-size:1.5rem}
.skillBox h4{font-size:1.3rem;color:#FFED87;margin:0 0 12px;font-weight:600}
.skillBox p{font-size:1rem;line-height:1.6;color:#FFFCE7;margin:0;opacity:.85}
.processSec{max-width:1024px;margin:0 auto;padding:80px 24px}
.processHeader{text-align:center;margin:0 0 70px}
.processHeader h2{font-size:2.6rem;line-height:1.2;color:#2C1D1A;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.processHeader h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,#FFED87,transparent)}
.processHeader p{font-size:1.1rem;line-height:1.65;color:#2C1D1A;max-width:640px;margin:0 auto;opacity:.8}
.processTimeline{position:relative;padding:0 0 0 60px}
.processTimeline::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FFED87,#2C1D1A)}
.processStep{position:relative;margin:0 0 50px;padding:28px;background:#FFFCE7;border-radius:14px;border-left:4px solid #2C1D1A;box-shadow:0 4px 16px #2c1d1a0f}
.processStep::before{content:attr(data-step);position:absolute;left:-60px;top:28px;width:40px;height:40px;background:#2C1D1A;color:#FFED87;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #2c1d1a33}
.processStep h4{font-size:1.5rem;color:#2C1D1A;margin:0 0 12px;font-weight:600}
.processStep p{font-size:1.05rem;line-height:1.65;color:#2C1D1A;margin:0;opacity:.85}
.testimonialsZone{background:linear-gradient(135deg,#FFFCE7 0%,#fff 50%,#FFED87 100%);padding:80px 24px;position:relative}
.testimonialsInner{max-width:1024px;margin:0 auto}
.testHeader{text-align:center;margin:0 0 60px}
.testHeader h2{font-size:2.5rem;line-height:1.25;color:#2C1D1A;margin:0 0 16px;font-weight:700}
.testCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.testCard{background:#fff;border-radius:16px;padding:32px 28px;box-shadow:0 8px 28px #2c1d1a14;transition:all .35s ease;border:2px solid transparent}
.testCard:hover{border-color:#FFED87;transform:scale(1.03);box-shadow:0 12px 36px #2c1d1a24}
.testCard .authorRow{display:flex;align-items:center;gap:16px;margin:0 0 20px}
.testCard .authorImg{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #FFED87}
.testCard .authorInfo h5{font-size:1.2rem;color:#2C1D1A;margin:0 0 4px;font-weight:600}
.testCard .authorInfo .role{font-size:.9rem;color:#2C1D1A;opacity:.7}
.testCard .quoteText{font-size:1.05rem;line-height:1.7;color:#2C1D1A;margin:0;font-style:italic;opacity:.9}
.testCard .quoteText::before{content:'"';font-size:2.5rem;color:#FFED87;line-height:0;vertical-align:-.3em;margin-right:4px}
.ctaFinal{max-width:1024px;margin:0 auto;padding:0 24px 80px}
.ctaBox{background:linear-gradient(125deg,#2C1D1A,#4a3632);border-radius:20px;padding:60px 40px;text-align:center;box-shadow:0 10px 40px #2c1d1a33;position:relative;overflow:hidden}
.ctaBox::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffed871a 0%,transparent 60%);animation:rotateGlow 15s linear infinite}
@keyframes rotateGlow {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.ctaBox .ctaContent{position:relative;z-index:2}
.ctaBox h3{font-size:2.2rem;line-height:1.3;color:#FFED87;margin:0 0 20px;font-weight:700}
.ctaBox p{font-size:1.15rem;line-height:1.6;color:#FFFCE7;max-width:600px;margin:0 auto 32px;opacity:.9}
.ctaButton{display:inline-flex;align-items:center;gap:12px;background:#FFED87;color:#2C1D1A;padding:16px 40px;border-radius:10px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 6px 20px #ffed874d}
.ctaButton:hover{background:#FFFCE7;transform:translateY(-3px);box-shadow:0 10px 30px #ffed8766}
@media (max-width: 768px) {
.heroUpcoming .mainHeading{font-size:2.2rem}
.heroUpcoming .subline{font-size:1.1rem}
.courseGrid{grid-template-columns:1fr}
.skillGrid{grid-template-columns:1fr}
.processTimeline{padding:0 0 0 50px}
.processTimeline::before{left:15px}
.processStep::before{left:-50px;width:32px;height:32px;font-size:.95rem}
.testCards{grid-template-columns:1fr}
.ctaBox h3{font-size:1.8rem}
.ctaBox{padding:40px 24px}
}
.policyWrapper{max-width:1024px;margin:0 auto;padding:80px 24px}
.policyHeadBox{background:linear-gradient(157deg,#FFFCE7 0%,#FFED87 48%,#FFFCE7 100%);padding:64px 48px;border-radius:20px;margin-bottom:56px;box-shadow:0 12px 32px #2c1d1a14}
.policyHeadBox h1{color:#2C1D1A;font-size:2.8rem;margin-bottom:16px;line-height:1.2}
.policyHeadBox .updateDate{color:#2C1D1A;opacity:.75;font-size:1rem}
.contentContainer{background:#FFFCE7;padding:56px 48px;border-radius:16px;box-shadow:0 8px 24px #2c1d1a0f}
.contentContainer h2{color:#2C1D1A;font-size:1.9rem;margin-top:48px;margin-bottom:20px;padding-left:24px;border-left:4px solid #FFED87;line-height:1.3}
.contentContainer h2:first-child{margin-top:0}
.contentContainer h3{color:#2C1D1A;font-size:1.4rem;margin-top:32px;margin-bottom:16px;position:relative;padding-left:20px}
.contentContainer h3::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#2C1D1A;border-radius:50%}
.contentContainer p{color:#2C1D1A;font-size:1.05rem;line-height:1.75;margin-bottom:20px}
.contentContainer ul{margin:24px 0;padding-left:0;list-style:none}
.contentContainer ul li{color:#2C1D1A;font-size:1.05rem;line-height:1.75;margin-bottom:14px;padding-left:32px;position:relative}
.contentContainer ul li::before{content:'';position:absolute;left:0;top:12px;width:16px;height:2px;background:linear-gradient(90deg,#2C1D1A,#FFED87)}
.cookieTypeCard{background:#fff;padding:28px 32px;border-radius:12px;margin:24px 0;border-left:6px solid #FFED87;box-shadow:0 4px 16px #2c1d1a0a;transition:all 320ms ease}
.cookieTypeCard:hover{transform:translateX(8px);box-shadow:0 8px 24px #2c1d1a14}
.cookieTypeCard h4{color:#2C1D1A;font-size:1.25rem;margin-bottom:12px}
.cookieTypeCard p{margin-bottom:12px}
.cookieTypeCard ul{margin-top:12px}
.highlightBox{background:linear-gradient(135deg,#FFED87 0%,#FFFCE7 100%);padding:32px 36px;border-radius:14px;margin:32px 0;border:2px solid #2C1D1A}
.highlightBox p{margin-bottom:12px}
.highlightBox p:last-child{margin-bottom:0}
.contactInfoSection{background:#2C1D1A;color:#FFFCE7;padding:40px 44px;border-radius:16px;margin-top:56px}
.contactInfoSection h2{color:#FFED87;border-left-color:#FFED87}
.contactInfoSection p{color:#FFFCE7}
.contactInfoSection a{color:#FFED87;text-decoration:none;border-bottom:2px solid transparent;transition:border-color 280ms ease}
.contactInfoSection a:hover{border-bottom-color:#FFED87}
.contentContainer strong{color:#2C1D1A;font-weight:600}
.tableWrapper{overflow-x:auto;margin:28px 0;border-radius:10px;box-shadow:0 4px 16px #2c1d1a0f}
.tableWrapper table{width:100%;border-collapse:collapse;background:#fff}
.tableWrapper th{background:#2C1D1A;color:#FFED87;padding:18px 20px;text-align:left;font-size:1.05rem;font-weight:600}
.tableWrapper td{padding:16px 20px;border-bottom:1px solid #2c1d1a1a;color:#2C1D1A;font-size:1rem;line-height:1.6}
.tableWrapper tr:last-child td{border-bottom:none}
.tableWrapper tr:nth-child(even){background:#FFFCE7}
@media (max-width: 768px) {
.policyWrapper{padding:48px 20px}
.policyHeadBox{padding:40px 28px;margin-bottom:40px}
.policyHeadBox h1{font-size:2rem}
.contentContainer{padding:36px 24px}
.contentContainer h2{font-size:1.5rem;margin-top:36px;padding-left:16px}
.contentContainer h3{font-size:1.2rem}
.contentContainer p,.contentContainer ul li{font-size:1rem}
.cookieTypeCard{padding:20px 24px}
.highlightBox{padding:24px 28px}
.contactInfoSection{padding:32px 28px}
.tableWrapper th,.tableWrapper td{padding:12px 14px;font-size:.95rem}
}
@media (max-width: 480px) {
.policyHeadBox h1{font-size:1.6rem}
.contentContainer h2{font-size:1.3rem}
.contentContainer{padding:28px 20px}
.cookieTypeCard{padding:18px 20px}
.tableWrapper{font-size:.9rem}
}
.privacyPageWrap{max-width:1024px;margin:0 auto;padding:3rem 1.5rem}
.privacyHeadBox{background:linear-gradient(127deg,#FFFCE7 0%,#FFED87 100%);padding:3.5rem 2.5rem;border-radius:20px;margin-bottom:3rem;box-shadow:0 12px 28px #2c1d1a14}
.privacyHeadBox h1{font-size:2.8rem;color:#2C1D1A;margin-bottom:1rem;font-weight:700}
.privacyUpdateMeta{color:#2C1D1A;opacity:.75;font-size:.95rem}
.privacyContentBox{background:#FFFCE7;padding:2.5rem;border-radius:16px;margin-bottom:2rem;border-left:4px solid #FFED87}
.privacyContentBox h2{font-size:1.8rem;color:#2C1D1A;margin-bottom:1.5rem;font-weight:600;position:relative;padding-left:1.5rem}
.privacyContentBox h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#FFED87;border-radius:50%}
.privacyContentBox h3{font-size:1.4rem;color:#2C1D1A;margin-top:2rem;margin-bottom:1rem;font-weight:600}
.privacyContentBox p{color:#2C1D1A;line-height:1.7;margin-bottom:1.2rem;font-size:1rem}
.privacyContentBox ul{margin-left:1.5rem;margin-bottom:1.5rem}
.privacyContentBox li{color:#2C1D1A;line-height:1.7;margin-bottom:.8rem;position:relative;padding-left:.5rem}
.privacyContentBox strong{font-weight:600;color:#2C1D1A}
.contactInfoBox{background:linear-gradient(67deg,#2C1D1A 0%,#4a3a35 100%);padding:2.5rem;border-radius:16px;margin-top:3rem;box-shadow:0 16px 32px #2c1d1a26}
.contactInfoBox h2{font-size:1.8rem;color:#FFED87;margin-bottom:1.5rem;font-weight:600}
.contactInfoBox p{color:#FFFCE7;line-height:1.7;margin-bottom:1rem}
.contactDetailList{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}
.contactDetailItem{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffed871a;border-radius:8px;transition:all .3s ease}
.contactDetailItem:hover{background:#ffed8726;transform:translateX(8px)}
.contactDetailItem i{color:#FFED87;font-size:1.3rem;width:24px;text-align:center}
.contactDetailItem a{color:#FFFCE7;text-decoration:none;transition:color .3s ease}
.contactDetailItem a:hover{color:#FFED87}
.tableWrap{overflow-x:auto;margin:1.5rem 0}
.privacyDataTable{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}
.privacyDataTable th{background:linear-gradient(135deg,#2C1D1A 0%,#4a3a35 100%);color:#FFED87;padding:1rem;text-align:left;font-weight:600;font-size:.95rem}
.privacyDataTable td{padding:1rem;color:#2C1D1A;border-bottom:1px solid #2c1d1a1a}
.privacyDataTable tr:last-child td{border-bottom:none}
.privacyDataTable tr:hover{background:#FFFCE7}
.highlightTerm{color:#2C1D1A;font-weight:600;padding:2px 6px;background:linear-gradient(120deg,transparent 0%,#FFED87 100%);border-radius:4px}
.importantNote{background:#fff;border-left:4px solid #2C1D1A;padding:1.5rem;margin:1.5rem 0;border-radius:8px;box-shadow:0 4px 12px #2c1d1a0f}
.importantNote p{margin-bottom:0}
@media (max-width: 768px) {
.privacyPageWrap{padding:2rem 1rem}
.privacyHeadBox{padding:2rem 1.5rem}
.privacyHeadBox h1{font-size:2rem}
.privacyContentBox{padding:1.5rem}
.privacyContentBox h2{font-size:1.5rem}
.privacyContentBox h3{font-size:1.2rem}
.contactInfoBox{padding:1.5rem}
.contactDetailItem{flex-direction:column;align-items:flex-start}
}
@media (max-width: 480px) {
.privacyHeadBox h1{font-size:1.6rem}
.privacyContentBox h2{font-size:1.3rem}
.privacyDataTable th,.privacyDataTable td{padding:.75rem .5rem;font-size:.9rem}
}
.successWrap{max-width:1024px;margin:0 auto;padding:0}
.heroConfirm{background:linear-gradient(142deg,#FFFCE7 0%,#FFED87 48%,#FFFCE7 100%);padding:80px 24px;text-align:center;position:relative;overflow:hidden}
.heroConfirm::before{content:'';position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:#2c1d1a08;border-radius:50%}
.heroConfirm::after{content:'';position:absolute;bottom:-30%;right:-5%;width:400px;height:400px;background:#2c1d1a05;border-radius:50%}
.confirmIconBox{width:120px;height:120px;margin:0 auto 32px;background:#2C1D1A;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 16px 48px #2c1d1a26}
.confirmIconBox i{font-size:56px;color:#FFED87}
.confirmHeado{font-size:42px;font-weight:700;color:#2C1D1A;margin:0 0 16px;position:relative;z-index:2;line-height:1.2}
.confirmSubtext{font-size:20px;color:#2C1D1A;margin:0 0 40px;position:relative;z-index:2;opacity:.85;line-height:1.5}
.nextStepsSection{padding:80px 24px;background:#FFFCE7}
.stepGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:940px;margin:0 auto}
.stepCard{background:#fff;padding:40px 32px;border-radius:20px;box-shadow:0 8px 24px #2c1d1a14;transition:all 320ms ease;border:2px solid transparent;position:relative}
.stepCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #2c1d1a24;border-color:#FFED87}
.stepNum{width:48px;height:48px;background:linear-gradient(135deg,#2C1D1A 0%,#4a3732 100%);color:#FFED87;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin-bottom:24px}
.stepCard h3{font-size:24px;font-weight:700;color:#2C1D1A;margin:0 0 16px;line-height:1.3}
.stepCard p{font-size:16px;color:#2C1D1A;line-height:1.7;margin:0;opacity:.8}
.actionZone{text-align:center;margin-top:56px;padding-top:48px;border-top:2px dashed #2c1d1a26}
.actionZone h4{font-size:20px;color:#2C1D1A;margin:0 0 28px;font-weight:600}
.buttGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primaryButt{display:inline-flex;align-items:center;gap:10px;background:#2C1D1A;color:#FFED87;padding:16px 36px;border-radius:12px;text-decoration:none;font-size:17px;font-weight:600;transition:all 280ms ease;box-shadow:0 6px 20px #2c1d1a33;border:2px solid #2C1D1A;position:relative;z-index:10}
.primaryButt:hover{transform:scale(1.05);box-shadow:0 10px 32px #2c1d1a47;background:#3d2b27;color:#FFED87}
.secondButt{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#2C1D1A;padding:16px 36px;border-radius:12px;text-decoration:none;font-size:17px;font-weight:600;transition:all 280ms ease;border:2px solid #2C1D1A;position:relative;z-index:10}
.secondButt:hover{background:#2C1D1A;color:#FFED87;transform:scale(1.05)}
.infoBox{background:#fff;border-left:6px solid #FFED87;padding:24px 28px;margin:48px auto 0;max-width:700px;border-radius:8px;box-shadow:0 4px 16px #2c1d1a0f}
.infoBox p{margin:0;font-size:15px;color:#2C1D1A;line-height:1.6;opacity:.85}
.infoBox strong{color:#2C1D1A;font-weight:600}
@media (max-width: 768px) {
.heroConfirm{padding:60px 20px}
.confirmHeado{font-size:32px}
.confirmSubtext{font-size:18px}
.confirmIconBox{width:100px;height:100px;margin-bottom:24px}
.confirmIconBox i{font-size:48px}
.nextStepsSection{padding:60px 20px}
.stepGrid{grid-template-columns:1fr;gap:24px}
.stepCard{padding:32px 24px}
.buttGroup{flex-direction:column;align-items:stretch}
.primaryButt,.secondButt{width:100%;justify-content:center}
.actionZone{margin-top:40px}
}
@media (max-width: 480px) {
.confirmHeado{font-size:28px}
.confirmSubtext{font-size:16px}
.stepCard h3{font-size:21px}
.stepCard p{font-size:15px}
}