*{box-sizing:inherit}
html{box-sizing:border-box}
body{margin:0;padding:0;font-family:'EB Garamond',serif;background:linear-gradient(147deg,#FFF 0%,#e8f4fc 100%);color:#1a1a1a;line-height:1.6}
.utilityBar{background:linear-gradient(123deg,#3509AE 0%,#5a2bc7 100%);padding:8px 0}
.utilityBar-content{max-width:1024px;margin:0 auto;padding:0 20px}
.contactInfo{display:flex;gap:30px;justify-content:flex-end;flex-wrap:wrap}
.contactItem{color:#FFF;font-size:14px;display:flex;align-items:center;gap:6px}
.contactItem .typcn{font-size:18px}
.mainHeader{background:#FFF;box-shadow:0 4px 12px #3509ae14;padding:20px 0}
.headerContent{max-width:1024px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}
.logoBox{display:flex;align-items:center}
.logoLink{display:block;line-height:0}
.logoImg{height:95px;width:95px;object-fit:contain}
.brandName{text-align:center}
.companyTitle{margin:0;font-size:42px;font-weight:700;color:#3509AE;text-transform:lowercase;letter-spacing:1px}
.navBox{display:flex;justify-content:flex-end}
.navList{list-style:none;margin:0;padding:0;display:flex;gap:8px}
.navItem{margin:0}
.navLink{display:block;padding:10px 18px;color:#1a1a1a;text-decoration:none;font-size:16px;font-weight:400;transition:background-color .2s ease-in,color .2s ease-in;border-radius:8px}
.navLink:hover{background-color:#f0f0f0;color:#3509AE}
.footerFloat{background:linear-gradient(167deg,#1a1a1a 0%,#2d2d2d 100%);padding:50px 0 20px;margin-top:80px;box-shadow:0 -8px 20px #00000026}
.footerContent{max-width:1024px;margin:0 auto;padding:0 20px}
.footerGrid{display:grid;grid-template-columns:2fr 1fr 2fr;gap:40px;margin-bottom:40px}
.footerCol{color:#FFF}
.footerCol--wide{grid-column:span 1}
.footerHeading{font-size:20px;font-weight:700;margin:0 0 20px;color:#00A8F2}
.footerText{font-size:15px;margin:0 0 20px;line-height:1.7}
.footerAddress{margin-top:20px}
.addressLine{font-size:14px;margin:8px 0;display:flex;align-items:center;gap:8px}
.addressLine .typcn{font-size:18px;color:#00A8F2}
.footerLinks{list-style:none;margin:0;padding:0}
.footerLinkItem{margin:0 0 12px}
.footerLink{color:#FFF;text-decoration:none;font-size:15px;transition:color .2s ease-in}
.footerLink:hover{color:#00A8F2}
.disclaimerText{font-size:14px;line-height:1.8;color:#d0d0d0;margin:0}
.footerBottom{border-top:1px solid #404040;padding-top:20px;text-align:center}
.copyrightText{font-size:14px;color:#a0a0a0;margin:0}
@media (max-width: 768px) {
.headerContent{grid-template-columns:1fr;gap:20px;text-align:center}
.logoBox{justify-content:center}
.logoImg{height:75px;width:75px}
.companyTitle{font-size:32px}
.navBox{justify-content:center}
.navList{flex-wrap:wrap;justify-content:center}
.contactInfo{justify-content:center;gap:15px}
.footerGrid{grid-template-columns:1fr;gap:30px}
.footerCol--wide{grid-column:span 1}
}
@media (max-width: 480px) {
.navList{flex-direction:column;gap:4px;width:100%}
.navLink{text-align:center}
.contactInfo{flex-direction:column;gap:8px;align-items:center}
}
.policy-body{max-width:1024px;margin:0 auto;padding:60px 24px;background:linear-gradient(135deg,#FFF 0%,#f8f9ff 100%)}
.policy-body h1{font-size:2.5rem;line-height:1.2;color:#3509AE;margin:0 0 48px;font-weight:700;letter-spacing:-.5px}
.policy-body h2{font-size:1.875rem;line-height:1.3;color:#3509AE;margin:56px 0 24px;font-weight:600;border-bottom:3px solid #00A8F2;padding-bottom:12px}
.policy-body h3{font-size:1.5rem;line-height:1.4;color:#2a0788;margin:40px 0 20px;font-weight:600}
.policy-body h4{font-size:1.25rem;line-height:1.4;color:#3509AE;margin:32px 0 16px;font-weight:600}
.policy-body h5{font-size:1.125rem;line-height:1.5;color:#2a0788;margin:28px 0 14px;font-weight:600}
.policy-body h6{font-size:1rem;line-height:1.5;color:#3509AE;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.policy-body p{font-size:1.0625rem;line-height:1.75;color:#2d3748;margin:0 0 20px;text-align:justify}
.policy-body ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:none}
.policy-body ul li{font-size:1.0625rem;line-height:1.75;color:#2d3748;margin:0 0 12px;position:relative;padding-left:8px}
.policy-body ul li::before{content:'';position:absolute;left:-20px;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#3509AE 0%,#00A8F2 100%);border-radius:12px}
.policy-body ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal;list-style-position:outside}
.policy-body ol li{font-size:1.0625rem;line-height:1.75;color:#2d3748;margin:0 0 12px;padding-left:8px}
.policy-body ol li::marker{color:#3509AE;font-weight:600}
.policy-body em{font-style:italic;color:#2a0788}
.policy-body i{font-style:italic;color:#2a0788}
.policy-body a{color:#00A8F2;text-decoration:underline;transition:all .3s ease-in;font-weight:500}
.policy-body a:hover{color:#3509AE;text-decoration:none}
.policy-body a:focus{outline:2px solid #00A8F2;outline-offset:2px;border-radius:4px}
.policy-body table{width:100%;margin:32px 0;border-collapse:separate;border-spacing:0;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #3509ae14}
.policy-body thead{background:linear-gradient(135deg,#3509AE 0%,#2a0788 100%)}
.policy-body thead tr{border:none}
.policy-body thead th{padding:16px 20px;text-align:left;font-size:1rem;font-weight:600;color:#FFF;border-bottom:3px solid #00A8F2}
.policy-body tbody{background:#FFF}
.policy-body tbody tr{transition:background .3s ease-in;border-bottom:1px solid #e2e8f0}
.policy-body tbody tr:last-child{border-bottom:none}
.policy-body tbody tr:hover{background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%)}
.policy-body tbody td{padding:16px 20px;font-size:1.0625rem;line-height:1.6;color:#2d3748;border-right:1px solid #e2e8f0}
.policy-body tbody td:last-child{border-right:none}
.policy-body th{font-weight:600}
.policy-body tr{transition:all .3s ease-in}
@media (max-width: 768px) {
.policy-body{padding:40px 20px}
.policy-body h1{font-size:2rem;margin:0 0 32px}
.policy-body h2{font-size:1.5rem;margin:40px 0 20px}
.policy-body h3{font-size:1.25rem;margin:32px 0 16px}
.policy-body h4{font-size:1.125rem;margin:28px 0 14px}
.policy-body p{font-size:1rem;text-align:left}
.policy-body ul li{font-size:1rem}
.policy-body ol li{font-size:1rem}
.policy-body table{display:block;overflow-x:auto;margin:24px 0}
.policy-body thead th{padding:12px 16px;font-size:.9375rem}
.policy-body tbody td{padding:12px 16px;font-size:1rem}
}
@media (max-width: 480px) {
.policy-body{padding:32px 16px}
.policy-body h1{font-size:1.75rem;margin:0 0 24px}
.policy-body h2{font-size:1.375rem;margin:32px 0 16px;padding-bottom:8px}
.policy-body ul{padding:0 0 0 24px}
.policy-body ol{padding:0 0 0 24px}
.policy-body thead th{padding:10px 12px;font-size:.875rem}
.policy-body tbody td{padding:10px 12px;font-size:.9375rem}
}
.heroWrapper{position:relative;width:100%;max-width:1024px;margin:60px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.heroText{position:relative;z-index:2}
.heroText h1{font-size:48px;line-height:1.1;color:#3509AE;margin:0 0 16px;font-weight:700}
.heroText h2{font-size:24px;line-height:1.3;color:#00A8F2;margin:0 0 24px;font-weight:600}
.heroText p{font-size:16px;line-height:1.6;color:#333;margin:0 0 32px}
.heroImage{position:relative}
.heroImage img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #3509ae26;filter:blur(0.3px)}
.heroWrapper::before{content:'';position:absolute;top:-40px;right:-60px;width:400px;height:400px;background:linear-gradient(135deg,#3509ae14 0%,#00a8f214 100%);border-radius:50%;z-index:1}
.ctaButton{display:inline-block;padding:14px 32px;background:linear-gradient(120deg,#3509AE 0%,#00A8F2 100%);color:#FFF;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;transition:transform .3s ease-in,box-shadow .3s ease-in;box-shadow:0 4px 12px #3509ae40;z-index:10;position:relative}
.ctaButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3509ae59}
.statsContainer{width:100%;max-width:1024px;margin:80px auto;padding:0 20px}
.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;background:linear-gradient(140deg,#3509ae0d 0%,#00a8f20d 100%);padding:48px;border-radius:16px}
.statBox{text-align:center}
.statBox .number{font-size:42px;font-weight:700;color:#3509AE;display:block;margin-bottom:8px}
.statBox .label{font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}
.flexibilitySection{width:100%;max-width:1024px;margin:80px auto;padding:0 20px}
.flexibilityContent{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.flexibilityImage img{width:100%;height:auto;border-radius:12px;box-shadow:0 6px 18px #00a8f233}
.flexibilityText h3{font-size:36px;color:#3509AE;margin:0 0 20px;font-weight:700}
.flexibilityText p{font-size:16px;line-height:1.7;color:#444;margin:0 0 16px}
.flexibilityList{list-style:none;padding:0;margin:24px 0 0}
.flexibilityList li{padding:12px 0 12px 32px;position:relative;font-size:15px;color:#333;line-height:1.6}
.flexibilityList li::before{content:'';position:absolute;left:0;top:16px;width:16px;height:16px;background:linear-gradient(135deg,#3509AE 0%,#00A8F2 100%);border-radius:50%}
.networkArea{width:100%;background:linear-gradient(160deg,#3509AE 0%,#00A8F2 100%);padding:72px 20px;margin:80px 0}
.networkBox{max-width:1024px;margin:0 auto;text-align:center}
.networkBox h3{font-size:38px;color:#FFF;margin:0 0 24px;font-weight:700}
.networkBox p{font-size:17px;line-height:1.7;color:#fffffff2;margin:0 auto 32px;max-width:720px}
.networkFeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.featureCard{background:#ffffff1f;padding:32px 24px;border-radius:12px;backdrop-filter:blur(8px)}
.featureCard .icon{font-size:48px;color:#FFF;margin-bottom:16px}
.featureCard h4{font-size:20px;color:#FFF;margin:0 0 12px;font-weight:600}
.featureCard p{font-size:15px;color:#ffffffe6;line-height:1.6;margin:0}
.qualityWrapper{width:100%;max-width:1024px;margin:80px auto;padding:0 20px}
.qualityLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.qualityText h3{font-size:36px;color:#00A8F2;margin:0 0 20px;font-weight:700}
.qualityText p{font-size:16px;line-height:1.7;color:#444;margin:0 0 24px}
.qualityImage img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #3509ae26}
.processSteps{display:flex;flex-direction:column;gap:16px;margin-top:32px}
.stepItem{display:flex;align-items:flex-start;gap:16px}
.stepNumber{flex-shrink:0;width:36px;height:36px;background:linear-gradient(135deg,#3509AE 0%,#00A8F2 100%);color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}
.stepText{flex:1;padding-top:6px}
.stepText strong{display:block;font-size:16px;color:#3509AE;margin-bottom:4px}
.stepText span{font-size:14px;color:#666;line-height:1.5}
.storiesSection{width:100%;max-width:1024px;margin:80px auto;padding:0 20px}
.storiesHeader{text-align:center;margin-bottom:56px}
.storiesHeader h3{font-size:38px;color:#3509AE;margin:0 0 16px;font-weight:700}
.storiesHeader p{font-size:17px;color:#666;margin:0}
.testimonialsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.testimonialCard{background:#FFF;padding:32px;border-radius:12px;box-shadow:0 4px 16px #3509ae1a;border:2px solid transparent;transition:border-color .3s ease-in}
.testimonialCard:hover{border-color:#00A8F2}
.testimonialQuote{font-size:15px;line-height:1.7;color:#333;margin:0 0 24px;font-style:italic}
.testimonialAuthor{display:flex;align-items:center;gap:16px}
.authorPhoto{width:56px;height:56px;border-radius:50%;object-fit:cover}
.authorInfo{flex:1}
.authorInfo .name{display:block;font-size:16px;font-weight:600;color:#3509AE;margin-bottom:4px}
.authorInfo .role{display:block;font-size:14px;color:#666}
.positioningArea{width:100%;background:linear-gradient(145deg,#00a8f214 0%,#3509ae14 100%);padding:72px 20px;margin:80px 0 0}
.positioningContent{max-width:1024px;margin:0 auto}
.positioningContent h3{font-size:36px;color:#3509AE;text-align:center;margin:0 0 48px;font-weight:700}
.comparisonTable{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.comparisonColumn{background:#FFF;padding:32px 24px;border-radius:12px;box-shadow:0 4px 12px #00000014}
.comparisonColumn.highlight{background:linear-gradient(135deg,#3509AE 0%,#00A8F2 100%);transform:scale(1.05);box-shadow:0 8px 24px #3509ae40}
.comparisonColumn h4{font-size:22px;margin:0 0 24px;text-align:center;font-weight:600}
.comparisonColumn:not(.highlight) h4{color:#3509AE}
.comparisonColumn.highlight h4{color:#FFF}
.comparisonColumn ul{list-style:none;padding:0;margin:0}
.comparisonColumn ul li{padding:12px 0 12px 28px;position:relative;font-size:14px;line-height:1.6}
.comparisonColumn:not(.highlight) ul li{color:#444}
.comparisonColumn.highlight ul li{color:#fffffff2}
.comparisonColumn ul li::before{content:'';position:absolute;left:0;top:16px;width:12px;height:12px;border-radius:50%}
.comparisonColumn:not(.highlight) ul li::before{background:#00A8F2}
.comparisonColumn.highlight ul li::before{background:#FFF}
@media (max-width: 768px) {
.heroWrapper{grid-template-columns:1fr;gap:32px;margin:40px auto}
.heroText h1{font-size:36px}
.heroText h2{font-size:20px}
.heroWrapper::before{width:250px;height:250px;top:-20px;right:-30px}
.statsGrid{grid-template-columns:repeat(2,1fr);padding:32px 24px;gap:24px}
.flexibilityContent{grid-template-columns:1fr;gap:32px}
.flexibilityImage{order:-1}
.networkFeatures{grid-template-columns:1fr;gap:24px}
.qualityLayout{grid-template-columns:1fr;gap:32px}
.testimonialsGrid{grid-template-columns:1fr;gap:24px}
.comparisonTable{grid-template-columns:1fr;gap:20px}
.comparisonColumn.highlight{transform:scale(1)}
}
@media (min-width: 769px) and (max-width: 1024px) {
.heroWrapper{max-width:90%;gap:40px}
.statsGrid{grid-template-columns:repeat(2,1fr)}
.networkFeatures{grid-template-columns:repeat(2,1fr)}
}
.heroWrap{position:relative;overflow:hidden;background:linear-gradient(128deg,#3509AE 0%,#00A8F2 100%);padding:80px 20px;margin-bottom:60px}
.heroWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#ffffff0d;border-radius:50%;z-index:1}
.heroWrap::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#00a8f21a;border-radius:50%;z-index:1}
.heroInner{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroContent h1{font-size:48px;color:#FFF;margin:0 0 24px;line-height:1.2;font-weight:700}
.heroContent p{font-size:18px;color:#ffffffe6;line-height:1.6;margin:0}
.heroImgBox{position:relative}
.heroImgBox img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 12px 40px #0000004d;filter:saturate(0.7)}
.demoGameSection{max-width:1024px;margin:0 auto 80px;padding:0 20px}
.demoGameSection h2{font-size:36px;color:#3509AE;margin:0 0 32px;text-align:center}
.demoContainer{position:relative;width:100%;padding-bottom:75%;background:linear-gradient(45deg,#f0f0f0 0%,#e8e8e8 100%);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #3509ae26}
.demoOverlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#3509aed9;backdrop-filter:blur(8px);transition:all .4s ease-in}
.demoOverlay a{display:inline-block;padding:18px 48px;background:#00A8F2;color:#FFF;text-decoration:none;font-size:20px;font-weight:600;border-radius:8px;box-shadow:0 6px 20px #00a8f266;transition:all .3s ease-in}
.demoOverlay a:hover{background:#0093d4;transform:scale(1.05);box-shadow:0 8px 28px #00a8f280}
.demoOverlay a:active{transform:scale(0.98)}
.featuresBlock{background:#FFF;padding:80px 20px;margin-bottom:60px}
.featuresBlock .container{max-width:1024px;margin:0 auto}
.featuresBlock h2{font-size:38px;color:#3509AE;margin:0 0 48px;text-align:left}
.featuresGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.featureCard{background:linear-gradient(135deg,#f9f9f9 0%,#f1f1f1 100%);padding:32px;border-radius:10px;border-left:4px solid #00A8F2;transition:all .3s ease-in}
.featureCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00a8f233}
.featureCard h3{font-size:22px;color:#3509AE;margin:0 0 16px}
.featureCard p{font-size:16px;color:#333;line-height:1.6;margin:0}
.portfolioSection{max-width:1024px;margin:0 auto 80px;padding:0 20px}
.portfolioHeader{text-align:center;margin-bottom:56px}
.portfolioHeader h2{font-size:40px;color:#3509AE;margin:0 0 20px}
.portfolioHeader p{font-size:18px;color:#555;line-height:1.6;max-width:700px;margin:0 auto}
.portfolioItems{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.portfolioCard{background:#FFF;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #3509ae1a;transition:all .3s ease-in}
.portfolioCard:hover{box-shadow:0 12px 36px #3509ae2e}
.portfolioCard .cardImg{width:100%;height:220px;background:linear-gradient(120deg,#3509AE 0%,#00A8F2 100%)}
.portfolioCard .cardContent{padding:28px}
.portfolioCard .cardContent h3{font-size:24px;color:#3509AE;margin:0 0 12px}
.portfolioCard .cardContent p{font-size:16px;color:#666;line-height:1.6;margin:0}
.processWrap{background:linear-gradient(165deg,#3509AE 0%,#00A8F2 100%);padding:80px 20px;position:relative}
.processWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#ffffff08 10px,#ffffff08 20px);pointer-events:none}
.processInner{max-width:1024px;margin:0 auto;position:relative;z-index:1}
.processInner h2{font-size:42px;color:#FFF;margin:0 0 56px;text-align:center}
.processSteps{display:flex;justify-content:space-between;gap:24px}
.processStep{flex:1;background:#ffffff1a;backdrop-filter:blur(10px);padding:32px 24px;border-radius:10px;border:1px solid #fff3;text-align:center}
.processStep .stepNumber{display:inline-block;width:56px;height:56px;line-height:56px;background:#00A8F2;color:#FFF;font-size:24px;font-weight:700;border-radius:50%;margin-bottom:20px}
.processStep h3{font-size:20px;color:#FFF;margin:0 0 12px}
.processStep p{font-size:15px;color:#ffffffe6;line-height:1.6;margin:0}
@media (max-width: 768px) {
.heroInner{grid-template-columns:1fr;gap:40px}
.heroContent h1{font-size:36px}
.heroImgBox img{height:300px}
.demoContainer{padding-bottom:100%}
.featuresGrid{grid-template-columns:1fr}
.portfolioItems{grid-template-columns:1fr}
.processSteps{flex-direction:column}
.processInner h2{font-size:32px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.heroContent h1{font-size:42px}
.featuresGrid{grid-template-columns:repeat(2,1fr)}
.processSteps{flex-wrap:wrap}
.processStep{flex-basis:calc(50% - 12px)}
}
.contactHero{position:relative;padding:80px 20px;overflow:hidden;background:linear-gradient(127deg,#3509AE 0%,#00A8F2 100%)}
.contactHero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,#ffffff08 2px,#ffffff08 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,#00000005 2px,#00000005 4px);pointer-events:none}
.contactHero .contentWrapper{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.heroShape{position:relative;display:inline-block}
.heroShape::before{content:'';position:absolute;top:-20px;right:-30px;width:180px;height:180px;background:#ffffff1a;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:-1}
.heroShape::after{content:'';position:absolute;bottom:-25px;left:-35px;width:150px;height:150px;background:#0000001a;border-radius:50%;z-index:-1}
.heroShape h1{font-size:3.2rem;font-weight:700;color:#FFF;margin:0;text-shadow:0 2px 12px #00000026}
.heroButton{margin-top:35px}
.heroButton .btn{display:inline-block;padding:16px 42px;background:#FFF;color:#3509AE;font-weight:600;font-size:1.05rem;border-radius:10px;text-decoration:none;box-shadow:0 6px 20px #0003;transition:all .3s ease-in}
.heroButton .btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000040}
.infoBox{padding:80px 20px;background:#f8f9fa}
.infoBox .contentWrapper{max-width:1024px;margin:0 auto}
.contactGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:50px}
.contactCard{background:#FFF;padding:35px 28px;border-radius:12px;box-shadow:0 4px 16px #3509ae14;transition:all .3s ease-in;position:relative;overflow:hidden}
.contactCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3509AE 0%,#00A8F2 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in}
.contactCard:hover::before{transform:scaleX(1)}
.contactCard:hover{transform:translateY(-5px);box-shadow:0 8px 24px #3509ae26}
.contactCard .iconHolder{width:60px;height:60px;background:linear-gradient(135deg,#3509AE 0%,#00A8F2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.contactCard .iconHolder .typcn{font-size:28px;color:#FFF}
.contactCard h3{font-size:1.3rem;font-weight:600;color:#3509AE;margin:0 0 12px}
.contactCard p{font-size:1rem;color:#4a5568;margin:0;line-height:1.6}
.contactCard a{color:#00A8F2;text-decoration:none;transition:color .3s ease-in}
.contactCard a:hover{color:#3509AE}
.formSection{padding:80px 20px;background:#FFF}
.formSection .contentWrapper{max-width:720px;margin:0 auto}
.formSection h2{font-size:2.3rem;font-weight:700;color:#3509AE;margin:0 0 15px;text-align:center}
.formSection .subtitle{font-size:1.1rem;color:#718096;text-align:center;margin:0 0 45px;line-height:1.6}
.contactForm{background:#f8f9fa;padding:45px 40px;border-radius:14px;box-shadow:0 6px 20px #0000000f}
.formGroup{margin-bottom:28px}
.formGroup label{display:block;font-size:.95rem;font-weight:600;color:#2d3748;margin-bottom:10px}
.formGroup input[type="email"]{width:100%;padding:15px 18px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease-in;background:#FFF}
.formGroup input[type="email"]:focus{outline:none;border-color:#00A8F2;box-shadow:0 0 0 3px #00a8f21a}
.timePreference{margin-bottom:28px}
.timePreference p{font-size:.95rem;font-weight:600;color:#2d3748;margin:0 0 14px}
.timeOptions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.timeOptions input[type="radio"]{display:none}
.timeOptions label{display:block;padding:14px 20px;background:#FFF;border:2px solid #e2e8f0;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s ease-in;font-size:.95rem;font-weight:500;color:#4a5568}
.timeOptions input[type="radio"]:checked + label{background:linear-gradient(135deg,#3509AE 0%,#00A8F2 100%);border-color:#3509AE;color:#FFF}
.timeOptions label:hover{border-color:#00A8F2;transform:translateY(-2px)}
.privacyCheck{margin-bottom:28px}
.privacyCheck input[type="checkbox"]{display:none}
.privacyCheck label{display:flex;align-items:flex-start;cursor:pointer;font-size:.9rem;color:#4a5568;line-height:1.5}
.privacyCheck label::before{content:'';width:22px;height:22px;border:2px solid #cbd5e0;border-radius:6px;margin-right:12px;flex-shrink:0;background:#FFF;transition:all .3s ease-in}
.privacyCheck input[type="checkbox"]:checked + label::before{background:linear-gradient(135deg,#3509AE 0%,#00A8F2 100%);border-color:#3509AE;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M13.5 2L6 9.5L2.5 6L1 7.5L6 12.5L15 3.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.privacyCheck label a{color:#00A8F2;text-decoration:none;transition:color .3s ease-in}
.privacyCheck label a:hover{color:#3509AE}
.submitButton{text-align:center}
.submitButton button{padding:16px 50px;background:linear-gradient(135deg,#3509AE 0%,#00A8F2 100%);color:#FFF;font-size:1.05rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease-in;box-shadow:0 6px 18px #3509ae40}
.submitButton button:hover{transform:translateY(-3px);box-shadow:0 10px 26px #3509ae59}
.hoursSection{padding:80px 20px;background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);position:relative}
.hoursSection::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3509AE 0%,#00A8F2 50%,#3509AE 100%)}
.hoursSection .contentWrapper{max-width:640px;margin:0 auto}
.hoursSection h2{font-size:2.1rem;font-weight:700;color:#3509AE;margin:0 0 40px;text-align:center;position:relative}
.hoursSection h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#3509AE 0%,#00A8F2 100%);border-radius:2px}
.scheduleGrid{display:grid;gap:16px}
.dayRow{background:#FFF;padding:20px 28px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000000a;transition:all .3s ease-in;position:relative;overflow:hidden}
.dayRow::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#3509AE 0%,#00A8F2 100%);transform:scaleY(0);transition:transform .3s ease-in}
.dayRow:hover::before{transform:scaleY(1)}
.dayRow:hover{transform:translateX(8px);box-shadow:0 4px 16px #3509ae1f}
.dayRow .dayName{font-size:1.05rem;font-weight:600;color:#2d3748}
.dayRow .dayHours{font-size:1rem;color:#00A8F2;font-weight:500}
@media (max-width: 768px) {
.heroShape h1{font-size:2.2rem}
.heroShape::before,.heroShape::after{display:none}
.contactGrid{grid-template-columns:1fr}
.formSection h2{font-size:1.9rem}
.contactForm{padding:35px 25px}
.timeOptions{grid-template-columns:1fr}
.hoursSection h2{font-size:1.8rem}
}
@media (max-width: 480px) {
.heroShape h1{font-size:1.8rem}
.heroButton .btn{padding:14px 32px;font-size:1rem}
.contactCard{padding:28px 20px}
.formSection h2{font-size:1.6rem}
.contactForm{padding:28px 20px}
.dayRow{flex-direction:column;align-items:flex-start;gap:8px}
}
.successWrapper{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(142deg,#3509AE 0%,#00A8F2 100%);position:relative;overflow:hidden}
.successWrapper::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:#ffffff0d;top:-200px;right:-150px;animation:floatShape 8s ease-in-out infinite}
.successWrapper::after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:#00a8f214;bottom:-100px;left:-100px;animation:floatShape 6s ease-in-out infinite reverse}
@keyframes floatShape {
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(-30px) scale(1.05)}
}
.successCircle{position:relative;width:100%;max-width:680px;margin:0 auto;aspect-ratio:1;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;box-shadow:0 12px 48px #0003 inset 0 2px 4px #ffffff26;z-index:1}
.successCircle::before{content:'';position:absolute;width:92%;height:92%;border-radius:50%;border:1px solid #fff3;top:50%;left:50%;transform:translate(-50%,-50%)}
.iconCheck{width:110px;height:110px;margin-bottom:32px;position:relative;z-index:2}
.iconCheck svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #00000026)}
.msgTitle{font-size:42px;font-weight:700;color:#FFF;margin:0 0 18px;text-align:center;letter-spacing:-.5px;position:relative;z-index:2}
.msgDesc{font-size:18px;line-height:1.6;color:#ffffffeb;text-align:center;margin:0 0 40px;max-width:460px;position:relative;z-index:2}
.linkHome{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#FFF;color:#3509AE;text-decoration:none;font-size:17px;font-weight:600;border-radius:12px;transition:all .3s ease-in;box-shadow:0 6px 20px #0000001f;position:relative;z-index:2}
.linkHome:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000002e;background:#fffffff7}
.linkHome svg{width:20px;height:20px;transition:transform .3s ease-in}
.linkHome:hover svg{transform:translateX(-4px)}
.secondBox{margin-top:28px;text-align:center;position:relative;z-index:2}
.secondBox a{color:#ffffffe0;text-decoration:none;font-size:15px;border-bottom:1px solid #fff6;transition:all .3s ease-in;padding-bottom:2px}
.secondBox a:hover{color:#FFF;border-bottom-color:#FFF}
@media (max-width: 768px) {
.successWrapper{min-height:70vh;padding:30px 16px}
.successCircle{max-width:520px;padding:50px 30px}
.iconCheck{width:90px;height:90px;margin-bottom:26px}
.msgTitle{font-size:34px;margin-bottom:14px}
.msgDesc{font-size:16px;margin-bottom:32px}
.linkHome{padding:14px 30px;font-size:16px}
}
@media (max-width: 480px) {
.successWrapper{min-height:60vh}
.successCircle{aspect-ratio:auto;border-radius:24px;padding:40px 24px}
.successCircle::before{border-radius:24px}
.iconCheck{width:75px;height:75px;margin-bottom:20px}
.msgTitle{font-size:28px}
.msgDesc{font-size:15px;margin-bottom:28px}
.linkHome{padding:13px 26px;font-size:15px}
.secondBox{margin-top:22px}
.secondBox a{font-size:14px}
}