html{scroll-behavior:smooth}
body{margin:0;padding:0;font-family:'Source Code Pro',monospace;background-color:#FFFDF9;color:#1a1a1a;line-height:1.6}
.siteHeader{background:linear-gradient(135deg,#037BC8 0%,#037bc8d9 100%);color:#FFFDF9;padding:0;box-shadow:0 4px 12px #00000026}
.headerTopRow{border-bottom:2px solid #fffdf933;padding:18px 0}
.headerTopRow .contentWrap{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
.logoBox{display:flex;align-items:center}
.logoBox img{height:85px;width:85px;object-fit:contain;background-color:#fffdf9f2;padding:12px;border-radius:20px;box-shadow:0 6px 16px #0003}
.headerMidRow{padding:28px 0;text-align:center}
.companyTitle{font-size:2.8rem;font-weight:700;margin:0;letter-spacing:2px;text-transform:uppercase;text-shadow:2px 2px 8px #0000004d}
.headerBotRow{background-color:#633b39f2;padding:0}
.headerBotRow .contentWrap{max-width:1200px;margin:0 auto;padding:0 24px}
.mainNav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0}
.mainNav a{color:#FFFDF9;text-decoration:none;padding:14px 24px;border-radius:18px;transition:background-color .3s ease;font-weight:400;font-size:.95rem}
.mainNav a:hover{background-color:#fffdf926}
.siteFooter{background-color:#633B39;color:#FFFDF9;padding:32px 0;margin-top:80px}
.footerContent{max-width:1200px;margin:0 auto;padding:0 24px}
.footerNav{display:flex;justify-content:center;gap:32px;margin-bottom:24px;flex-wrap:wrap}
.footerNav a{color:#FFFDF9;text-decoration:none;font-size:.9rem;transition:opacity .3s ease}
.footerNav a:hover{opacity:.75}
.footerInfo{text-align:center;font-size:.85rem;line-height:1.8;opacity:.9}
.footerInfo p{margin:8px 0}
.cookiePopup{position:fixed;bottom:32px;right:32px;background-color:#fff;border:3px solid #037BC8;border-radius:24px;padding:28px 32px;box-shadow:0 12px 32px #00000040;max-width:380px;z-index:10000;transform:translateX(120%);transition:transform .5s cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookiePopup.is-visible{transform:translateX(0)}
.cookiePopup h3{margin:0 0 16px;color:#037BC8;font-size:1.3rem}
.cookiePopup p{margin:0 0 20px;font-size:.9rem;color:#333;line-height:1.5}
.cookieBtnGroup{display:flex;gap:12px}
.cookieBtn{flex:1;padding:12px 20px;border:none;border-radius:16px;font-family:'Source Code Pro',monospace;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}
.cookieBtn.acceptBtn{background-color:#037BC8;color:#FFFDF9}
.cookieBtn.acceptBtn:hover{background-color:#025a94}
.cookieBtn.declineBtn{background-color:#633B39;color:#FFFDF9}
.cookieBtn.declineBtn:hover{background-color:#4a2c2a}
@media (max-width: 768px) {
.headerTopRow .contentWrap{flex-direction:column;gap:16px}
.companyTitle{font-size:1.8rem}
.mainNav{flex-direction:column;align-items:stretch}
.mainNav a{text-align:center}
.cookiePopup{bottom:16px;right:16px;left:16px;max-width:none}
.cookieBtnGroup{flex-direction:column}
}
.rules-section{max-width:1200px;margin:0 auto;padding:60px 20px;background:#FFFDF9}
.rules-section p{font-size:16px;line-height:1.75;color:#2d2d2d;margin:0 0 20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.rules-section p:last-child{margin-bottom:0}
.rules-section ul,.rules-section ol{margin:0 0 24px;padding-left:32px;color:#2d2d2d;line-height:1.75}
.rules-section ul{list-style-type:disc}
.rules-section ol{list-style-type:decimal}
.rules-section li{font-size:16px;margin-bottom:12px;padding-left:8px}
.rules-section li:last-child{margin-bottom:0}
.rules-section ul ul,.rules-section ol ol,.rules-section ul ol,.rules-section ol ul{margin:12px 0 0}
.rules-section strong,.rules-section b{font-weight:600;color:#1a1a1a}
.rules-section em,.rules-section i{font-style:italic;color:#3d3d3d}
.rules-section a{color:#037BC8;text-decoration:underline;transition:all .3s ease;font-weight:500}
.rules-section a:hover{color:#025a94;text-decoration:none}
.rules-section a:focus{outline:2px solid #037BC8;outline-offset:2px;border-radius:4px}
.rules-section hr{border:none;height:2px;background:linear-gradient(to right,#037bc833,#633b3933);margin:40px 0;border-radius:2px}
.rules-section div{margin-bottom:32px}
.rules-section div:last-child{margin-bottom:0}
@media (max-width: 768px) {
.rules-section{padding:40px 16px}
.rules-section p,.rules-section li{font-size:15px;line-height:1.7}
.rules-section ul,.rules-section ol{padding-left:24px}
.rules-section hr{margin:32px 0}
.rules-section div{margin-bottom:24px}
}
@media (max-width: 480px) {
.rules-section{padding:32px 12px}
.rules-section p,.rules-section li{font-size:14px}
.rules-section ul,.rules-section ol{padding-left:20px}
}
.heroStage{position:relative;width:100%;max-width:1200px;margin:0 auto 80px;overflow:hidden;border-radius:24px;background:#037bc814}
.heroStage .imageFrame{position:relative;width:100%;height:580px;overflow:hidden}
.heroStage .imageFrame img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturbrightness(0.95)}
.heroStage .imageFrame::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#037bc8b3 0%,#633b3999 100%);mix-blend-mode:multiply}
.heroStage .textLayer{position:absolute;bottom:0;left:0;right:0;padding:60px 40px;z-index:2}
.heroStage .textLayer h1{font-size:3.2rem;line-height:1.2;color:#FFFDF9;margin:0 0 20px;max-width:900px}
.heroStage .textLayer .subtitle{font-size:1.25rem;line-height:1.6;color:#fffdf9e6;max-width:700px;margin:0}
.heroStage svg{position:absolute;top:30px;right:40px;width:180px;height:180px;opacity:.15;z-index:1}
.audiencePanel{max-width:1200px;margin:0 auto 100px;padding:0 24px}
.audiencePanel h2{font-size:2.5rem;color:#633B39;margin:0 0 48px;text-align:center}
.audiencePanel h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#037BC8 0%,#633B39 100%);margin:16px auto 0;border-radius:2px}
.audienceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.audienceCard{background:#FFFDF9;border:2px solid #037bc833;border-radius:20px;padding:36px 28px;transition:all .3s ease;position:relative}
.audienceCard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#037BC8 0%,#633B39 100%);border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:-1}
.audienceCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #037bc840}
.audienceCard:hover::before{opacity:1}
.audienceCard h3{font-size:1.5rem;color:#037BC8;margin:0 0 16px}
.audienceCard p{font-size:1rem;line-height:1.7;color:#2c2c2c;margin:0}
.eventsSection{background:linear-gradient(180deg,#037bc80d 0%,#633b390d 100%);padding:80px 0;margin:0 0 100px}
.eventsContainer{max-width:1200px;margin:0 auto;padding:0 24px}
.eventsContainer h2{font-size:2.5rem;color:#633B39;margin:0 0 56px;position:relative;padding-left:32px}
.eventsContainer h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:60px;background:#037BC8;border-radius:3px}
.eventsLayout{display:flex;flex-direction:column;gap:48px}
.eventRow{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.eventRow:nth-child(even){direction:rtl}
.eventRow:nth-child(even) > *{direction:ltr}
.eventVisual{position:relative;border-radius:24px;overflow:hidden;height:380px}
.eventVisual img{width:100%;height:100%;object-fit:cover}
.eventContent h3{font-size:1.8rem;color:#037BC8;margin:0 0 20px}
.eventContent p{font-size:1.05rem;line-height:1.75;color:#3a3a3a;margin:0 0 24px}
.eventHighlight{background:#037bc81a;border-left:4px solid #037BC8;padding:16px 20px;border-radius:8px;margin:24px 0 0}
.eventHighlight p{font-size:.95rem;line-height:1.6;color:#2c2c2c;margin:0;font-style:italic}
.recognitionBlock{max-width:1200px;margin:0 auto 80px;padding:0 24px}
.recognitionBlock h2{font-size:2.5rem;color:#633B39;margin:0 0 48px;text-align:center}
.metricsDisplay{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:0 0 56px}
.metricBox{background:linear-gradient(135deg,#037bc814 0%,#633b3914 100%);border-radius:20px;padding:32px 24px;text-align:center;transition:transform .3s ease}
.metricBox:hover{transform:scale(1.05)}
.metricBox .figure{font-size:3rem;font-weight:700;color:#037BC8;margin:0 0 12px;display:block}
.metricBox .label{font-size:1rem;color:#633B39;margin:0}
.partnershipGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.partnershipContent h3{font-size:1.6rem;color:#037BC8;margin:0 0 24px}
.partnershipContent p{font-size:1.05rem;line-height:1.75;color:#3a3a3a;margin:0 0 20px}
.partnerList{list-style:none;padding:0;margin:32px 0 0}
.partnerList li{padding:16px 0;border-bottom:1px solid #037bc833;font-size:1rem;color:#2c2c2c;position:relative;padding-left:32px}
.partnerList li::before{content:'→';position:absolute;left:0;color:#037BC8;font-size:1.2rem}
.partnerVisual{position:relative;border-radius:24px;overflow:hidden;height:480px}
.partnerVisual img{width:100%;height:100%;object-fit:cover}
@media (max-width: 968px) {
.heroStage .textLayer h1{font-size:2.5rem}
.heroStage .textLayer{padding:40px 24px}
.heroStage .imageFrame{height:420px}
.eventRow{grid-template-columns:1fr}
.eventRow:nth-child(even){direction:ltr}
.metricsDisplay{grid-template-columns:repeat(2,1fr)}
.partnershipGrid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.heroStage .textLayer h1{font-size:1.9rem}
.heroStage .textLayer .subtitle{font-size:1.05rem}
.heroStage .imageFrame{height:360px}
.audiencePanel h2,.eventsContainer h2,.recognitionBlock h2{font-size:2rem}
.audienceGrid{grid-template-columns:1fr}
.metricsDisplay{grid-template-columns:1fr;gap:24px}
.eventVisual{height:280px}
}
.contactStage{max-width:1200px;margin:0 auto;padding:60px 20px}
.titleBox{display:flex;gap:40px;align-items:center;margin-bottom:80px;flex-wrap:wrap}
.titleBox .textSide{flex:1;min-width:300px}
.titleBox .visualSide{flex:1;min-width:300px;position:relative}
.titleBox h1{font-size:2.8rem;color:#633B39;margin:0 0 20px;line-height:1.2}
.titleBox h1::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#037BC8,#633B39);margin-bottom:20px;border-radius:24px}
.titleBox .descText{font-size:1.15rem;line-height:1.7;color:#2a2a2a;margin:0;position:relative;padding-left:20px;border-left:3px solid #037BC8}
.titleBox .visualAnchor{position:relative;overflow:hidden;border-radius:24px;box-shadow:0 8px 24px #037bc826}
.titleBox .visualAnchor img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:4/3}
.titleBox .patternLayer{position:absolute;top:0;right:-60px;width:150px;height:150px;background:linear-gradient(135deg,#037bc814,#633b3914);border-radius:50%;z-index:-1}
.infoGrid{max-width:1200px;margin:0 auto 80px;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.contactCard{background:#FFFDF9;padding:35px;border-radius:20px;border:2px solid #037bc81a;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}
.contactCard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #037bc833;border-color:#037BC8}
.contactCard .cardIcon{width:50px;height:50px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#037BC8,#633B39);border-radius:16px}
.contactCard .cardIcon svg{width:26px;height:26px;fill:#FFFDF9}
.contactCard h3{font-size:1.3rem;color:#633B39;margin:0 0 15px}
.contactCard p{font-size:1rem;color:#2a2a2a;margin:0 0 10px;line-height:1.6}
.contactCard a{color:#037BC8;text-decoration:none;font-weight:500;transition:color .2s ease;word-break:break-word}
.contactCard a:hover{color:#633B39}
.formWrapper{max-width:800px;margin:0 auto 80px;padding:0 20px}
.formContainer{background:linear-gradient(135deg,#037bc80d,#fffdf9e6);padding:50px;border-radius:28px;box-shadow:0 8px 32px #633b3914;border:1px solid #037bc826}
.formContainer h2{font-size:2.2rem;color:#633B39;margin:0 0 35px;text-align:center}
.formContainer h2::after{content:'';display:block;width:80px;height:3px;background:#037BC8;margin:15px auto 0;border-radius:24px}
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}
.fieldBox{display:flex;flex-direction:column}
.fieldBox.fullWidth{grid-column:1 / -1}
.fieldBox label{font-size:.95rem;color:#633B39;margin-bottom:8px;font-weight:600}
.fieldBox input,.fieldBox textarea{padding:15px 18px;border:2px solid #037bc833;border-radius:16px;font-size:1rem;background:#FFFDF9;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000008}
.fieldBox input:focus,.fieldBox textarea:focus{outline:none;border-color:#037BC8;box-shadow:0 0 0 4px #037bc81a inset 0 2px 4px #00000008}
.fieldBox textarea{min-height:140px;resize:vertical;font-family:inherit;line-height:1.6}
.consentBox{margin-bottom:30px}
.consentBox input[type="checkbox"]{width:20px;height:20px;margin-right:10px;cursor:pointer;accent-color:#037BC8;vertical-align:middle}
.consentBox label{display:inline-flex;align-items:center;font-size:.95rem;color:#2a2a2a;cursor:pointer;line-height:1.5}
.consentBox label a{color:#037BC8;text-decoration:underline;margin-left:4px}
.consentBox label a:hover{color:#633B39}
.submitBtn{width:100%;padding:18px;background:linear-gradient(135deg,#037BC8,#633B39);color:#FFFDF9;font-size:1.1rem;font-weight:600;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #037bc84d;position:relative;z-index:10}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 10px 32px #037bc866}
.submitBtn:active{transform:translateY(0);box-shadow:0 4px 12px #037bc84d}
.mapSection{max-width:1200px;margin:0 auto;padding:0 20px 60px}
.locationBox{background:#FFFDF9;padding:45px;border-radius:24px;display:flex;gap:40px;align-items:stretch;box-shadow:0 6px 24px #633b391a;border:2px solid #037bc814;flex-wrap:wrap}
.locationBox .addressSide{flex:1;min-width:280px}
.locationBox .imageSide{flex:1;min-width:280px;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000001a}
.locationBox .imageSide img{width:100%;height:100%;object-fit:cover;min-height:300px}
.locationBox h3{font-size:1.8rem;color:#633B39;margin:0 0 25px;position:relative}
.locationBox h3::before{content:'';position:absolute;left:0;bottom:-10px;width:50px;height:3px;background:linear-gradient(90deg,#037BC8,#633B39);border-radius:24px}
.locationBox .addressText{font-size:1.05rem;line-height:1.8;color:#2a2a2a;margin:30px 0 0}
.locationBox .addressText strong{color:#633B39;display:block;margin-top:15px;font-size:1.1rem}
@media (max-width: 768px) {
.titleBox{flex-direction:column;margin-bottom:60px}
.titleBox h1{font-size:2.2rem}
.titleBox .descText{font-size:1.05rem}
.formGrid{grid-template-columns:1fr}
.formContainer{padding:35px 25px}
.formContainer h2{font-size:1.8rem}
.infoGrid{grid-template-columns:1fr;margin-bottom:60px}
.locationBox{padding:30px 25px;flex-direction:column}
.locationBox h3{font-size:1.5rem}
}
@media (max-width: 480px) {
.contactStage{padding:40px 15px}
.titleBox h1{font-size:1.9rem}
.formContainer{padding:25px 20px}
.contactCard{padding:25px}
.locationBox{padding:25px 20px}
}
.aboutTitleWrap{max-width:1200px;margin:60px auto;padding:0 20px;display:flex;align-items:center;gap:40px;position:relative}
.aboutTitleWrap::before{content:'';position:absolute;top:-30px;left:10%;width:180px;height:180px;background:#037bc814;border-radius:50%;z-index:-1}
.aboutTitleWrap::after{content:'';position:absolute;bottom:-40px;right:15%;width:140px;height:140px;background:#633b390f;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);z-index:-1}
.aboutImageFilm{flex-shrink:0;width:280px;height:340px;position:relative}
.aboutImageFilm img{width:100%;height:100%;object-fit:cover;border-radius:24px;display:block}
.aboutImageFilm::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 8px,#00000008 8px,#00000008 10px);border-radius:24px;pointer-events:none}
.aboutTitleText{flex:1;text-align:center;padding:0 20px}
.aboutTitleText h1{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.aboutTitleText h1 span{color:#037BC8;font-size:56px}
.aboutTitleText p{font-size:18px;color:#4a4a4a;line-height:1.6;margin:0}
.aboutStoryBox{max-width:1200px;margin:80px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.storyTextCol h2{font-size:36px;font-weight:700;color:#1a1a1a;margin:0 0 24px;position:relative;padding-left:20px}
.storyTextCol h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:32px;background:linear-gradient(180deg,#037BC8,#633B39);border-radius:3px}
.storyTextCol p{font-size:17px;color:#3a3a3a;line-height:1.7;margin:0 0 20px}
.storyTextCol p:last-child{margin-bottom:0}
.storyDataGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dataCard{background:#FFFDF9;border:2px solid #037bc826;border-radius:20px;padding:32px 24px;text-align:center;transition:all .3s ease}
.dataCard:hover{border-color:#037BC8;box-shadow:0 8px 24px #037bc81f;transform:translateY(-4px)}
.dataCard h3{font-size:48px;font-weight:700;color:#037BC8;margin:0 0 12px}
.dataCard p{font-size:16px;color:#4a4a4a;margin:0;line-height:1.5}
.aboutValueWrap{background:linear-gradient(135deg,#037bc80d 0%,#633b390d 100%);padding:80px 20px;margin:80px 0 0}
.valueInner{max-width:1200px;margin:0 auto}
.valueHeadRow{text-align:center;margin-bottom:60px}
.valueHeadRow h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.valueHeadRow p{font-size:18px;color:#4a4a4a;margin:0;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}
.valueGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.valueItem{background:#fff;border-radius:24px;padding:40px 28px;position:relative;overflow:hidden;transition:all .3s ease}
.valueItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#037BC8,#633B39);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.valueItem:hover::before{transform:scaleX(1)}
.valueItem:hover{box-shadow:0 12px 32px #037bc826;transform:translateY(-6px)}
.valueIcon{width:64px;height:64px;background:#037bc81a;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.valueIcon svg{width:32px;height:32px;fill:#037BC8}
.valueItem h3{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.valueItem p{font-size:16px;color:#4a4a4a;line-height:1.6;margin:0}
@media (max-width: 968px) {
.aboutTitleWrap{flex-direction:column;gap:30px;margin:40px auto}
.aboutImageFilm{width:240px;height:300px}
.aboutTitleWrap::before,.aboutTitleWrap::after{display:none}
.aboutTitleText h1{font-size:38px}
.aboutTitleText h1 span{font-size:44px}
.aboutStoryBox{grid-template-columns:1fr;gap:40px;margin:60px auto}
.valueGrid{grid-template-columns:1fr;gap:24px}
.valueHeadRow h2{font-size:34px}
.aboutValueWrap{padding:60px 20px}
}
@media (max-width: 600px) {
.aboutImageFilm{width:200px;height:260px}
.aboutTitleText h1{font-size:32px}
.aboutTitleText h1 span{font-size:36px}
.aboutTitleText p{font-size:16px}
.storyTextCol h2{font-size:28px}
.storyDataGrid{grid-template-columns:1fr}
.valueHeadRow h2{font-size:28px}
.valueHeadRow p{font-size:16px}
}
.busiPanel{max-width:1200px;margin:0 auto;padding:0 20px}
.heroWrap{display:flex;flex-direction:column;gap:40px;padding:60px 0;align-items:center}
.heroImageSplit{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:900px}
.heroImagePart{position:relative;overflow:hidden;border-radius:24px;height:280px}
.heroImagePart img{width:100%;height:100%;object-fit:cover;filter:brightness(0.92);transition:filter .4s}
.heroImagePart:hover img{filter:brightness(1)}
.heroTextBox{text-align:center;max-width:800px;position:relative;z-index:2}
.heroTextBox::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:120px;height:120px;background:linear-gradient(135deg,#037bc814,#633b390f);border-radius:50%;z-index:-1}
.heroTextBox h1{font-size:2.8rem;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.heroTextBox p{font-size:1.15rem;line-height:1.7;color:#444;margin:0}
.valueGrid{padding:80px 0;background:linear-gradient(180deg,#FFFDF9 0%,#037bc80a 100%)}
.valueInner{max-width:1200px;margin:0 auto;padding:0 20px}
.valueHead{text-align:center;margin-bottom:60px}
.valueHead h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.valueHead p{font-size:1.1rem;color:#555;max-width:700px;margin:0 auto;line-height:1.6}
.valueCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.valueCard{background:#fff;padding:40px 32px;border-radius:28px;box-shadow:0 4px 16px #0000000f;transition:transform 0.3s,box-shadow .3s;position:relative;overflow:hidden}
.valueCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#037BC8,#633B39);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.valueCard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #037bc826}
.valueCard:hover::before{transform:scaleX(1)}
.valueCard h3{font-size:1.5rem;color:#037BC8;margin:0 0 16px;font-weight:600}
.valueCard p{font-size:1rem;line-height:1.7;color:#555;margin:0}
.approachSection{padding:80px 0}
.approachLayout{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.approachContent h2{font-size:2.2rem;color:#1a1a1a;margin:0 0 32px;font-weight:700;position:relative;padding-left:24px}
.approachContent h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:80%;background:linear-gradient(180deg,#037BC8,#633B39);border-radius:8px}
.approachSteps{display:flex;flex-direction:column;gap:28px}
.stepItem{display:flex;gap:20px;align-items:start}
.stepNum{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#037BC8,#037bc8b3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;box-shadow:0 4px 12px #037bc840}
.stepText h4{font-size:1.2rem;color:#1a1a1a;margin:0 0 8px;font-weight:600}
.stepText p{font-size:1rem;line-height:1.6;color:#555;margin:0}
.approachVisual{position:relative;border-radius:28px;overflow:hidden;height:100%;min-height:500px;box-shadow:0 12px 32px #0000001a}
.approachVisual img{width:100%;height:100%;object-fit:cover}
.benefitPanel{padding:80px 0;background:#FFFDF9}
.benefitContainer{max-width:1200px;margin:0 auto;padding:0 20px}
.benefitHeader{margin-bottom:50px}
.benefitHeader h2{font-size:2.3rem;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.benefitHeader p{font-size:1.1rem;color:#555;line-height:1.7;max-width:800px}
.benefitDisplay{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.benefitBox{background:#fff;padding:36px 32px;border-radius:20px;border-left:5px solid #037BC8;box-shadow:0 3px 12px #0000000d;transition:border-color 0.3s,box-shadow .3s}
.benefitBox:nth-child(even){border-left-color:#633B39}
.benefitBox:hover{box-shadow:0 6px 20px #0000001a;border-left-width:8px}
.benefitBox h3{font-size:1.4rem;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.benefitBox p{font-size:1rem;line-height:1.65;color:#555;margin:0}
.ctaFinal{padding:90px 0;background:linear-gradient(135deg,#037bc8eb,#633b39e0);text-align:center;position:relative;overflow:hidden}
.ctaFinal::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ffffff14;border-radius:50%}
.ctaFinal::after{content:'';position:absolute;bottom:-40%;left:-15%;width:500px;height:500px;background:#ffffff0f;border-radius:50%}
.ctaContent{max-width:800px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.ctaContent h2{font-size:2.5rem;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.2}
.ctaContent p{font-size:1.2rem;color:#fffffff2;margin:0 0 40px;line-height:1.6}
.ctaButtons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaBtn{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;text-decoration:none;transition:transform 0.3s,box-shadow .3s;position:relative;z-index:10}
.ctaBtn.primary{background:#fff;color:#037BC8;box-shadow:0 6px 20px #0003}
.ctaBtn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000040}
.ctaBtn.secondary{background:transparent;color:#fff;border:2px solid #fff}
.ctaBtn.secondary:hover{background:#ffffff26;transform:translateY(-3px)}
@media (max-width: 768px) {
.heroImageSplit{grid-template-columns:1fr}
.heroImagePart{height:220px}
.heroTextBox h1{font-size:2rem}
.heroTextBox p{font-size:1rem}
.valueHead h2{font-size:1.9rem}
.valueCards{grid-template-columns:1fr}
.approachLayout{grid-template-columns:1fr;gap:40px}
.approachVisual{min-height:350px}
.benefitDisplay{grid-template-columns:1fr}
.ctaContent h2{font-size:1.9rem}
.ctaContent p{font-size:1.05rem}
.ctaButtons{flex-direction:column;align-items:stretch}
.ctaBtn{justify-content:center}
}
@media (min-width: 769px) and (max-width: 1024px) {
.heroTextBox h1{font-size:2.4rem}
.valueHead h2{font-size:2.1rem}
.approachLayout{gap:40px}
}
.pageWrap{max-width:1200px;margin:0 auto;padding:0}
.heroBlock{position:relative;min-height:520px;display:flex;align-items:center;background:linear-gradient(135deg,#037BC8 0%,#633B39 100%);border-radius:24px;margin:2rem auto;overflow:hidden}
.heroBlock::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#fffdf91a;border-radius:50%;z-index:1}
.heroBlock::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#633b394d;border-radius:50%;z-index:1}
.heroImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.25;z-index:2}
.heroContent{position:relative;z-index:3;padding:3.5rem 4rem;max-width:720px}
.heroContent h1{font-size:3rem;color:#FFFDF9;margin:0 0 1.5rem;line-height:1.2;font-weight:700}
.heroContent h1::before{content:'';display:inline-block;width:60px;height:6px;background:#FFFDF9;margin-right:1rem;vertical-align:middle;border-radius:3px}
.heroContent p{font-size:1.25rem;color:#FFFDF9;line-height:1.7;margin:0}
.stepsLayout{background:#FFFDF9;padding:5rem 2rem}
.stepsGrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.stepCard{background:#fff;border-radius:20px;padding:2.5rem 2rem;box-shadow:0 4px 12px #037bc814;position:relative;transition:all .3s ease}
.stepCard:hover{transform:translateY(-8px);box-shadow:0 12px 24px #037bc826}
.stepNum{position:absolute;top:-20px;left:2rem;width:50px;height:50px;background:linear-gradient(135deg,#037BC8,#633B39);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#FFFDF9;box-shadow:0 4px 8px #0003}
.stepCard h3{font-size:1.5rem;color:#037BC8;margin:1.5rem 0 1rem;font-weight:600}
.stepCard p{font-size:1rem;color:#333;line-height:1.6;margin:0}
.detailsZone{background:linear-gradient(to bottom,#fff 0%,#FFFDF9 100%);padding:5rem 2rem}
.detailsWrapper{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;gap:4rem;align-items:flex-start}
.detailsText{flex:1}
.detailsText h2{font-size:2.5rem;color:#633B39;margin:0 0 2rem;font-weight:700;position:relative;padding-bottom:1rem}
.detailsText h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:#037BC8;border-radius:2px}
.detailsList{list-style:none;padding:0;margin:0 0 2rem}
.detailsList li{font-size:1.1rem;color:#333;padding:1rem 0 1rem 2.5rem;position:relative;line-height:1.6;border-bottom:1px solid #037bc81a}
.detailsList li:last-child{border-bottom:none}
.detailsList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#037BC8;border-radius:50%}
.detailsList li::after{content:'';position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#FFFDF9;border-radius:50%}
.detailsImg{flex:0 0 480px;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #633b3926}
.detailsImg img{width:100%;height:auto;display:block;object-fit:cover}
.supportSection{background:#037BC8;padding:5rem 2rem;position:relative;overflow:hidden}
.supportSection::before{content:'';position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:#fffdf914;border-radius:50%}
.supportSection::after{content:'';position:absolute;bottom:-80px;right:-80px;width:250px;height:250px;background:#633b3933;border-radius:50%}
.supportBox{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.supportBox h2{font-size:2.5rem;color:#FFFDF9;margin:0 0 3rem;text-align:center;font-weight:700}
.supportFeatures{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.featureBox{background:#fffdf9f2;border-radius:18px;padding:2rem 2.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}
.featureBox:hover{background:#FFFDF9;transform:scale(1.02)}
.featureIcon{width:50px;height:50px;background:linear-gradient(135deg,#633B39,#037BC8);border-radius:12px;display:flex;align-items:center;justify-content:center}
.featureIcon svg{width:26px;height:26px;fill:#FFFDF9}
.featureBox h4{font-size:1.4rem;color:#633B39;margin:0;font-weight:600}
.featureBox p{font-size:1rem;color:#333;line-height:1.6;margin:0}
@media (max-width: 768px) {
.heroBlock{min-height:400px;margin:1rem;border-radius:16px}
.heroContent{padding:2rem 1.5rem}
.heroContent h1{font-size:2rem}
.heroContent h1::before{width:40px;height:4px}
.heroContent p{font-size:1.1rem}
.stepsGrid{grid-template-columns:1fr;gap:3rem}
.stepsLayout{padding:3rem 1rem}
.detailsWrapper{flex-direction:column;gap:2rem}
.detailsImg{flex:1;width:100%}
.detailsText h2{font-size:2rem}
.detailsZone{padding:3rem 1rem}
.supportSection{padding:3rem 1rem}
.supportBox h2{font-size:2rem}
.supportFeatures{grid-template-columns:1fr;gap:1.5rem}
}
@media (min-width: 769px) and (max-width: 1024px) {
.heroContent h1{font-size:2.5rem}
.stepsGrid{grid-template-columns:repeat(2,1fr)}
.detailsWrapper{gap:3rem}
.detailsImg{flex:0 0 380px}
}
.successWrapper{max-width:1200px;margin:0 auto;padding:0 20px}
.successHero{position:relative;background:linear-gradient(135deg,#037bc814 0%,#fffdf9f2 100%);border-radius:24px;padding:80px 40px;margin:60px 0 80px;overflow:hidden}
.successHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#037bc81f 0%,transparent 70%);border-radius:50%;z-index:1}
.successHero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#633b3914 0%,transparent 70%);border-radius:50%;z-index:1}
.heroContent{position:relative;z-index:2;text-align:center;max-width:700px;margin:0 auto}
.iconCircle{width:120px;height:120px;margin:0 auto 32px;background:linear-gradient(135deg,#037BC8 0%,#0596e8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #037bc840}
.iconCircle svg{width:60px;height:60px}
.heroContent h1{font-size:2.8rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.heroContent .lead{font-size:1.25rem;color:#4a4a4a;margin:0 0 16px;line-height:1.6}
.heroContent .detail{font-size:1rem;color:#666;line-height:1.7}
.confirmBox{background:#fffdf9e6;border:2px solid #037BC8;border-radius:16px;padding:32px;margin:40px 0 0;position:relative}
.confirmBox::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#037BC8 0%,#633B39 100%);border-radius:16px 16px 0 0}
.confirmBox h2{font-size:1.5rem;font-weight:600;color:#037BC8;margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:12px}
.confirmBox h2 svg{width:28px;height:28px}
.confirmInfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:24px 0 0}
.infoItem{background:#fff;padding:20px;border-radius:12px;border:1px solid #037bc826}
.infoItem h3{font-size:.9rem;font-weight:600;color:#666;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}
.infoItem p{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0}
.nextStepsArea{max-width:1200px;margin:0 auto 80px;padding:0 20px}
.sectionHeading{text-align:center;margin:0 0 48px}
.sectionHeading h2{font-size:2.2rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;position:relative;display:inline-block}
.sectionHeading h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#037BC8 0%,#633B39 100%);border-radius:2px}
.sectionHeading p{font-size:1.1rem;color:#666;margin:20px 0 0}
.stepsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin:0 0 48px}
.stepCard{background:#fff;border-radius:20px;padding:36px 28px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;position:relative;border:2px solid transparent}
.stepCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #037bc826;border-color:#037bc84d}
.stepNumber{width:48px;height:48px;background:linear-gradient(135deg,#037BC8 0%,#0596e8 100%);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 0 20px}
.stepCard h3{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.stepCard p{font-size:1rem;color:#666;line-height:1.7;margin:0}
.actionZone{background:linear-gradient(135deg,#633b390d 0%,#037bc80d 100%);border-radius:20px;padding:48px 40px;text-align:center;position:relative;overflow:hidden}
.actionZone::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#037bc81a 0%,transparent 70%);border-radius:50%}
.actionZone h3{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin:0 0 16px;position:relative;z-index:2}
.actionZone p{font-size:1.1rem;color:#4a4a4a;margin:0 0 32px;position:relative;z-index:2}
.btnGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.primaryBtn{background:linear-gradient(135deg,#037BC8 0%,#0596e8 100%);color:#fff;padding:16px 40px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px #037bc84d}
.primaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #037bc866}
.secondaryBtn{background:#fff;color:#037BC8;padding:16px 40px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;border:2px solid #037BC8}
.secondaryBtn:hover{background:#037bc80d;transform:translateY(-2px)}
.helpSection{max-width:800px;margin:80px auto 0;text-align:center;padding:0 20px}
.helpSection h3{font-size:1.6rem;font-weight:600;color:#1a1a1a;margin:0 0 20px}
.helpSection p{font-size:1rem;color:#666;line-height:1.7;margin:0 0 24px}
.contactOptions{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.contactItem{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#fff;border-radius:12px;border:2px solid #037bc833;transition:all .3s ease}
.contactItem:hover{border-color:#037BC8;transform:translateY(-2px)}
.contactItem svg{width:24px;height:24px;fill:#037BC8}
.contactItem a{color:#037BC8;text-decoration:none;font-weight:600}
.contactItem a:hover{text-decoration:underline}
@media (max-width: 768px) {
.successHero{padding:60px 24px;margin:40px 0 60px}
.heroContent h1{font-size:2rem}
.heroContent .lead{font-size:1.1rem}
.iconCircle{width:100px;height:100px}
.iconCircle svg{width:50px;height:50px}
.confirmBox{padding:24px}
.confirmInfo{grid-template-columns:1fr;gap:16px}
.sectionHeading h2{font-size:1.8rem}
.stepsGrid{grid-template-columns:1fr;gap:24px}
.actionZone{padding:36px 24px}
.actionZone h3{font-size:1.5rem}
.btnGroup{flex-direction:column;align-items:stretch}
.primaryBtn,.secondaryBtn{justify-content:center;width:100%}
.contactOptions{flex-direction:column;align-items:stretch}
}
@media (max-width: 480px) {
.successHero{padding:40px 20px}
.heroContent h1{font-size:1.6rem}
.stepCard{padding:28px 20px}
}