*{margin:0;padding:0;box-sizing:border-box}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400}
figure,blockquote{margin:0}
body{font-family:'Playfair Display',serif;background:linear-gradient(180deg,#121E28 0%,#0a1318 100%);color:#E1F1FF;line-height:1.6;scroll-behavior:smooth;transition:scroll .8s cubic-bezier(0.25,0.1,0.25,1)}
body::-webkit-scrollbar{width:12px}
body::-webkit-scrollbar-track{background:#121E28}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#C4F3FF 0%,#E1F1FF 100%);border-radius:20px}
.headerWrap{background:linear-gradient(135deg,#121E28 0%,#1a2d3d 100%);border-bottom:4px solid #C4F3FF;padding:0;box-shadow:0 8px 32px #c4f3ff26}
.topBand{background:radial-gradient(ellipse at center,#1a2d3d 0%,#121E28 100%);padding:24px 0;text-align:center;border-bottom:2px solid #c4f3ff33}
.topBand .companyText{font-size:42px;font-weight:700;letter-spacing:8px;text-transform:uppercase;background:linear-gradient(90deg,#C4F3FF 0%,#E1F1FF 50%,#C4F3FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px #c4f3ff66;margin:0}
.mainNav{display:flex;justify-content:center;align-items:center;gap:0;padding:0;background:#0a1318}
.mainNav .navLink{padding:28px 48px;font-size:18px;font-weight:700;text-decoration:none;color:#E1F1FF;text-transform:uppercase;letter-spacing:2px;border-right:2px solid #c4f3ff26;transition:background .3s ease,color .3s ease;display:block}
.mainNav .navLink:last-child{border-right:none}
.mainNav .navLink:hover{background:#c4f3ff1a;color:#C4F3FF}
.footerContainer{background:linear-gradient(180deg,#0a1318 0%,#121E28 100%);border-top:3px solid #C4F3FF;padding:48px 24px 24px;margin-top:80px}
.footerLayout{max-width:1024px;margin:0 auto 32px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start}
.footerBrand .footerLogo{width:90px;height:90px;background:#c4f3ff0d;padding:12px;border-radius:24px;box-shadow:0 8px 24px #c4f3ff33}
.footerNav{display:flex;flex-direction:column;gap:14px;align-items:center}
.footerNav .footerLink{color:#E1F1FF;text-decoration:none;font-size:15px;transition:color .2s ease;position:relative;padding-bottom:2px}
.footerNav .footerLink:hover{color:#C4F3FF}
.footerNav .footerLink::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#C4F3FF;transition:width .3s ease}
.footerNav .footerLink:hover::after{width:100%}
.footerContact{display:flex;flex-direction:column;gap:10px;text-align:right}
.footerContact .contactItem{font-size:14px;color:#C4F3FF;margin:0}
.safetyDisclaimer{max-width:1024px;margin:0 auto 28px;padding:24px;background:#c4f3ff0d;border-radius:20px;border:2px solid #c4f3ff33}
.safetyDisclaimer .disclaimerText{font-size:14px;line-height:1.7;color:#E1F1FF;margin:0;text-align:center}
.safetyDisclaimer .disclaimerText strong{color:#C4F3FF;font-weight:700}
.copyrightBar{max-width:1024px;margin:0 auto;text-align:center;padding-top:20px;border-top:1px solid #c4f3ff26}
.copyrightBar .copyrightText{font-size:13px;color:#e1f1ffb3;margin:0}
@media (max-width: 768px) {
.topBand .companyText{font-size:28px;letter-spacing:4px}
.mainNav{flex-direction:column;gap:0}
.mainNav .navLink{width:100%;text-align:center;padding:20px;border-right:none;border-bottom:1px solid #c4f3ff26}
.mainNav .navLink:last-child{border-bottom:none}
.footerLayout{grid-template-columns:1fr;gap:32px;text-align:center}
.footerBrand .footerLogo{margin:0 auto}
.footerContact{text-align:center}
.safetyDisclaimer{padding:20px}
.safetyDisclaimer .disclaimerText{font-size:13px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.mainNav .navLink{padding:24px 32px;font-size:16px}
.footerLayout{gap:32px}
}
.info-doc{max-width:1024px;margin:0 auto;padding:80px 24px;background:linear-gradient(180deg,#0a0f14 0%,#121E28 100%);color:#E1F1FF;line-height:1.8}
.info-doc p{font-size:16px;line-height:1.8;margin:0 0 24px;color:#E1F1FF;font-weight:400}
.info-doc p:last-child{margin-bottom:0}
.info-doc strong,.info-doc b{font-weight:700;color:#C4F3FF;letter-spacing:.3px}
.info-doc em,.info-doc i{font-style:italic;color:#C4F3FF}
.info-doc a{color:#C4F3FF;text-decoration:none;border-bottom:2px solid #c4f3ff4d;transition:all .4s ease;padding-bottom:2px}
.info-doc a:hover{color:#fff;border-bottom-color:#C4F3FF;background:#c4f3ff1a;padding-left:4px;padding-right:4px}
.info-doc a:focus{outline:3px solid #C4F3FF;outline-offset:4px;border-radius:4px}
.info-doc table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;background:#121e2899;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0006}
.info-doc thead{background:linear-gradient(135deg,#121E28 0%,#1a2a38 100%)}
.info-doc thead tr{border-bottom:2px solid #C4F3FF}
.info-doc tbody tr{border-bottom:1px solid #c4f3ff26;transition:background .3s ease}
.info-doc tbody tr:last-child{border-bottom:none}
.info-doc tbody tr:hover{background:#c4f3ff14}
.info-doc th{padding:20px 24px;text-align:left;font-weight:700;font-size:15px;color:#C4F3FF;text-transform:uppercase;letter-spacing:1px}
.info-doc td{padding:18px 24px;font-size:16px;color:#E1F1FF;vertical-align:top}
.info-doc div{margin:32px 0;padding:24px;background:#121e2866;border-left:4px solid #C4F3FF;border-radius:16px;box-shadow:inset 0 2px 8px #0000004d}
.info-doc div p{margin-bottom:16px}
.info-doc div p:last-child{margin-bottom:0}
@media screen and (max-width: 768px) {
.info-doc{padding:48px 20px}
.info-doc p{font-size:15px;margin-bottom:20px}
.info-doc table{display:block;overflow-x:auto;margin:24px 0;border-radius:16px}
.info-doc th,.info-doc td{padding:14px 16px;font-size:14px}
.info-doc th{font-size:13px}
.info-doc div{margin:24px 0;padding:20px 16px;border-radius:12px}
}
@media screen and (max-width: 480px) {
.info-doc{padding:40px 16px}
.info-doc p{font-size:14px;line-height:1.7}
.info-doc th,.info-doc td{padding:12px;font-size:13px}
.info-doc div{padding:16px;margin:20px 0}
}
.heroWrap{background:linear-gradient(135deg,#121E28 0%,#1a2d3d 100%);position:relative;overflow:hidden;padding:0;margin:0}
.heroWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#c1f3ff08 1px,transparent 1px),linear-gradient(90deg,#c1f3ff08 1px,transparent 1px);background-size:64px 64px;z-index:1}
.heroContent{max-width:1024px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:2}
.heroText h1{font-size:3rem;line-height:1.1;color:#C4F3FF;margin:0 0 24px;font-weight:700}
.heroText p{font-size:1.125rem;line-height:1.7;color:#E1F1FF;margin:0 0 32px}
.heroImgClip{position:relative;width:100%;height:480px}
.heroImgClip img{width:100%;height:100%;object-fit:cover;clip-path:polygon(15% 0%,100% 0%,100% 85%,85% 100%,0% 100%,0% 15%);border-radius:24px}
.ctaBtn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#C4F3FF 0%,#7dd5f0 100%);color:#121E28;text-decoration:none;border-radius:28px;font-weight:600;font-size:1.0625rem;transition:all .3s ease;box-shadow:0 8px 24px #c4f3ff33;z-index:10;position:relative}
.ctaBtn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #c4f3ff59;background:linear-gradient(135deg,#7dd5f0 0%,#C4F3FF 100%)}
.focusSection{background:#0d1820;padding:88px 24px}
.focusContainer{max-width:1024px;margin:0 auto}
.focusContainer h2{font-size:2.5rem;color:#C4F3FF;text-align:center;margin:0 0 16px;font-weight:700}
.focusContainer h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#C4F3FF,#E1F1FF);margin:16px auto 0;border-radius:8px}
.focusIntro{text-align:center;color:#E1F1FF;font-size:1.125rem;margin:0 auto 56px;max-width:720px;line-height:1.6}
.focusGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.focusCard{background:linear-gradient(145deg,#162532 0%,#0f1d28 100%);padding:40px 32px;border-radius:20px;border:1px solid #c4f3ff1a;transition:all .4s ease;position:relative}
.focusCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#C4F3FF,#E1F1FF);border-radius:20px 20px 0 0;opacity:0;transition:opacity .4s ease}
.focusCard:hover::before{opacity:1}
.focusCard:hover{transform:translateY(-6px);box-shadow:0 16px 48px #c4f3ff26;border-color:#c4f3ff4d}
.focusCard h3{font-size:1.375rem;color:#C4F3FF;margin:0 0 16px;font-weight:600}
.focusCard p{color:#E1F1FF;line-height:1.7;margin:0;font-size:1rem}
.metricsSection{background:linear-gradient(180deg,#121E28 0%,#0d1820 100%);padding:88px 24px;position:relative}
.metricsSection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:90%;height:1px;background:linear-gradient(90deg,transparent,#c4f3ff4d,transparent)}
.metricsContainer{max-width:1024px;margin:0 auto}
.metricsTitle{text-align:center;margin-bottom:64px}
.metricsTitle h2{font-size:2.5rem;color:#C4F3FF;margin:0 0 20px;font-weight:700}
.metricsTitle p{color:#E1F1FF;font-size:1.125rem;margin:0;line-height:1.6}
.statsDisplay{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.statBox{text-align:center;padding:32px 20px;background:radial-gradient(circle at center,#c4f3ff14 0%,transparent 70%);border-radius:16px;transition:all .3s ease}
.statBox:hover{background:radial-gradient(circle at center,#c4f3ff26 0%,transparent 70%)}
.statNumber{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#C4F3FF 0%,#E1F1FF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 12px;line-height:1}
.statLabel{font-size:1.0625rem;color:#E1F1FF;margin:0;font-weight:500}
.qualitySection{background:#0d1820;padding:88px 24px}
.qualityContainer{max-width:1024px;margin:0 auto}
.qualityLayout{display:grid;grid-template-columns:45fr 55fr;gap:64px;align-items:start}
.qualityContent h2{font-size:2.5rem;color:#C4F3FF;margin:0 0 24px;font-weight:700;line-height:1.2}
.qualityContent p{color:#E1F1FF;font-size:1.0625rem;line-height:1.75;margin:0 0 32px}
.qualityChecks{display:flex;flex-direction:column;gap:20px}
.checkItem{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#c4f3ff0d 0%,#e1f1ff05 100%);border-radius:16px;border-left:3px solid #C4F3FF;transition:all .3s ease}
.checkItem:hover{background:linear-gradient(135deg,#c4f3ff1a 0%,#e1f1ff0d 100%);transform:translateX(4px)}
.checkIcon{flex-shrink:0;width:24px;height:24px}
.checkIcon svg{width:100%;height:100%;fill:#C4F3FF}
.checkText{color:#E1F1FF;font-size:1rem;line-height:1.6;margin:0}
.qualityVisual{position:relative}
.qualityVisual img{width:100%;height:480px;object-fit:cover;border-radius:24px;box-shadow:0 20px 60px #0006}
.learningSection{background:linear-gradient(180deg,#0d1820 0%,#121E28 100%);padding:88px 24px}
.learningContainer{max-width:1024px;margin:0 auto}
.learningHeader{text-align:center;margin-bottom:56px}
.learningHeader h2{font-size:2.5rem;color:#C4F3FF;margin:0 0 20px;font-weight:700}
.learningHeader p{color:#E1F1FF;font-size:1.125rem;margin:0 auto;max-width:680px;line-height:1.6}
.pathwayTabs{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}
.tabWrapper{position:relative}
.tabWrapper input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.tabLabel{display:block;padding:14px 32px;background:#c4f3ff14;color:#E1F1FF;border-radius:24px;cursor:pointer;font-weight:500;font-size:1rem;transition:all .3s ease;border:2px solid transparent}
.tabLabel:hover{background:#c4f3ff26;border-color:#c4f3ff33}
.tabWrapper input[type="radio"]:checked + .tabLabel{background:linear-gradient(135deg,#C4F3FF 0%,#7dd5f0 100%);color:#121E28;font-weight:600;border-color:#C4F3FF}
.tabContentArea{position:relative}
.tabPanel{display:none;animation:fadeSlide .5s ease}
#tab1:checked ~ .tabContentArea .panel1,#tab2:checked ~ .tabContentArea .panel2,#tab3:checked ~ .tabContentArea .panel3{display:block}
@keyframes fadeSlide {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.moduleGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.moduleCard{background:linear-gradient(145deg,#162532 0%,#0f1d28 100%);padding:32px;border-radius:20px;border:1px solid #c4f3ff1a}
.moduleCard h4{font-size:1.25rem;color:#C4F3FF;margin:0 0 12px;font-weight:600}
.moduleCard p{color:#E1F1FF;font-size:.9375rem;line-height:1.7;margin:0}
@media (max-width: 768px) {
.heroContent{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.heroText h1{font-size:2.25rem}
.heroImgClip{height:360px}
.focusGrid{grid-template-columns:1fr;gap:24px}
.statsDisplay{grid-template-columns:repeat(2,1fr);gap:24px}
.statNumber{font-size:2.75rem}
.qualityLayout{grid-template-columns:1fr;gap:40px}
.qualityVisual img{height:320px}
.moduleGrid{grid-template-columns:1fr}
.pathwayTabs{flex-direction:column;align-items:stretch}
}
@media (min-width: 769px) and (max-width: 1024px) {
.heroContent{gap:48px;padding:70px 32px}
.heroText h1{font-size:2.5rem}
.focusGrid{grid-template-columns:repeat(2,1fr)}
.statsDisplay{grid-template-columns:repeat(2,1fr);gap:32px}
.qualityLayout{gap:48px}
}
.heroTitle{position:relative;width:100%;height:75vh;min-height:480px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#121E28 0%,#1a2d3f 100%)}
.heroTitle .bgImage{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35;mix-blend-mode:overlay}
.heroTitle .overlayTexture{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,#c4f3ff14 0%,transparent 60%),radial-gradient(circle at 70% 80%,#e1f1ff0d 0%,transparent 50%);pointer-events:none}
.heroTitle .contentWrapper{position:relative;z-index:3;max-width:820px;padding:0 28px;text-align:center}
.heroTitle .mainHeading{font-size:3.8rem;font-weight:700;color:#C4F3FF;margin:0 0 18px;line-height:1.15;text-shadow:0 4px 24px #121e2899}
.heroTitle .subHeading{font-size:1.75rem;font-weight:500;color:#E1F1FF;margin:0 0 22px;line-height:1.4}
.heroTitle .descriptionText{font-size:1.1rem;color:#e1f1ffe6;line-height:1.7;max-width:680px;margin:0 auto}
.demoGameSection{padding:92px 28px;background:linear-gradient(180deg,#121E28 0%,#0f1820 100%);position:relative}
.demoGameSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#C4F3FF 50%,transparent 100%);opacity:.4}
.demoGameSection .sectionInner{max-width:1024px;margin:0 auto}
.demoGameSection .topContent{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:56px}
.demoGameSection .textColumn h2{font-size:2.5rem;font-weight:700;color:#E1F1FF;margin:0 0 24px;line-height:1.25}
.demoGameSection .textColumn p{font-size:1.05rem;color:#e1f1ffd9;line-height:1.8;margin:0 0 18px}
.demoGameSection .textColumn p:last-of-type{margin-bottom:0}
.demoGameSection .featureList{display:flex;flex-direction:column;gap:16px}
.demoGameSection .featureItem{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#c4f3ff0a;border-radius:18px;border:1px solid #c4f3ff14;transition:all .3s ease}
.demoGameSection .featureItem:hover{background:#c4f3ff14;border-color:#c4f3ff26;transform:translateX(6px)}
.demoGameSection .featureIcon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#C4F3FF 0%,#E1F1FF 100%);border-radius:12px}
.demoGameSection .featureIcon svg{width:22px;height:22px;fill:#121E28}
.demoGameSection .featureText{flex:1}
.demoGameSection .featureText h4{font-size:1.1rem;font-weight:600;color:#C4F3FF;margin:0 0 6px}
.demoGameSection .featureText p{font-size:.95rem;color:#e1f1ffbf;margin:0;line-height:1.6}
.demoGameSection .gameWrapper{position:relative;background:#0a1218;border-radius:24px;padding:24px;box-shadow:0 12px 48px #0006 0 0 0 1px #c4f3ff1a}
.demoGameSection .gameContainer{position:relative;width:100%;padding-bottom:75%;background:linear-gradient(135deg,#1a2d3f 0%,#121E28 100%);border-radius:16px;overflow:hidden}
.demoGameSection .blurOverlay{position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(12px);background:#121e28b3;display:flex;align-items:center;justify-content:center;z-index:2}
.demoGameSection .playPrompt{text-align:center;padding:32px}
.demoGameSection .playPrompt h3{font-size:1.8rem;font-weight:700;color:#E1F1FF;margin:0 0 16px}
.demoGameSection .playPrompt p{font-size:1.05rem;color:#e1f1ffcc;margin:0 0 28px;line-height:1.6}
.demoGameSection .demoButton{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#C4F3FF 0%,#E1F1FF 100%);color:#121E28;font-size:1.15rem;font-weight:700;text-decoration:none;border-radius:20px;box-shadow:0 8px 24px #c4f3ff40;transition:all .3s ease;position:relative;z-index:10}
.demoGameSection .demoButton:hover{transform:translateY(-3px);box-shadow:0 12px 32px #c4f3ff59;background:linear-gradient(135deg,#E1F1FF 0%,#C4F3FF 100%)}
.demoGameSection .demoButton:active{transform:translateY(-1px)}
.demoGameSection .demoFrame{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:16px}
@media (max-width: 768px) {
.heroTitle{height:65vh;min-height:420px}
.heroTitle .mainHeading{font-size:2.4rem}
.heroTitle .subHeading{font-size:1.35rem}
.heroTitle .descriptionText{font-size:1rem}
.demoGameSection{padding:64px 20px}
.demoGameSection .topContent{grid-template-columns:1fr;gap:42px;margin-bottom:48px}
.demoGameSection .textColumn h2{font-size:2rem}
.demoGameSection .featureItem{padding:16px}
.demoGameSection .featureIcon{width:38px;height:38px}
.demoGameSection .featureIcon svg{width:20px;height:20px}
.demoGameSection .gameWrapper{padding:18px}
.demoGameSection .gameContainer{padding-bottom:100%}
.demoGameSection .playPrompt h3{font-size:1.5rem}
.demoGameSection .playPrompt p{font-size:.95rem}
.demoGameSection .demoButton{padding:14px 36px;font-size:1.05rem}
}
@media (max-width: 480px) {
.heroTitle .mainHeading{font-size:2rem}
.heroTitle .subHeading{font-size:1.2rem}
.demoGameSection .textColumn h2{font-size:1.75rem}
.demoGameSection .featureText h4{font-size:1rem}
.demoGameSection .playPrompt{padding:24px 16px}
}
.reachBlock{background:linear-gradient(135deg,#121E28 0%,#1a2d3d 100%);padding:80px 20px;position:relative;overflow:hidden}
.reachBlock::before{content:'';position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:2px solid #c4f3ff33;border-radius:24px;pointer-events:none}
.reachContent{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.reachText h1{font-size:48px;color:#C4F3FF;margin:0 0 20px;font-weight:700;line-height:1.2}
.reachText p{font-size:18px;color:#E1F1FF;margin:0;line-height:1.6}
.reachImage img{width:100%;height:auto;border-radius:20px;box-shadow:0 16px 48px #0006}
@media (max-width: 768px) {
.reachContent{grid-template-columns:1fr;gap:40px}
.reachText h1{font-size:36px}
}
.infoPanel{background:#0d1418;padding:80px 20px}
.infoContainer{max-width:1024px;margin:0 auto}
.infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.infoCard{background:linear-gradient(145deg,#1a2933 0%,#121E28 100%);padding:40px 30px;border-radius:20px;border:1px solid #c4f3ff1a;transition:all .4s ease}
.infoCard:hover{transform:translateY(-8px);box-shadow:0 20px 40px #c4f3ff26;border-color:#c4f3ff4d}
.infoCard h3{font-size:20px;color:#C4F3FF;margin:0 0 16px;font-weight:600}
.infoCard p{font-size:16px;color:#E1F1FF;margin:0;line-height:1.8}
.infoCard a{color:#C4F3FF;text-decoration:none;transition:color .3s ease}
.infoCard a:hover{color:#E1F1FF}
@media (max-width: 768px) {
.infoGrid{grid-template-columns:1fr;gap:24px}
}
.formSection{background:linear-gradient(180deg,#121E28 0%,#0d1418 100%);padding:100px 20px}
.formWrapper{max-width:720px;margin:0 auto}
.formHeader{text-align:center;margin-bottom:60px}
.formHeader h2{font-size:42px;color:#C4F3FF;margin:0 0 16px;font-weight:700}
.formHeader p{font-size:18px;color:#E1F1FF;margin:0;line-height:1.6}
.contactForm{background:#1a293399;padding:50px 40px;border-radius:24px;border:1px solid #c4f3ff26;box-shadow:0 12px 32px #0000004d}
.fieldGroup{margin-bottom:28px}
.fieldGroup label{display:block;font-size:15px;color:#C4F3FF;margin-bottom:10px;font-weight:500}
.fieldGroup input,.fieldGroup select{width:100%;padding:16px 20px;font-size:16px;color:#E1F1FF;background:#121E28;border:2px solid #c4f3ff33;border-radius:12px;transition:all .3s ease;box-sizing:border-box}
.fieldGroup input:focus,.fieldGroup select:focus{outline:none;border-color:#C4F3FF;box-shadow:0 0 0 4px #c4f3ff1a}
.fieldGroup select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23C4F3FF' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:48px}
.priorityGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}
.priorityOption{position:relative}
.priorityOption input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.priorityLabel{display:block;padding:14px 20px;text-align:center;font-size:15px;color:#E1F1FF;background:#121E28;border:2px solid #c4f3ff33;border-radius:12px;cursor:pointer;transition:all .3s ease}
.priorityOption input[type="radio"]:checked + .priorityLabel{background:linear-gradient(135deg,#C4F3FF 0%,#8dd9e8 100%);color:#121E28;border-color:#C4F3FF;font-weight:600}
.priorityOption input[type="radio"]:focus + .priorityLabel{box-shadow:0 0 0 4px #c4f3ff26}
.privacyCheck{display:flex;align-items:flex-start;gap:12px;margin-bottom:32px}
.privacyCheck input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#C4F3FF;flex-shrink:0}
.privacyCheck label{font-size:14px;color:#E1F1FF;line-height:1.6;cursor:pointer}
.privacyCheck a{color:#C4F3FF;text-decoration:none;transition:color .3s ease}
.privacyCheck a:hover{color:#E1F1FF}
.submitBtn{width:100%;padding:18px 32px;font-size:18px;font-weight:600;color:#121E28;background:linear-gradient(135deg,#C4F3FF 0%,#8dd9e8 100%);border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #c4f3ff4d}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #c4f3ff66}
.submitBtn:active{transform:translateY(0)}
@media (max-width: 768px) {
.contactForm{padding:40px 24px}
.priorityGrid{grid-template-columns:1fr}
.formHeader h2{font-size:32px}
}
.hoursArea{background:#0d1418;padding:80px 20px}
.hoursBox{max-width:840px;margin:0 auto;background:linear-gradient(145deg,#1a2933 0%,#121E28 100%);padding:60px 50px;border-radius:24px;border:1px solid #c4f3ff26}
.hoursBox h2{font-size:36px;color:#C4F3FF;margin:0 0 40px;text-align:center;font-weight:700}
.scheduleList{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 40px}
.scheduleItem{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #c4f3ff1a}
.dayLabel{font-size:16px;color:#E1F1FF;font-weight:500}
.timeLabel{font-size:16px;color:#C4F3FF}
@media (max-width: 768px) {
.scheduleList{grid-template-columns:1fr;gap:16px}
.hoursBox{padding:40px 24px}
}
.mapArea{background:linear-gradient(180deg,#0d1418 0%,#121E28 100%);padding:80px 20px}
.mapContainer{max-width:1024px;margin:0 auto}
.mapContent{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.locationDetails h2{font-size:38px;color:#C4F3FF;margin:0 0 28px;font-weight:700}
.addressBlock{background:#1a293380;padding:32px 28px;border-radius:18px;border:1px solid #c4f3ff1a;margin-bottom:24px}
.addressBlock h3{font-size:18px;color:#C4F3FF;margin:0 0 12px;font-weight:600}
.addressBlock p{font-size:16px;color:#E1F1FF;margin:0;line-height:1.8}
.directionsList{list-style:none;padding:0;margin:0}
.directionsList li{font-size:15px;color:#E1F1FF;padding:12px 0;padding-left:28px;position:relative}
.directionsList li::before{content:'';position:absolute;left:0;top:18px;width:8px;height:8px;background:#C4F3FF;border-radius:50%}
.mapVisual{position:relative;height:500px;background:linear-gradient(135deg,#1a2933 0%,#0d1418 100%);border-radius:24px;border:2px solid #c4f3ff33;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pinIcon{width:80px;height:80px}
@media (max-width: 768px) {
.mapContent{grid-template-columns:1fr;gap:40px}
.mapVisual{height:360px}
}
.heroContainer{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#121E28 0%,#1a2f3f 100%)}
.heroContainer::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#c4f3ff26 0%,transparent 70%);border-radius:50%;animation:floatShape 8s ease-in-out infinite}
.heroContainer::after{content:'';position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,#e1f1ff1a 0%,transparent 70%);border-radius:50%;animation:floatShape 10s ease-in-out infinite reverse}
@keyframes floatShape {
0%,100%{transform:translate(0,0)}
50%{transform:translate(30px,-30px)}
}
.successContentWrapper{position:relative;z-index:2;max-width:1024px;margin:0 auto;padding:80px 20px;text-align:center}
.iconSuccess{width:120px;height:120px;margin:0 auto 40px;position:relative;animation:scaleIn .6s cubic-bezier(0.34,1.56,0.64,1)}
@keyframes scaleIn {
0%{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
.iconSuccess svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px #c4f3ff66)}
.mainHeading{font-size:3.2rem;font-weight:700;color:#C4F3FF;margin:0 0 20px;line-height:1.2;animation:fadeSlideUp .8s ease-out .2s both}
.subMessage{font-size:1.25rem;color:#E1F1FF;margin:0 0 40px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeSlideUp .8s ease-out .4s both}
@keyframes fadeSlideUp {
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
.actionButtons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:fadeSlideUp .8s ease-out .6s both}
.primaryBtn{padding:16px 40px;background:linear-gradient(135deg,#C4F3FF 0%,#8dd9f0 100%);color:#121E28;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:24px;transition:all .3s ease;box-shadow:0 4px 16px #c4f3ff4d;position:relative;z-index:10}
.primaryBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c4f3ff80}
.secondaryBtn{padding:16px 40px;background:transparent;color:#C4F3FF;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:24px;border:2px solid #C4F3FF;transition:all .3s ease;position:relative;z-index:10}
.secondaryBtn:hover{background:#c4f3ff1a;transform:translateY(-2px)}
.detailsSection{background:#0d1419;padding:100px 20px;position:relative}
.detailsSection::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#C4F3FF,transparent)}
.detailsInner{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.infoCard{background:linear-gradient(145deg,#1a2630 0%,#121E28 100%);padding:40px 32px;border-radius:24px;border:1px solid #c4f3ff1a;transition:all .4s ease;position:relative;overflow:hidden}
.infoCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#C4F3FF,#E1F1FF);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.infoCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0006;border-color:#c4f3ff4d}
.infoCard:hover::before{transform:scaleX(1)}
.cardIcon{width:56px;height:56px;margin-bottom:24px;background:#c4f3ff1a;border-radius:16px;display:flex;align-items:center;justify-content:center}
.cardIcon svg{width:32px;height:32px}
.infoCard h3{font-size:1.5rem;color:#C4F3FF;margin:0 0 16px;font-weight:600}
.infoCard p{font-size:1rem;color:#E1F1FF;line-height:1.7;margin:0;opacity:.9}
.contactInfo{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.contactItem{display:flex;align-items:center;gap:12px;color:#C4F3FF;font-size:.95rem;text-decoration:none;transition:color .3s ease}
.contactItem:hover{color:#E1F1FF}
.contactItem svg{width:20px;height:20px;flex-shrink:0}
@media (max-width: 768px) {
.heroContainer{min-height:500px}
.successContentWrapper{padding:60px 20px}
.mainHeading{font-size:2.2rem}
.subMessage{font-size:1.1rem}
.actionButtons{flex-direction:column;align-items:stretch}
.primaryBtn,.secondaryBtn{text-align:center}
.detailsSection{padding:60px 20px}
.detailsInner{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 480px) {
.iconSuccess{width:90px;height:90px}
.mainHeading{font-size:1.8rem}
.infoCard{padding:32px 24px}
}