html,body{margin:0;padding:0;box-sizing:border-box}
*,::before,::after{box-sizing:inherit}
body{font-family:'Playfair Display',serif;line-height:1.6;color:#2d2d2d;background:#fafafa;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.headerMain{background:linear-gradient(135deg,#930803 0%,#FF6503 45%,#0895D6 100%);padding:20px 0;box-shadow:0 4px 12px #00000026}
.topHeaderRow{max-width:1140px;margin:0 auto;padding:0 20px}
.logoBlock{display:inline-block}
.logoLink{display:block;background:#fffffff2;padding:12px;border-radius:12px;box-shadow:0 6px 16px #0003;transition:transform 180ms ease}
.logoLink:hover{transform:translateY(-2px)}
.brandLogo{width:90px;height:90px;display:block}
.middleHeaderRow{max-width:1140px;margin:15px auto 0;padding:0 20px 0 70px;text-align:center}
.companyTitle{display:inline-block}
.brandText{font-size:2.2rem;font-weight:700;color:#fff;text-shadow:2px 2px 8px #0000004d;letter-spacing:1px}
.bottomHeaderRow{max-width:1140px;margin:20px auto 0;padding:0 20px 0 140px;text-align:right}
.mainNavigation{display:inline-block}
.navIconGroup{display:flex;gap:35px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.navItem{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#fff;transition:opacity 160ms ease;padding:8px 12px;border-radius:10px;background:#ffffff1a}
.navItem:hover{opacity:.85;background:#fff3}
.navIcon{width:32px;height:32px}
.navLabel{font-size:.9rem;font-weight:600}
@media (max-width: 768px) {
.middleHeaderRow{padding:0 20px;margin-top:20px}
.brandText{font-size:1.6rem}
.bottomHeaderRow{padding:0 20px;text-align:center;margin-top:25px}
.navIconGroup{justify-content:center;gap:20px}
.navItem{padding:6px 10px}
.navIcon{width:28px;height:28px}
.navLabel{font-size:.8rem}
}
.footerContainer{background:#f5f5f5;position:relative;margin-top:60px}
.footerWave{position:absolute;top:-59px;left:0;width:100%;color:#f5f5f5}
.waveSvg{display:block;width:100%;height:60px}
.footerContent{max-width:1140px;margin:0 auto;padding:50px 20px 30px}
.footerColumns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:40px}
.footerColumn .footerHeading{font-size:1.3rem;font-weight:700;color:#930803;margin-bottom:18px}
.footerLinks{display:flex;flex-direction:column;gap:10px}
.footerLinks .footerLink{color:#444;text-decoration:none;font-size:1rem;transition:color 150ms ease}
.footerLinks .footerLink:hover{color:#FF6503}
.contactInfo .contactDetail{margin-bottom:12px;color:#555;font-size:.95rem;display:flex;align-items:center;gap:10px}
.contactInfo .contactDetail i{color:#0895D6;font-size:1.1rem}
.footerBottom{border-top:2px solid #e0e0e0;padding-top:25px;text-align:center}
.copyrightText{color:#666;font-size:.9rem;margin:0}
.cookieOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity 200ms ease}
.cookieOverlay[data-visible="true"]{display:flex}
.cookieModal{background:#fff;border-radius:14px;max-width:580px;width:90%;box-shadow:0 10px 40px #00000040;overflow:hidden}
.cookieHeader{background:linear-gradient(120deg,#930803 0%,#FF6503 100%);padding:22px 28px}
.cookieTitle{margin:0;color:#fff;font-size:1.5rem;font-weight:700}
.cookieBody{padding:28px}
.cookieDescription{margin:0 0 24px;color:#444;font-size:1rem;line-height:1.6}
.cookieOptions{display:flex;flex-direction:column;gap:14px}
.cookieCategory{border:2px solid #e5e5e5;border-radius:10px;overflow:hidden}
.categoryToggle{width:100%;background:#f9f9f9;border:none;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background 180ms ease}
.categoryToggle:hover{background:#f0f0f0}
.categoryName{font-weight:600;font-size:1rem;color:#2d2d2d}
.toggleIcon{transition:transform 200ms ease;color:#666}
.categoryContent{max-height:0;overflow:hidden;transition:max-height 250ms ease;padding:0 20px}
.categoryContent[data-expanded="true"]{max-height:200px;padding:16px 20px}
.categoryDesc{margin:0 0 12px;color:#555;font-size:.9rem}
.checkboxLabel{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;color:#444}
.cookieCheckbox{width:18px;height:18px;cursor:pointer}
.cookieActions{padding:20px 28px;background:#f5f5f5;display:flex;gap:14px;justify-content:flex-end}
.cookieButton{padding:12px 28px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 180ms ease;font-family:'Playfair Display',serif}
.acceptBtn{background:linear-gradient(135deg,#930803 0%,#FF6503 100%);color:#fff}
.acceptBtn:hover{box-shadow:0 6px 18px #9308034d;transform:translateY(-1px)}
.declineBtn{background:#e0e0e0;color:#444}
.declineBtn:hover{background:#d0d0d0}
@media (max-width: 600px) {
.cookieModal{width:95%;max-width:none}
.cookieActions{flex-direction:column}
.cookieButton{width:100%}
}
.policy-article{max-width:1140px;margin:0 auto;padding:60px 20px;background:#fff}
.policy-article p{font-size:16px;line-height:1.8;color:#2d2d2d;margin:0 0 24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.policy-article p:last-child{margin-bottom:0}
.policy-article ul,.policy-article ol{margin:0 0 24px;padding-left:32px;line-height:1.8;color:#2d2d2d}
.policy-article ul{list-style-type:disc}
.policy-article ol{list-style-type:decimal}
.policy-article li{font-size:16px;margin-bottom:12px;padding-left:8px}
.policy-article li:last-child{margin-bottom:0}
.policy-article ul ul,.policy-article ol ol,.policy-article ul ol,.policy-article ol ul{margin-top:12px;margin-bottom:12px}
.policy-article strong,.policy-article b{font-weight:600;color:#1a1a1a}
.policy-article em,.policy-article i{font-style:italic;color:#3d3d3d}
.policy-article a{color:#0895D6;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}
.policy-article a:hover{color:#930803;border-bottom-color:#930803}
.policy-article a:active{color:#FF6503}
.policy-article hr{border:none;height:2px;background:linear-gradient(90deg,#930803 0%,#FF6503 50%,#0895D6 100%);margin:48px 0;border-radius:2px;opacity:.3}
.policy-article div{margin-bottom:32px}
.policy-article div:last-child{margin-bottom:0}
@media (max-width: 768px) {
.policy-article{padding:40px 16px}
.policy-article p,.policy-article li{font-size:15px;line-height:1.75}
.policy-article ul,.policy-article ol{padding-left:24px}
.policy-article hr{margin:36px 0}
}
@media (max-width: 480px) {
.policy-article{padding:32px 12px}
.policy-article p,.policy-article li{font-size:14px}
.policy-article ul,.policy-article ol{padding-left:20px}
.policy-article li{padding-left:4px}
}
.titleIntro{padding:80px 20px 70px;background:linear-gradient(178deg,#0895D6 0%,#0995d626 100%);position:relative}
.titleIntro .mainWrapper{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:60px}
.titleIntro .textContent{flex:1;min-width:0}
.titleIntro .mainHeading{font-size:48px;line-height:1.2;color:#930803;margin:0 0 24px;font-weight:700}
.titleIntro .leadText{font-size:19px;line-height:1.65;color:#1a1a1a;margin:0 0 32px}
.titleIntro .actionButton{display:inline-block;padding:14px 32px;background:#FF6503;color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all 180ms ease;box-shadow:0 4px 12px #ff650340}
.titleIntro .actionButton:hover{background:#930803;transform:translateY(-2px);box-shadow:0 6px 16px #9308034d}
.titleIntro .visualArea{flex:0 0 480px}
.titleIntro .visualArea img{width:100%;height:380px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0000001f}
.storySection{padding:90px 20px;background:#fff}
.storySection .contentBox{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.storySection .leftColumn img{width:100%;height:460px;object-fit:cover;border-radius:16px;box-shadow:0 10px 30px #93080326}
.storySection .rightColumn h2{font-size:36px;color:#930803;margin:0 0 28px;font-weight:700;position:relative}
.storySection .rightColumn h2::before{content:'';position:absolute;left:-20px;top:8px;width:6px;height:32px;background:linear-gradient(180deg,#FF6503 0%,#0895D6 100%);border-radius:3px}
.storySection .rightColumn p{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 20px}
.storySection .rightColumn p:last-child{margin-bottom:0}
.valuesBlock{padding:85px 20px;background:linear-gradient(178deg,#ff650314 0%,#0895d614 100%);position:relative}
.valuesBlock .containerFluid{max-width:1140px;margin:0 auto}
.valuesBlock .sectionTitle{text-align:center;font-size:40px;color:#930803;margin:0 0 60px;font-weight:700}
.valuesBlock .cardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valuesBlock .valueCard{background:#fff;padding:36px 28px;border-radius:12px;box-shadow:0 6px 18px #00000014;transition:all 200ms ease;border-top:4px solid transparent}
.valuesBlock .valueCard:nth-child(1){border-top-color:#930803}
.valuesBlock .valueCard:nth-child(2){border-top-color:#FF6503}
.valuesBlock .valueCard:nth-child(3){border-top-color:#0895D6}
.valuesBlock .valueCard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000024}
.valuesBlock .valueCard h3{font-size:24px;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.valuesBlock .valueCard p{font-size:16px;line-height:1.65;color:#3a3a3a;margin:0}
.approachDisplay{padding:90px 20px;background:#fff}
.approachDisplay .wrapperMain{max-width:1140px;margin:0 auto}
.approachDisplay .headingPrimary{font-size:38px;color:#930803;margin:0 0 50px;font-weight:700;text-align:center}
.approachDisplay .stepsLayout{display:flex;gap:50px;align-items:stretch}
.approachDisplay .imageWrapper{flex:0 0 440px}
.approachDisplay .imageWrapper img{width:100%;height:520px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #0895d626}
.approachDisplay .stepsContent{flex:1;display:flex;flex-direction:column;gap:32px}
.approachDisplay .stepItem{background:linear-gradient(135deg,#9308030a 0%,#ff65030a 100%);padding:28px 32px;border-radius:10px;border-left:5px solid #FF6503;transition:all 180ms ease}
.approachDisplay .stepItem:hover{border-left-color:#930803;box-shadow:0 4px 16px #9308031f}
.approachDisplay .stepItem h4{font-size:22px;color:#930803;margin:0 0 12px;font-weight:600}
.approachDisplay .stepItem p{font-size:16px;line-height:1.7;color:#2a2a2a;margin:0}
.teamIntro{padding:85px 20px;background:linear-gradient(178deg,#0895d60f 0%,#9308030f 100%)}
.teamIntro .containerCentered{max-width:1140px;margin:0 auto}
.teamIntro .titleMain{font-size:40px;color:#930803;margin:0 0 24px;font-weight:700;text-align:center}
.teamIntro .descriptionText{font-size:18px;line-height:1.7;color:#2a2a2a;margin:0 auto 56px;max-width:800px;text-align:center}
.teamIntro .profileDisplay{display:flex;align-items:center;gap:60px;background:#fff;padding:44px;border-radius:16px;box-shadow:0 8px 24px #0000001a}
.teamIntro .profileImage{flex:0 0 280px}
.teamIntro .profileImage img{width:100%;height:360px;object-fit:cover;border-radius:12px;box-shadow:0 6px 20px #93080326}
.teamIntro .profileInfo{flex:1}
.teamIntro .profileInfo h3{font-size:32px;color:#930803;margin:0 0 8px;font-weight:700}
.teamIntro .profileInfo .roleTitle{font-size:19px;color:#0895D6;margin:0 0 24px;font-weight:600}
.teamIntro .profileInfo p{font-size:16px;line-height:1.7;color:#2a2a2a;margin:0 0 18px}
.teamIntro .profileInfo p:last-child{margin-bottom:0}
@media (max-width: 1024px) {
.titleIntro .mainWrapper{flex-direction:column;gap:40px}
.titleIntro .visualArea{flex:0 0 auto;width:100%}
.titleIntro .visualArea img{height:320px}
.storySection .contentBox{grid-template-columns:1fr;gap:50px}
.storySection .leftColumn img{height:380px}
.valuesBlock .cardsGrid{grid-template-columns:1fr;gap:30px}
.approachDisplay .stepsLayout{flex-direction:column;gap:40px}
.approachDisplay .imageWrapper{flex:0 0 auto;width:100%}
.approachDisplay .imageWrapper img{height:400px}
.teamIntro .profileDisplay{flex-direction:column;gap:40px}
.teamIntro .profileImage{flex:0 0 auto;width:100%;max-width:360px}
}
@media (max-width: 768px) {
.titleIntro{padding:60px 20px 50px}
.titleIntro .mainHeading{font-size:36px}
.titleIntro .leadText{font-size:17px}
.titleIntro .visualArea img{height:280px}
.storySection{padding:70px 20px}
.storySection .leftColumn img{height:320px}
.storySection .rightColumn h2{font-size:30px}
.valuesBlock{padding:70px 20px}
.valuesBlock .sectionTitle{font-size:32px;margin-bottom:40px}
.approachDisplay{padding:70px 20px}
.approachDisplay .headingPrimary{font-size:32px;margin-bottom:40px}
.approachDisplay .imageWrapper img{height:340px}
.teamIntro{padding:70px 20px}
.teamIntro .titleMain{font-size:32px}
.teamIntro .profileDisplay{padding:32px 24px}
.teamIntro .profileImage img{height:320px}
.teamIntro .profileInfo h3{font-size:28px}
}
.pageHeader{position:relative;padding:80px 20px 100px;background:linear-gradient(178deg,#930803 0%,#FF6503 50%,#0895D6 100%);overflow:hidden}
.pageHeader::before{content:'';position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:#ffffff14;border-radius:50%;animation:floatParticle1 8s ease-in-out infinite}
.pageHeader::after{content:'';position:absolute;bottom:-30%;right:-5%;width:250px;height:250px;background:#ffffff0f;border-radius:50%;animation:floatParticle2 10s ease-in-out infinite}
@keyframes floatParticle1 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,40px) scale(1.1)}
}
@keyframes floatParticle2 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-40px,-30px) scale(1.15)}
}
.headerInnerWrap{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.headerTopLine{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.headerTopLine::before{content:'';width:50px;height:3px;background:#fff9;border-radius:2px}
.headerLabel{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#ffffffd9;font-weight:600}
.pageHeader h1{font-size:56px;line-height:1.15;color:#fff;margin:0 0 28px;font-weight:700;text-shadow:0 2px 12px #00000026}
.headerSubtitle{font-size:20px;line-height:1.6;color:#ffffffeb;max-width:720px;margin:0 0 36px}
.headerImageBox{position:relative;width:100%;max-width:900px;margin:48px auto 0;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #00000040 0 4px 12px #00000026}
.headerImageBox img{width:100%;height:auto;display:block;filter:brightness(1.05) contrast(1.02)}
.systemSpec{padding:90px 20px;background:#f8f9fa}
.systemSpecContainer{max-width:1140px;margin:0 auto}
.systemSpec h2{font-size:38px;line-height:1.25;color:#1a1a1a;margin:0 0 18px;font-weight:700}
.systemSpec h2::after{content:'';display:block;width:70px;height:4px;background:linear-gradient(90deg,#930803 0%,#FF6503 100%);margin-top:16px;border-radius:2px}
.specIntroText{font-size:18px;line-height:1.7;color:#3a3a3a;max-width:800px;margin:0 0 56px}
.requirementGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.requirementCard{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 16px #0000000f;transition:all 220ms ease;border:1px solid #e8e8e8}
.requirementCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #9308031f;border-color:#FF6503}
.requirementCard h3{font-size:24px;color:#930803;margin:0 0 20px;font-weight:600;display:flex;align-items:center;gap:12px}
.requirementCard h3::before{content:'';width:8px;height:8px;background:#0895D6;border-radius:50%;flex-shrink:0}
.requirementCard ul{list-style:none;padding:0;margin:0}
.requirementCard li{font-size:16px;line-height:1.6;color:#4a4a4a;padding:12px 0 12px 28px;position:relative;border-bottom:1px solid #f2f2f2}
.requirementCard li:last-child{border-bottom:none}
.requirementCard li::before{content:'';position:absolute;left:0;top:20px;width:16px;height:2px;background:#FF6503}
.requirementCard li strong{color:#1a1a1a;font-weight:600}
.accessibilitySection{padding:100px 20px;background:linear-gradient(135deg,#fff 0%,#f4f4f4 100%);position:relative}
.accessibilitySection::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#930803 0%,#FF6503 50%,#0895D6 100%)}
.accessibilityWrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.accessContentBox h2{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.accessContentBox h2 span{color:#930803;position:relative;display:inline-block}
.accessContentBox h2 span::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,#FF6503 0%,#0895D6 100%)}
.accessDescription{font-size:17px;line-height:1.75;color:#3a3a3a;margin:0 0 32px}
.accessFeatureList{display:flex;flex-direction:column;gap:18px}
.accessFeatureItem{display:flex;align-items:flex-start;gap:16px;padding:18px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:all 180ms ease}
.accessFeatureItem:hover{box-shadow:0 4px 16px #9308031a;transform:translateX(6px)}
.featureIconCircle{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#930803 0%,#FF6503 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.featureIconCircle svg{width:22px;height:22px;fill:#fff}
.featureTextBlock h4{font-size:18px;color:#1a1a1a;margin:0 0 6px;font-weight:600}
.featureTextBlock p{font-size:15px;line-height:1.5;color:#5a5a5a;margin:0}
.accessImageSet{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.accessImageSet img{width:100%;height:280px;object-fit:cover;border-radius:10px;box-shadow:0 6px 20px #0000001f}
.accessImageSet img:first-child{grid-column:1 / 2;grid-row:1 / 3;height:580px}
@media (max-width: 968px) {
.pageHeader h1{font-size:42px}
.headerSubtitle{font-size:18px}
.requirementGrid{grid-template-columns:1fr;gap:24px}
.requirementCard{padding:32px}
.accessibilityWrap{grid-template-columns:1fr;gap:48px}
.accessImageSet{grid-template-columns:1fr}
.accessImageSet img:first-child{grid-column:1 / 2;grid-row:1 / 2;height:280px}
.systemSpec h2{font-size:32px}
.accessContentBox h2{font-size:34px}
}
@media (max-width: 640px) {
.pageHeader{padding:60px 20px 80px}
.pageHeader h1{font-size:34px}
.headerSubtitle{font-size:16px}
.systemSpec{padding:60px 20px}
.systemSpec h2{font-size:28px}
.specIntroText{font-size:16px;margin-bottom:40px}
.requirementCard{padding:24px}
.requirementCard h3{font-size:20px}
.accessibilitySection{padding:70px 20px}
.accessContentBox h2{font-size:28px}
.accessDescription{font-size:16px}
.accessFeatureItem{padding:14px}
.featureIconCircle{width:38px;height:38px}
.featureIconCircle svg{width:18px;height:18px}
.featureTextBlock h4{font-size:16px}
.featureTextBlock p{font-size:14px}
}
.titleBlock{background:linear-gradient(145deg,#930803 0%,#FF6503 55%,#0895D6 100%);padding:80px 20px;position:relative;overflow:hidden}
.titleBlock::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80'%3E%3Cpath fill='%23ffffff' d='M0,40 Q300,0 600,40 T1200,40 L1200,80 L0,80 Z'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover}
.titleBlock .wrapper{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.titleBlock .textZone h1{font-size:48px;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.2}
.titleBlock .textZone p{font-size:18px;color:#fff;line-height:1.7;margin:0;opacity:.95}
.titleBlock .imageZone img{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 32px #0003;filter:brightness(1.15) contrast(1.05)}
.feedbackSection{padding:80px 20px;background:#f8f9fa}
.feedbackSection .container{max-width:1140px;margin:0 auto}
.feedbackSection h2{font-size:36px;font-weight:700;color:#930803;margin:0 0 16px;text-align:center}
.feedbackSection .intro{font-size:17px;color:#495057;line-height:1.7;text-align:center;max-width:780px;margin:0 auto 50px}
.feedbackChannels{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.channelCard{background:#fff;padding:36px 28px;border-radius:12px;border:2px solid #e9ecef;transition:all .2s ease;position:relative}
.channelCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#930803 0%,#FF6503 100%);border-radius:12px 0 0 12px;opacity:0;transition:opacity .2s ease}
.channelCard:hover{border-color:#930803;box-shadow:0 8px 24px #93080326}
.channelCard:hover::before{opacity:1}
.channelCard h3{font-size:22px;font-weight:600;color:#212529;margin:0 0 14px}
.channelCard p{font-size:15px;color:#6c757d;line-height:1.6;margin:0 0 20px}
.channelCard .method{display:flex;align-items:center;gap:10px;font-size:14px;color:#0895D6;font-weight:500}
.communitySection{padding:80px 20px;background:#fff}
.communitySection .container{max-width:1140px;margin:0 auto}
.communityLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}
.communityContent h2{font-size:36px;font-weight:700;color:#930803;margin:0 0 24px}
.communityContent .description{font-size:17px;color:#495057;line-height:1.7;margin:0 0 36px}
.dialogueFeatures{display:flex;flex-direction:column;gap:20px}
.featureItem{display:flex;gap:16px;padding:20px;background:#f8f9fa;border-radius:8px;border-left:3px solid #FF6503;transition:all .2s ease}
.featureItem:hover{background:#fff5f0;border-left-color:#930803;transform:translateX(4px)}
.featureItem .iconArea{flex-shrink:0;width:44px;height:44px;background:linear-gradient(135deg,#930803 0%,#FF6503 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}
.featureItem .textArea h4{font-size:18px;font-weight:600;color:#212529;margin:0 0 8px}
.featureItem .textArea p{font-size:15px;color:#6c757d;line-height:1.6;margin:0}
.communityVisual img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #0000001a}
.accessibilitySection{padding:80px 20px;background:linear-gradient(160deg,#f8f9fa 0%,#e9ecef 100%)}
.accessibilitySection .container{max-width:1140px;margin:0 auto}
.accessibilitySection h2{font-size:36px;font-weight:700;color:#930803;margin:0 0 20px;text-align:center}
.accessibilitySection .tagline{font-size:17px;color:#495057;text-align:center;margin:0 0 50px;max-width:700px;margin-left:auto;margin-right:auto}
.accessGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.accessCard{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 16px #00000014;transition:all .2s ease;position:relative;overflow:hidden}
.accessCard::after{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,#0895d61a 0%,transparent 70%);border-radius:50%;transform:translate(40px,-40px)}
.accessCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}
.accessCard .label{display:inline-block;padding:6px 14px;background:linear-gradient(90deg,#930803 0%,#FF6503 100%);color:#fff;font-size:13px;font-weight:600;border-radius:20px;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}
.accessCard h3{font-size:22px;font-weight:600;color:#212529;margin:0 0 14px}
.accessCard p{font-size:15px;color:#6c757d;line-height:1.6;margin:0}
.responsibilitySection{padding:80px 20px;background:#fff}
.responsibilitySection .container{max-width:1140px;margin:0 auto}
.responsibilityLayout{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}
.responsibilityVisual{position:relative}
.responsibilityVisual img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #0000001a}
.responsibilityContent h2{font-size:36px;font-weight:700;color:#930803;margin:0 0 24px}
.responsibilityContent .narrative{font-size:17px;color:#495057;line-height:1.7;margin:0 0 32px}
.commitmentList{display:flex;flex-direction:column;gap:18px}
.commitmentItem{display:flex;align-items:start;gap:14px;padding:18px 20px;background:#f8f9fa;border-radius:8px;transition:all .18s ease}
.commitmentItem:hover{background:#fff5f0}
.commitmentItem::before{content:'✓';flex-shrink:0;width:28px;height:28px;background:linear-gradient(135deg,#930803 0%,#FF6503 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin-top:2px}
.commitmentItem p{font-size:15px;color:#495057;line-height:1.6;margin:0;flex:1}
.testimonialsSection{padding:80px 20px;background:linear-gradient(150deg,#f8f9fa 0%,#fff 100%)}
.testimonialsSection .container{max-width:1140px;margin:0 auto}
.testimonialsSection h2{font-size:36px;font-weight:700;color:#930803;margin:0 0 16px;text-align:center}
.testimonialsSection .subheading{font-size:17px;color:#495057;text-align:center;margin:0 0 50px}
.testimonialsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.testimonialCard{background:#fff;padding:36px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:2px solid #e9ecef;transition:all .2s ease;position:relative}
.testimonialCard::before{content:'"';position:absolute;top:20px;left:24px;font-size:72px;color:#93080314;font-family:Georgia,serif;line-height:1}
.testimonialCard:hover{border-color:#0895D6;box-shadow:0 12px 32px #0000001f}
.testimonialHeader{display:flex;align-items:center;gap:16px;margin:0 0 20px;position:relative;z-index:2}
.testimonialHeader img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #e9ecef}
.testimonialMeta h4{font-size:18px;font-weight:600;color:#212529;margin:0 0 4px}
.testimonialMeta .role{font-size:14px;color:#6c757d;margin:0}
.testimonialText{font-size:15px;color:#495057;line-height:1.7;margin:0;position:relative;z-index:2}
@media (max-width: 992px) {
.titleBlock .wrapper{grid-template-columns:1fr;gap:40px}
.titleBlock .textZone h1{font-size:38px}
.feedbackChannels{grid-template-columns:1fr}
.communityLayout{grid-template-columns:1fr;gap:40px}
.accessGrid{grid-template-columns:1fr}
.responsibilityLayout{grid-template-columns:1fr;gap:40px}
.testimonialsGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.titleBlock{padding:60px 20px}
.titleBlock .textZone h1{font-size:32px}
.titleBlock .textZone p{font-size:16px}
.feedbackSection,.communitySection,.accessibilitySection,.responsibilitySection,.testimonialsSection{padding:60px 20px}
.feedbackSection h2,.communityContent h2,.accessibilitySection h2,.responsibilityContent h2,.testimonialsSection h2{font-size:28px}
.channelCard{padding:28px 20px}
}
.heroContact{background:linear-gradient(135deg,#930803 0%,#FF6503 45%,#0895D6 100%);padding:100px 20px 80px;position:relative;overflow:hidden}
.heroContact::before,.heroContact::after{content:'';position:absolute;width:8px;height:8px;background:#ffffff4d;border-radius:50%}
.heroContact::before{top:30px;left:30px;box-shadow:15px 0 0 #ffffff4d 30px 0 0 #ffffff4d 45px 0 0 #ffffff4d}
.heroContact::after{bottom:30px;right:30px;box-shadow:-15px 0 0 #ffffff4d -30px 0 0 #ffffff4d -45px 0 0 #ffffff4d}
.heroContact .wrapCenter{max-width:1140px;margin:0 auto;text-align:center}
.heroContact .mainTitle{font-size:48px;color:#fff;margin:0 0 16px;font-weight:700;line-height:1.2}
.heroContact .numAccent{color:#FFE5D9;font-size:58px}
.heroContact .subText{font-size:20px;color:#fffffff2;max-width:680px;margin:0 auto;line-height:1.6}
.infoBlock{padding:80px 20px;background:#f8f9fa}
.infoBlock .containerCenter{max-width:1140px;margin:0 auto}
.infoBlock .gridThree{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.infoBlock .contactCard{background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:transform 180ms ease,box-shadow 180ms ease;text-align:center}
.infoBlock .contactCard:hover{transform:translateY(-8px);box-shadow:0 12px 24px #93080326}
.infoBlock .iconCircle{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#930803,#FF6503);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.infoBlock .iconCircle i{font-size:32px;color:#fff}
.infoBlock .cardTitle{font-size:22px;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.infoBlock .cardDetail{font-size:16px;color:#555;line-height:1.6;margin:0}
.infoBlock .cardDetail a{color:#930803;text-decoration:none;transition:color 160ms ease}
.infoBlock .cardDetail a:hover{color:#FF6503}
.formSection{padding:90px 20px;background:#fff;position:relative}
.formSection::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#930803 0%,#FF6503 50%,#0895D6 100%)}
.formSection .wrapForm{max-width:780px;margin:0 auto}
.formSection .sectionHeader{text-align:center;margin-bottom:50px}
.formSection .headerTitle{font-size:38px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.formSection .headerDesc{font-size:18px;color:#666;line-height:1.6;max-width:600px;margin:0 auto}
.formSection .formBox{background:#f8f9fa;padding:50px 40px;border-radius:14px;box-shadow:0 6px 18px #0000000f}
.formSection .fieldGroup{margin-bottom:28px}
.formSection .labelText{display:block;font-size:15px;font-weight:600;color:#2a2a2a;margin-bottom:10px}
.formSection .inputField{width:100%;padding:14px 18px;font-size:16px;border:2px solid #d1d5db;border-radius:8px;background:#fff;transition:border-color 160ms ease,box-shadow 160ms ease;box-sizing:border-box}
.formSection .inputField:focus{outline:none;border-color:#930803;box-shadow:0 0 0 3px #9308031a}
.formSection .selectWrap{position:relative}
.formSection .selectWrap::after{content:'▼';position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:#666;font-size:12px}
.formSection .selectField{width:100%;padding:14px 18px;font-size:16px;border:2px solid #d1d5db;border-radius:8px;background:#fff;appearance:none;transition:border-color 160ms ease,box-shadow 160ms ease;box-sizing:border-box;cursor:pointer}
.formSection .selectField:focus{outline:none;border-color:#930803;box-shadow:0 0 0 3px #9308031a}
.formSection .radioGroup{display:flex;flex-direction:column;gap:14px}
.formSection .radioOption{display:flex;align-items:center;padding:14px 18px;background:#fff;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:border-color 160ms ease,background-color 160ms ease}
.formSection .radioOption:hover{border-color:#FF6503;background:#fffbf7}
.formSection .radioInput{margin-right:12px;width:20px;height:20px;cursor:pointer;accent-color:#930803}
.formSection .radioLabel{font-size:16px;color:#2a2a2a;cursor:pointer;flex:1}
.formSection .radioInput:checked + .radioLabel{font-weight:600;color:#930803}
.formSection .privacyBox{margin-top:30px;margin-bottom:30px}
.formSection .checkboxWrap{display:flex;align-items:flex-start;gap:12px}
.formSection .checkboxInput{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#930803;flex-shrink:0}
.formSection .privacyText{font-size:14px;color:#555;line-height:1.6}
.formSection .privacyText a{color:#930803;text-decoration:underline;transition:color 160ms ease}
.formSection .privacyText a:hover{color:#FF6503}
.formSection .submitBtn{width:100%;padding:16px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#930803,#FF6503);border:none;border-radius:10px;cursor:pointer;transition:transform 180ms ease,box-shadow 180ms ease;box-shadow:0 4px 12px #9308034d}
.formSection .submitBtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #93080366}
.formSection .submitBtn:active{transform:translateY(0)}
.hoursSection{padding:80px 20px;background:linear-gradient(178deg,#930803 0%,#FF6503 50%,#0895D6 100%);position:relative}
.hoursSection .containerHours{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hoursSection .textSide{color:#fff}
.hoursSection .titleHours{font-size:40px;margin:0 0 20px;font-weight:700;line-height:1.3}
.hoursSection .descHours{font-size:18px;line-height:1.7;opacity:.95;margin:0}
.hoursSection .scheduleBox{background:#fffffff2;padding:40px 36px;border-radius:12px;box-shadow:0 8px 24px #00000026}
.hoursSection .scheduleTitle{font-size:24px;color:#1a1a1a;margin:0 0 26px;font-weight:600}
.hoursSection .dayRow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5e7eb}
.hoursSection .dayRow:last-child{border-bottom:none}
.hoursSection .dayName{font-size:16px;color:#2a2a2a;font-weight:500}
.hoursSection .dayTime{font-size:16px;color:#666}
.mapAlternative{padding:90px 20px;background:#f8f9fa}
.mapAlternative .containerMap{max-width:1140px;margin:0 auto}
.mapAlternative .mapHeader{text-align:center;margin-bottom:50px}
.mapAlternative .mapTitle{font-size:36px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.mapAlternative .mapDesc{font-size:17px;color:#666;line-height:1.6;max-width:640px;margin:0 auto}
.mapAlternative .locationGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.mapAlternative .addressBox{background:#fff;padding:44px 36px;border-radius:12px;box-shadow:0 4px 16px #00000014}
.mapAlternative .addressTitle{font-size:26px;color:#930803;margin:0 0 24px;font-weight:600;position:relative;padding-bottom:12px}
.mapAlternative .addressTitle::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#930803,#FF6503)}
.mapAlternative .addressLine{font-size:18px;color:#2a2a2a;line-height:1.8;margin:0 0 10px;display:flex;align-items:baseline}
.mapAlternative .addressLine strong{min-width:90px;color:#666;font-weight:500}
.mapAlternative .imageBox{border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #0000001f;position:relative}
.mapAlternative .imageBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#9308034d,#ff650333);pointer-events:none;z-index:1}
.mapAlternative .locationImg{width:100%;height:420px;object-fit:cover;display:block}
@media (max-width: 968px) {
.heroContact{padding:70px 20px 60px}
.heroContact .mainTitle{font-size:36px}
.heroContact .numAccent{font-size:44px}
.heroContact .subText{font-size:18px}
.infoBlock{padding:60px 20px}
.infoBlock .gridThree{gap:30px}
.formSection{padding:70px 20px}
.formSection .headerTitle{font-size:32px}
.formSection .formBox{padding:40px 30px}
.hoursSection{padding:60px 20px}
.hoursSection .containerHours{grid-template-columns:1fr;gap:40px}
.hoursSection .titleHours{font-size:34px}
.mapAlternative{padding:70px 20px}
.mapAlternative .mapTitle{font-size:30px}
.mapAlternative .locationGrid{grid-template-columns:1fr;gap:40px}
.mapAlternative .locationImg{height:340px}
}
@media (max-width: 640px) {
.heroContact{padding:50px 16px 40px}
.heroContact .mainTitle{font-size:28px}
.heroContact .numAccent{font-size:36px}
.heroContact .subText{font-size:16px}
.infoBlock{padding:50px 16px}
.infoBlock .gridThree{grid-template-columns:1fr;gap:24px}
.infoBlock .contactCard{padding:32px 24px}
.formSection{padding:50px 16px}
.formSection .headerTitle{font-size:26px}
.formSection .formBox{padding:32px 24px}
.formSection .radioGroup{gap:12px}
.hoursSection{padding:50px 16px}
.hoursSection .titleHours{font-size:28px}
.hoursSection .scheduleBox{padding:32px 24px}
.mapAlternative{padding:50px 16px}
.mapAlternative .mapTitle{font-size:26px}
.mapAlternative .addressBox{padding:32px 24px}
.mapAlternative .locationImg{height:280px}
}
.titleMainSection{background:linear-gradient(178deg,#930803 0%,#FF6503 50%,#0895D6 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.titleMainSection::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,#ffffff08 0px,transparent 1px,transparent 40px,#ffffff08 41px),repeating-linear-gradient(90deg,#ffffff08 0px,transparent 1px,transparent 40px,#ffffff08 41px);opacity:.4}
.centerHeroContent{max-width:1140px;margin:0 auto;text-align:center;position:relative;z-index:2}
.mainTitleText{font-size:62px;font-weight:700;color:#fff;margin:0 0 40px;line-height:1.2;text-shadow:0 4px 12px #00000026}
.heroActionButton{display:inline-block;background:#fff;color:#930803;padding:18px 48px;font-size:18px;font-weight:600;border-radius:12px;text-decoration:none;transition:all 200ms ease;box-shadow:0 8px 20px #0003;position:relative;z-index:10}
.heroActionButton:hover{background:#f5f5f5;transform:translateY(-3px);box-shadow:0 12px 28px #00000040}
.detailedProgramSection{padding:90px 20px;background:#f8f9fa}
.programContentWrapper{max-width:1140px;margin:0 auto}
.gridLayoutProgram{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin-top:50px}
.programModuleCard{background:#fff;border-radius:14px;padding:40px 32px;box-shadow:0 6px 18px #00000014;transition:all 180ms ease;border-left:5px solid #0895D6}
.programModuleCard:nth-child(2){border-left-color:#FF6503}
.programModuleCard:nth-child(3){border-left-color:#930803}
.programModuleCard:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0000001f}
.moduleHeadingText{font-size:26px;font-weight:700;color:#1a1a1a;margin:0 0 18px}
.moduleDescriptionText{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0 0 24px}
.moduleListItems{list-style:none;padding:0;margin:0}
.moduleListItems li{font-size:15px;color:#5a5a5a;padding:10px 0 10px 28px;position:relative;line-height:1.5}
.moduleListItems li::before{content:'→';position:absolute;left:0;color:#0895D6;font-weight:700}
.sectionTitleProgram{font-size:44px;font-weight:700;color:#1a1a1a;margin:0 0 16px;position:relative;display:inline-block}
.sectionTitleProgram::after{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#930803 0%,#FF6503 100%);border-radius:2px}
.sectionSubtitleProgram{font-size:18px;color:#6a6a6a;line-height:1.6;max-width:720px}
.instructorShowcaseSection{padding:100px 20px;background:linear-gradient(135deg,#fff 0%,#f0f4f8 100%);position:relative}
.instructorContainerLayout{max-width:1140px;margin:0 auto}
.instructorFlexDisplay{display:flex;align-items:center;gap:60px;margin-top:50px}
.instructorImageColumn{flex:0 0 380px;position:relative}
.instructorMainImage{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 10px 40px #93080326}
.instructorContentColumn{flex:1}
.instructorNameTitle{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.instructorRoleLabel{font-size:18px;color:#930803;font-weight:600;margin:0 0 28px;text-transform:uppercase;letter-spacing:1px}
.instructorBioText{font-size:16px;line-height:1.8;color:#3a3a3a;margin:0 0 20px}
.instructorStatsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}
.statCardItem{background:#fff;padding:24px 20px;border-radius:10px;text-align:center;box-shadow:0 4px 12px #0000000f;border-top:3px solid #0895D6}
.statNumberDisplay{font-size:32px;font-weight:700;color:#930803;margin:0 0 6px}
.statLabelText{font-size:14px;color:#6a6a6a;margin:0}
.participantFeedbackSection{padding:90px 20px;background:#fff}
.feedbackWrapperContainer{max-width:1140px;margin:0 auto}
.testimonialAsymmetricLayout{display:grid;grid-template-columns:2fr 3fr;gap:50px;align-items:start;margin-top:50px}
.testimonialLeftColumn{position:relative}
.testimonialImageFirst{width:100%;height:420px;object-fit:cover;border-radius:14px;box-shadow:0 8px 24px #0000001a}
.testimonialImageSecond{width:180px;height:180px;object-fit:cover;border-radius:12px;position:absolute;bottom:-30px;right:-30px;border:6px solid #fff;box-shadow:0 6px 20px #0000001f}
.testimonialRightColumn{display:flex;flex-direction:column;gap:32px}
.testimonialCardBox{background:#f8f9fa;padding:35px 32px;border-radius:12px;border-left:4px solid #FF6503;position:relative}
.testimonialQuoteText{font-size:16px;line-height:1.7;color:#2a2a2a;margin:0 0 20px;font-style:italic}
.testimonialAuthorName{font-size:17px;font-weight:700;color:#1a1a1a;margin:0 0 4px}
.testimonialAuthorRole{font-size:14px;color:#6a6a6a;margin:0}
.feedbackSectionTitle{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 14px}
.feedbackSectionSubtitle{font-size:17px;color:#5a5a5a;line-height:1.6;max-width:680px}
@media (max-width: 992px) {
.gridLayoutProgram{grid-template-columns:1fr;gap:28px}
.instructorFlexDisplay{flex-direction:column;gap:40px}
.instructorImageColumn{flex:0 0 auto;width:100%}
.instructorMainImage{height:380px}
.instructorStatsGrid{grid-template-columns:repeat(3,1fr)}
.testimonialAsymmetricLayout{grid-template-columns:1fr;gap:40px}
.testimonialImageSecond{position:static;margin-top:20px}
}
@media (max-width: 768px) {
.mainTitleText{font-size:42px}
.titleMainSection{padding:80px 20px 70px}
.heroActionButton{padding:16px 36px;font-size:16px}
.sectionTitleProgram{font-size:34px}
.moduleHeadingText{font-size:22px}
.instructorNameTitle{font-size:30px}
.instructorStatsGrid{grid-template-columns:1fr}
.feedbackSectionTitle{font-size:34px}
}
.successContainer{max-width:1140px;margin:0 auto;padding:0 20px}
.heroSuccess{min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(178deg,#930803 0%,#FF6503 50%,#0895D6 100%)}
.heroSuccess::before{content:'';position:absolute;width:400px;height:400px;background:#ffffff14;border-radius:50%;top:-100px;right:-100px;animation:floatDecor 8s ease-in-out infinite}
.heroSuccess::after{content:'';position:absolute;width:300px;height:300px;background:#ffffff0d;border-radius:50%;bottom:-80px;left:-80px;animation:floatDecor 10s ease-in-out infinite reverse}
@keyframes floatDecor {
0%,100%{transform:translateY(0) translateX(0)}
50%{transform:translateY(-30px) translateX(20px)}
}
.centerContent{text-align:center;position:relative;z-index:2;max-width:680px;padding:60px 20px}
.iconSuccessWrap{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:#fffffff2;border-radius:50%;margin-bottom:32px;box-shadow:0 12px 32px #00000026;animation:scaleIn .6s ease-out}
@keyframes scaleIn {
0%{transform:scale(0.3);opacity:0}
100%{transform:scale(1);opacity:1}
}
.iconSuccessWrap i{font-size:54px;color:#0895D6}
.mainHeadingSuccess{font-size:48px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2;animation:fadeSlideUp .8s ease-out .2s both}
.subtextSuccess{font-size:20px;color:#ffffffeb;margin:0 0 40px;line-height:1.6;animation:fadeSlideUp .8s ease-out .4s both}
@keyframes fadeSlideUp {
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
.actionButtonSuccess{display:inline-block;padding:16px 48px;background:#fff;color:#930803;font-size:18px;font-weight:600;text-decoration:none;border-radius:12px;transition:all .2s ease;box-shadow:0 8px 24px #0003;animation:fadeSlideUp .8s ease-out .6s both;position:relative;z-index:10}
.actionButtonSuccess:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000040;background:#f8f8f8}
.actionButtonSuccess:active{transform:translateY(-1px)}
.decorativeShapes{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}
.shapeOne{position:absolute;width:180px;height:180px;border:3px solid #ffffff1a;border-radius:16px;top:15%;left:8%;transform:rotate(25deg);animation:rotateShape 15s linear infinite}
.shapeTwo{position:absolute;width:140px;height:140px;border:3px solid #ffffff14;border-radius:50%;bottom:20%;right:12%;animation:rotateShape 20s linear infinite reverse}
.shapeThree{position:absolute;width:100px;height:100px;border:3px solid #ffffff0f;border-radius:12px;top:60%;left:15%;transform:rotate(-15deg);animation:rotateShape 18s linear infinite}
@keyframes rotateShape {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@media (max-width: 768px) {
.mainHeadingSuccess{font-size:36px}
.subtextSuccess{font-size:18px}
.iconSuccessWrap{width:100px;height:100px}
.iconSuccessWrap i{font-size:44px}
.actionButtonSuccess{padding:14px 36px;font-size:16px}
.shapeOne,.shapeTwo,.shapeThree{display:none}
.heroSuccess::before,.heroSuccess::after{width:250px;height:250px}
}
@media (max-width: 480px) {
.mainHeadingSuccess{font-size:28px}
.subtextSuccess{font-size:16px;margin:0 0 32px}
.centerContent{padding:40px 20px}
.iconSuccessWrap{width:90px;height:90px;margin-bottom:24px}
.iconSuccessWrap i{font-size:38px}
}