*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Playfair Display',serif;font-size:16px;line-height:1.6;color:#2a2a2a;background:linear-gradient(128deg,#fff 0%,#f8f9fa 50%,#D6F0FD 100%);min-height:100vh}
.container{max-width:960px;width:100%;margin:0 auto;padding:0 20px}
.hdrTopBox{background:linear-gradient(142deg,#8D3DF0 0%,#97560A 100%);padding:20px 0;position:relative;overflow:hidden}
.hdrTopBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,#ffffff08 10px,#ffffff08 20px);pointer-events:none}
.hdrTopContent{display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:2}
.logoWrapper{flex-shrink:0}
.logoLink{display:block;width:110px;height:110px;background:#ffffff26;border-radius:18px;padding:12px;box-shadow:0 6px 18px #0003;transition:all .3s ease}
.logoLink:hover{transform:scale(1.05);box-shadow:0 8px 24px #0000004d}
.logoImg{width:100%;height:100%;object-fit:contain}
.primaryNav{display:flex;gap:32px;align-items:center}
.navLink{color:#fff;text-decoration:none;font-size:17px;font-weight:400;padding:8px 14px;border-radius:6px;transition:background-color .2s ease,color .2s ease}
.navLink:hover{background-color:#ffffff26;color:#D6F0FD}
.hdrBottomBox{background:linear-gradient(165deg,#8d3df014 0%,#97560a0d 100%);padding:16px 0;border-bottom:2px solid #8d3df01f}
.companyNameBox{text-align:center}
.companyTitle{font-size:28px;font-weight:700;color:#8D3DF0;letter-spacing:1px;text-transform:lowercase}
.ftrMainSection{background:linear-gradient(156deg,#2a2a2a 0%,#1a1a1a 100%);padding:50px 0 30px;margin-top:80px;position:relative}
.ftrMainSection::before{content:'';position:absolute;top:-40px;left:0;right:0;height:40px;background:linear-gradient(175deg,transparent 0%,#2a2a2a 100%);clip-path:polygon(0 40%,100% 0,100% 100%,0 100%)}
.ftrGrid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:40px;margin-bottom:40px}
.ftrLogoCol{display:flex;flex-direction:column;gap:16px}
.ftrLogo{width:90px;height:90px;object-fit:contain;background:#ffffff14;padding:12px;border-radius:14px;box-shadow:0 4px 12px #8d3df033}
.ftrTagline{color:#d1d1d1;font-size:15px;line-height:1.5}
.ftrHeading{color:#8D3DF0;font-size:19px;font-weight:700;margin-bottom:18px}
.ftrNav{display:flex;flex-direction:column;gap:10px}
.ftrLink{color:#b8b8b8;text-decoration:none;font-size:15px;transition:color .2s ease,padding-left .2s ease;display:inline-block}
.ftrLink:hover{color:#D6F0FD;padding-left:6px}
.contactDetails{display:flex;flex-direction:column;gap:12px}
.contactItem{color:#b8b8b8;font-size:14px;line-height:1.4}
.contactLink{color:#b8b8b8;text-decoration:none;transition:color .2s ease}
.contactLink:hover{color:#D6F0FD}
.disclaimerSection{margin:30px 0}
.disclaimerCard{background:#8d3df01a;border:1px solid #8d3df04d;border-radius:12px;padding:24px}
.disclaimerTitle{color:#8D3DF0;font-size:18px;font-weight:700;margin-bottom:12px}
.disclaimerText{color:#d1d1d1;font-size:14px;line-height:1.6}
.ftrBottomBar{border-top:1px solid #ffffff1a;padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.copyrightText{color:#888;font-size:14px}
.cookiePrefsLink{color:#8D3DF0;text-decoration:none;font-size:14px;transition:color .2s ease}
.cookiePrefsLink:hover{color:#D6F0FD}
.cookieOverlay{position:fixed;top:0;left:0;width:100%;z-index:9998;display:none;opacity:0;transition:opacity .4s ease}
.cookieOverlay.cookieVisible{display:block;animation:slideInFromRight .5s ease forwards}
.cookieOverlay.cookieHidden{animation:slideOutToRight .4s ease forwards}
@keyframes slideInFromRight {
from{transform:translateX(100%);opacity:0}
to{transform:translateX(0);opacity:1}
}
@keyframes slideOutToRight {
from{transform:translateX(0);opacity:1}
to{transform:translateX(100%);opacity:0}
}
.cookieBanner{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);box-shadow:0 8px 32px #00000026;width:100%;padding:28px 40px;border-bottom:3px solid #8D3DF0}
.cookieContent{max-width:1200px;margin:0 auto}
.cookieTitle{font-size:24px;font-weight:700;color:#2a2a2a;margin-bottom:12px}
.cookieDescription{font-size:15px;color:#555;margin-bottom:24px;line-height:1.5}
.cookiePolicyLink{color:#8D3DF0;text-decoration:underline;transition:color .2s ease}
.cookiePolicyLink:hover{color:#97560A}
.cookieCategories{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}
.cookieCard{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:18px;transition:all .3s ease}
.cookieCard:hover{border-color:#8D3DF0;box-shadow:0 4px 16px #8d3df026}
.cookieCardHeader{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.cookieCheckbox{width:20px;height:20px;cursor:pointer;accent-color:#8D3DF0}
.cookieLabel{font-size:17px;font-weight:700;color:#2a2a2a;cursor:pointer}
.cookieCardDesc{font-size:13px;color:#666;margin-left:30px}
.cookieActions{display:flex;gap:16px;justify-content:center}
.cookieBtn{padding:12px 32px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:'Playfair Display',serif}
.cookieBtnPrimary{background:linear-gradient(135deg,#8D3DF0 0%,#97560A 100%);color:#fff;box-shadow:0 4px 12px #8d3df04d}
.cookieBtnPrimary:hover{transform:scale(1.05);box-shadow:0 6px 18px #8d3df066}
.cookieBtnSecondary{background:#f0f0f0;color:#2a2a2a;border:2px solid #d0d0d0}
.cookieBtnSecondary:hover{background:#e0e0e0;transform:scale(1.05)}
.ageVerifyOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center}
.ageVerifyBox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);border-radius:16px;padding:40px;width:90vw;max-width:460px;box-shadow:0 12px 48px #0000004d;z-index:10000}
.ageVerifyTitle{font-size:26px;font-weight:700;color:#8D3DF0;margin-bottom:18px;text-align:center}
.ageVerifyText{font-size:15px;color:#555;line-height:1.6;margin-bottom:16px;text-align:center}
.ageVerifyQuestion{font-size:17px;font-weight:700;color:#2a2a2a;margin-bottom:24px;text-align:center}
.ageVerifyActions{display:flex;gap:16px;justify-content:center}
.ageBtn{padding:14px 36px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:'Playfair Display',serif;min-height:50px}
.ageBtnConfirm{background:linear-gradient(135deg,#8D3DF0 0%,#97560A 100%);color:#fff;box-shadow:0 4px 14px #8d3df059}
.ageBtnConfirm:hover{transform:scale(1.05);box-shadow:0 6px 20px #8d3df073}
.ageBtnDeny{background:#f0f0f0;color:#2a2a2a;border:2px solid #d0d0d0}
.ageBtnDeny:hover{background:#e0e0e0;transform:scale(1.05)}
.ageDenyMessage{display:none;margin-top:20px;padding:16px;background:#97560a1a;border:2px solid #97560A;border-radius:8px;text-align:center}
.ageDenyMessage p{font-size:15px;color:#97560A;font-weight:700}
@media (max-width: 768px) {
.hdrTopContent{flex-direction:column;gap:20px}
.logoLink{width:90px;height:90px}
.primaryNav{flex-direction:column;gap:12px;width:100%;text-align:center}
.navLink{width:100%}
.companyTitle{font-size:24px}
.ftrGrid{grid-template-columns:1fr;gap:30px}
.cookieCategories{grid-template-columns:1fr;gap:16px}
.cookieActions{flex-direction:column}
.cookieBtn{width:100%}
.ageVerifyBox{padding:28px;width:85vw}
.ageVerifyActions{flex-direction:column}
.ageBtn{width:100%}
.ftrBottomBar{flex-direction:column;text-align:center}
}
@media (max-width: 480px) {
.cookieBanner{padding:20px}
.cookieTitle{font-size:20px}
.ageVerifyTitle{font-size:22px}
.ageVerifyBox{padding:24px}
}
.doc-info{max-width:960px;margin:0 auto;padding:80px 24px;background:linear-gradient(157deg,#d6f0fd26 0%,#fffffff2 100%);border-radius:16px;box-shadow:0 6px 18px #8d3df014}
.doc-info h1{font-size:42px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 16px;padding-bottom:20px;border-bottom:3px solid #8D3DF0;letter-spacing:-.5px}
.doc-info h2{font-size:32px;font-weight:600;line-height:1.3;color:#2d2d2d;margin:56px 0 20px;padding-left:16px;border-left:4px solid #97560A;letter-spacing:-.3px}
.doc-info h3{font-size:24px;font-weight:600;line-height:1.4;color:#3a3a3a;margin:40px 0 16px;letter-spacing:-.2px}
.doc-info h4{font-size:20px;font-weight:600;line-height:1.4;color:#4a4a4a;margin:32px 0 14px}
.doc-info h5{font-size:18px;font-weight:600;line-height:1.5;color:#5a5a5a;margin:28px 0 12px}
.doc-info h6{font-size:16px;font-weight:600;line-height:1.5;color:#6a6a6a;margin:24px 0 10px;text-transform:uppercase;letter-spacing:.5px}
.doc-info p{font-size:16px;line-height:1.75;color:#4a4a4a;margin:0 0 20px;text-align:justify}
.doc-info ul{margin:0 0 24px;padding-left:28px;list-style-type:none}
.doc-info ul li{font-size:16px;line-height:1.75;color:#4a4a4a;margin-bottom:12px;padding-left:20px;position:relative}
.doc-info ul li::before{content:'';position:absolute;left:0;top:11px;width:8px;height:8px;background:linear-gradient(135deg,#8D3DF0 0%,#97560A 100%);border-radius:2px;transform:rotate(45deg)}
.doc-info ol{margin:0 0 24px;padding-left:28px;counter-reset:policy-counter;list-style:none}
.doc-info ol li{font-size:16px;line-height:1.75;color:#4a4a4a;margin-bottom:12px;padding-left:32px;position:relative;counter-increment:policy-counter}
.doc-info ol li::before{content:counter(policy-counter) '.';position:absolute;left:0;top:0;font-weight:600;color:#8D3DF0;font-size:16px}
.doc-info ul ul,.doc-info ul ol,.doc-info ol ul,.doc-info ol ol{margin-top:12px;margin-bottom:12px}
.doc-info em,.doc-info i{font-style:italic;color:#3a3a3a}
.doc-info a{color:#8D3DF0;text-decoration:none;border-bottom:1px solid #8d3df04d;transition:all .3s ease;font-weight:500}
.doc-info a:hover{color:#97560A;border-bottom-color:#97560A;background:#d6f0fd4d;padding:2px 4px;margin:-2px -4px;border-radius:3px}
.doc-info table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #8d3df01a}
.doc-info thead{background:linear-gradient(135deg,#8D3DF0 0%,#97560A 100%)}
.doc-info thead tr th{font-size:15px;font-weight:600;line-height:1.5;color:#fff;padding:16px 20px;text-align:left;letter-spacing:.3px}
.doc-info tbody{background:#fff}
.doc-info tbody tr{border-bottom:1px solid #d6f0fd80;transition:background .2s ease}
.doc-info tbody tr:hover{background:#d6f0fd33}
.doc-info tbody tr:last-child{border-bottom:none}
.doc-info tbody tr td{font-size:15px;line-height:1.6;color:#4a4a4a;padding:14px 20px}
.doc-info thead tr th:first-child{padding-left:24px}
.doc-info tbody tr td:first-child{padding-left:24px;font-weight:500}
.doc-info div{margin:24px 0}
.doc-info h1 + p,.doc-info h2 + p,.doc-info h3 + p{margin-top:0}
@media (max-width: 768px) {
.doc-info{padding:48px 20px;border-radius:12px}
.doc-info h1{font-size:32px;margin-bottom:14px;padding-bottom:16px}
.doc-info h2{font-size:26px;margin:44px 0 16px;padding-left:12px}
.doc-info h3{font-size:21px;margin:32px 0 14px}
.doc-info h4{font-size:18px;margin:28px 0 12px}
.doc-info p,.doc-info ul li,.doc-info ol li{font-size:15px;line-height:1.7}
.doc-info ul{padding-left:20px}
.doc-info ol{padding-left:20px}
.doc-info ul li{padding-left:18px}
.doc-info ol li{padding-left:28px}
.doc-info table{font-size:14px;margin:24px 0}
.doc-info thead tr th,.doc-info tbody tr td{padding:12px 14px;font-size:14px}
.doc-info thead tr th:first-child,.doc-info tbody tr td:first-child{padding-left:16px}
}
@media (max-width: 480px) {
.doc-info{padding:32px 16px}
.doc-info h1{font-size:28px}
.doc-info h2{font-size:23px;margin:36px 0 14px}
.doc-info h3{font-size:19px}
.doc-info table{display:block;overflow-x:auto;white-space:nowrap}
}
.heroWrapper{position:relative;max-width:960px;margin:0 auto 80px;padding:0 20px}
.heroImageBox{position:relative;width:100%;height:520px;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #8d3df01f}
.heroImageBox img{width:100%;height:100%;object-fit:cover}
.heroContent{position:absolute;bottom:40px;left:40px;right:40px;background:#fffffff5;padding:32px;border-radius:14px;box-shadow:0 12px 32px #00000026}
.heroContent h1{font-size:2.4rem;color:#1a1a1a;margin:0 0 16px;line-height:1.2}
.heroContent p{font-size:1.1rem;color:#4a4a4a;margin:0;line-height:1.6}
.numbersSection{max-width:960px;margin:0 auto 90px;padding:0 20px}
.numbersGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.statCard{background:linear-gradient(135deg,#f8f9ff 0%,#fff 100%);padding:28px 24px;border-radius:12px;border:2px solid #D6F0FD;transition:all .3s ease}
.statCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #8d3df026;border-color:#8D3DF0}
.statCard h3{font-size:2.8rem;color:#8D3DF0;margin:0 0 8px;font-weight:700}
.statCard p{font-size:1rem;color:#5a5a5a;margin:0;line-height:1.5}
.valueSection{max-width:960px;margin:0 auto 85px;padding:0 20px}
.valueWrapper{background:linear-gradient(165deg,#fff5eb 0%,#fff 100%);padding:48px 40px;border-radius:20px;border-left:6px solid #97560A}
.valueWrapper h2{font-size:2rem;color:#2a2a2a;margin:0 0 24px}
.valueList{display:grid;gap:20px}
.valueItem{display:flex;align-items:flex-start;gap:16px}
.valueIcon{flex-shrink:0;width:44px;height:44px;background:#97560A;border-radius:8px;display:flex;align-items:center;justify-content:center}
.valueIcon svg{width:24px;height:24px;fill:#fff}
.valueText h4{font-size:1.1rem;color:#1a1a1a;margin:0 0 6px}
.valueText p{font-size:.95rem;color:#5a5a5a;margin:0;line-height:1.5}
.collaborationSection{max-width:960px;margin:0 auto 90px;padding:0 20px}
.collaborationSection h2{font-size:2rem;color:#2a2a2a;margin:0 0 36px;text-align:center}
.modelGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.modelBox{background:#fff;padding:32px 28px;border-radius:16px;border:1px solid #e5e5e5;position:relative;transition:all .3s ease}
.modelBox::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8D3DF0 0%,#D6F0FD 100%);border-radius:16px 16px 0 0;transition:height .3s ease}
.modelBox:hover{box-shadow:0 10px 28px #8d3df033;border-color:#8D3DF0}
.modelBox:hover::before{height:6px}
.modelBox h3{font-size:1.3rem;color:#1a1a1a;margin:0 0 14px}
.modelBox p{font-size:.95rem;color:#5a5a5a;margin:0;line-height:1.6}
.interactiveSection{max-width:960px;margin:0 auto 85px;padding:0 20px}
.interactiveWrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.interactiveImage{border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #0000001a}
.interactiveImage img{width:100%;height:100%;object-fit:cover}
.interactiveContent h2{font-size:2rem;color:#2a2a2a;margin:0 0 20px}
.toolsList{display:flex;flex-direction:column;gap:16px}
.toolItem{background:linear-gradient(120deg,#f5f8ff 0%,#fff 100%);padding:20px;border-radius:10px;border-left:4px solid #8D3DF0;transition:all .3s ease}
.toolItem:hover{transform:translateX(6px);box-shadow:0 4px 16px #8d3df026}
.toolItem h5{font-size:1.05rem;color:#1a1a1a;margin:0 0 6px}
.toolItem p{font-size:.9rem;color:#5a5a5a;margin:0;line-height:1.5}
.guaranteesSection{max-width:960px;margin:0 auto 90px;padding:0 20px}
.guaranteesBox{background:linear-gradient(145deg,#fafcff 0%,#fff 100%);padding:50px 44px;border-radius:20px;box-shadow:0 8px 24px #8d3df014}
.guaranteesBox h2{font-size:2rem;color:#2a2a2a;margin:0 0 32px;text-align:center}
.guaranteeGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.guaranteeCard{padding:24px;background:#fff;border-radius:12px;border:2px solid #D6F0FD;transition:all .3s ease}
.guaranteeCard:hover{border-color:#8D3DF0;box-shadow:0 6px 18px #8d3df01f}
.guaranteeCard h4{font-size:1.15rem;color:#8D3DF0;margin:0 0 10px}
.guaranteeCard p{font-size:.95rem;color:#5a5a5a;margin:0;line-height:1.6}
.trustSection{max-width:960px;margin:0 auto 80px;padding:0 20px}
.trustWrapper{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.trustImage{border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #97560a1f}
.trustImage img{width:100%;height:100%;object-fit:cover}
.trustContent h2{font-size:2rem;color:#2a2a2a;margin:0 0 20px}
.trustContent p{font-size:1rem;color:#5a5a5a;margin:0 0 24px;line-height:1.6}
.testimonialBox{background:linear-gradient(135deg,#fff8f0 0%,#fff 100%);padding:24px;border-radius:12px;border-left:5px solid #97560A}
.testimonialBox p{font-size:.95rem;color:#4a4a4a;margin:0 0 12px;line-height:1.6;font-style:italic}
.authorInfo{font-size:.9rem;color:#97560A;font-weight:600;margin:0}
@media (max-width: 768px) {
.heroImageBox{height:400px}
.heroContent{bottom:24px;left:20px;right:20px;padding:24px}
.heroContent h1{font-size:1.8rem}
.heroContent p{font-size:1rem}
.numbersGrid{grid-template-columns:1fr}
.valueWrapper{padding:32px 24px}
.modelGrid{grid-template-columns:1fr}
.interactiveWrapper{grid-template-columns:1fr}
.guaranteeGrid{grid-template-columns:1fr}
.trustWrapper{grid-template-columns:1fr}
.guaranteesBox{padding:36px 24px}
}
@media (max-width: 480px) {
.heroContent h1{font-size:1.5rem}
.statCard h3{font-size:2.2rem}
.valueWrapper h2,.collaborationSection h2,.interactiveContent h2,.guaranteesBox h2,.trustContent h2{font-size:1.6rem}
}
.gameHero{background:linear-gradient(127deg,#8D3DF0 0%,#97560A 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.gameHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#d6f0fd26 0%,transparent 70%);animation:floatShape 20s ease-in-out infinite}
@keyframes floatShape {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(-30px,30px) rotate(180deg)}
}
.gameHero .heroWrap{max-width:960px;margin:0 auto;position:relative;z-index:2}
.gameHero .mainHeading{font-size:3.2rem;color:#fff;font-weight:800;margin:0 0 16px;line-height:1.1}
.gameHero .subHeading{font-size:1.5rem;color:#D6F0FD;font-weight:400;margin:0 0 24px;max-width:680px}
.gameHero .accentLine{font-size:1.1rem;color:#ffffffe6;margin:0;max-width:600px}
.gameHero .heroImgBox{margin-top:40px;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #0000004d}
.gameHero .heroImgBox img{width:100%;height:auto;display:block;position:relative}
.gameHero .heroImgBox::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 30%,#0009 100%);pointer-events:none}
.demoSection{padding:70px 20px;background:linear-gradient(215deg,#f8f9fa 0%,#D6F0FD 100%)}
.demoSection .contentWrap{max-width:960px;margin:0 auto}
.demoSection .sectionLabel{font-size:2.4rem;color:#1a1a1a;font-weight:700;margin:0 0 20px;position:relative;display:inline-block}
.demoSection .sectionLabel::before{content:'';position:absolute;bottom:-6px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#8D3DF0,#97560A);border-radius:2px}
.demoSection .introText{font-size:1.05rem;color:#4a4a4a;line-height:1.7;margin:0 0 36px;max-width:720px}
.demoSection .gameFrame{position:relative;width:100%;max-width:800px;margin:0 auto;aspect-ratio:16 / 9;background:#fff;border-radius:16px;border:3px solid #8D3DF0;box-shadow:0 8px 24px #8d3df033;overflow:hidden}
.demoSection .blurOverlay{position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(8px);background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:5}
.demoSection .demoLinkBtn{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#8D3DF0,#97560A);color:#fff;font-size:1.2rem;font-weight:700;text-decoration:none;border-radius:8px;box-shadow:0 6px 20px #8d3df066;transition:all .3s ease}
.demoSection .demoLinkBtn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 30px #8d3df080}
.demoSection .demoLinkBtn:active{transform:translateY(0) scale(0.98)}
.featureGrid{padding:60px 20px;background:#fff}
.featureGrid .gridContainer{max-width:960px;margin:0 auto}
.featureGrid .gridTitle{font-size:2.2rem;color:#1a1a1a;font-weight:700;margin:0 0 44px;text-align:center}
.featureGrid .cardsLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.featureGrid .featureCard{background:linear-gradient(160deg,#fafbfc 0%,#D6F0FD 100%);padding:32px 24px;border-radius:12px;border-left:5px solid #8D3DF0;box-shadow:0 4px 16px #00000014;transition:all .3s ease}
.featureGrid .featureCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8d3df026}
.featureGrid .cardHeading{font-size:1.4rem;color:#8D3DF0;font-weight:700;margin:0 0 14px}
.featureGrid .cardText{font-size:1rem;color:#4a4a4a;line-height:1.6;margin:0}
.mechanicsExplain{padding:70px 20px;background:linear-gradient(45deg,#8D3DF0 0%,#97560A 50%,#D6F0FD 100%);position:relative}
.mechanicsExplain .explainBox{max-width:960px;margin:0 auto;background:#fffffff2;padding:48px 40px;border-radius:20px;box-shadow:0 12px 40px #0003}
.mechanicsExplain .boxTitle{font-size:2.1rem;color:#1a1a1a;font-weight:700;margin:0 0 28px}
.mechanicsExplain .mechanicsList{display:flex;flex-direction:column;gap:18px}
.mechanicsExplain .mechItem{display:flex;align-items:flex-start;gap:16px}
.mechanicsExplain .mechIcon{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#8D3DF0,#97560A);display:flex;align-items:center;justify-content:center;margin-top:4px}
.mechanicsExplain .mechIcon::before{content:'✓';color:#fff;font-size:18px;font-weight:700}
.mechanicsExplain .mechContent h4{font-size:1.2rem;color:#8D3DF0;font-weight:700;margin:0 0 8px}
.mechanicsExplain .mechContent p{font-size:1rem;color:#4a4a4a;line-height:1.6;margin:0}
.ctaSection{padding:80px 20px;background:#fff}
.ctaSection .ctaWrap{max-width:960px;margin:0 auto;text-align:center}
.ctaSection .finalHeading{font-size:2.6rem;color:#1a1a1a;font-weight:800;margin:0 0 20px}
.ctaSection .finalText{font-size:1.15rem;color:#4a4a4a;line-height:1.7;margin:0 0 36px;max-width:640px;margin-left:auto;margin-right:auto}
.ctaSection .btnGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaSection .primaryBtn{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#8D3DF0,#97560A);color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none;border-radius:6px;box-shadow:0 6px 18px #8d3df04d;transition:all .3s ease}
.ctaSection .primaryBtn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 28px #8d3df066}
.ctaSection .secondaryBtn{display:inline-block;padding:16px 42px;background:transparent;color:#8D3DF0;font-size:1.1rem;font-weight:700;text-decoration:none;border:2px solid #8D3DF0;border-radius:6px;transition:all .3s ease}
.ctaSection .secondaryBtn:hover{background:#8D3DF0;color:#fff;transform:translateY(-3px)}
@media (max-width: 768px) {
.gameHero .mainHeading{font-size:2.2rem}
.gameHero .subHeading{font-size:1.2rem}
.demoSection .sectionLabel{font-size:2rem}
.featureGrid .cardsLayout{grid-template-columns:1fr}
.mechanicsExplain .explainBox{padding:32px 24px}
.ctaSection .finalHeading{font-size:2rem}
.ctaSection .btnGroup{flex-direction:column;align-items:center}
.ctaSection .primaryBtn,.ctaSection .secondaryBtn{width:100%;max-width:300px}
}
@media (max-width: 480px) {
.gameHero{padding:60px 20px 50px}
.gameHero .mainHeading{font-size:1.8rem}
.demoSection .gameFrame{aspect-ratio:4 / 3}
.mechanicsExplain .boxTitle{font-size:1.7rem}
}
.contactHeroWrapper{position:relative;padding:90px 20px 80px;background:linear-gradient(135deg,#8D3DF0 0%,#97560A 100%);overflow:hidden}
.contactHeroWrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px;opacity:.4}
.contactHeroContainer{max-width:960px;margin:0 auto;position:relative;z-index:2}
.contactHeroContent{max-width:680px}
.contactHeroContent h1{font-size:2.8rem;color:#fff;margin:0 0 18px;line-height:1.2;font-weight:700}
.contactHeroContent p{font-size:1.1rem;color:#ffffffeb;line-height:1.6;margin:0}
.contactMainContent{max-width:960px;margin:0 auto;padding:70px 20px}
.contactInfoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:65px}
.infoCard{background:linear-gradient(145deg,#f8f9fa 0%,#fff 100%);padding:32px 28px;border-radius:12px;box-shadow:0 4px 12px #8d3df014;transition:all .3s ease;border:1px solid #8d3df01a}
.infoCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #8d3df026}
.infoCard h3{font-size:1.25rem;color:#2c3e50;margin:0 0 16px;font-weight:600}
.infoCard p{font-size:1rem;color:#555;line-height:1.7;margin:0}
.infoCard a{color:#8D3DF0;text-decoration:none;transition:color .2s ease}
.infoCard a:hover{color:#97560A;text-decoration:underline}
.contactFormSection{background:#fff;border-radius:16px;padding:50px 40px;box-shadow:0 6px 18px #0000000f;margin-bottom:60px}
.contactFormSection h2{font-size:2rem;color:#2c3e50;margin:0 0 12px;font-weight:700}
.contactFormSection .formIntro{font-size:1.05rem;color:#666;margin:0 0 35px;line-height:1.6}
.contactForm{display:grid;gap:26px}
.formRow{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.formGroup{display:flex;flex-direction:column}
.formGroup label{font-size:.95rem;color:#444;margin-bottom:8px;font-weight:500}
.formGroup input,.formGroup select,.formGroup textarea{padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fafafa}
.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{outline:none;border-color:#8D3DF0;background:#fff;box-shadow:0 0 0 3px #8d3df01a}
.formGroup textarea{min-height:140px;resize:vertical;font-family:inherit}
.formGroup select{cursor:pointer;appearance:none;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='%23666' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}
.privacyCheckbox{display:flex;align-items:flex-start;gap:10px;margin-top:8px}
.privacyCheckbox input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacyCheckbox label{font-size:.9rem;color:#555;line-height:1.5;margin:0;cursor:pointer}
.privacyCheckbox a{color:#8D3DF0;text-decoration:none}
.privacyCheckbox a:hover{text-decoration:underline}
.submitBtn{background:linear-gradient(135deg,#8D3DF0 0%,#97560A 100%);color:#fff;padding:16px 48px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8d3df04d;justify-self:start;z-index:10;position:relative}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8d3df066}
.submitBtn:active{transform:translateY(0)}
.visualSection{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:70px}
.visualContent h3{font-size:1.8rem;color:#2c3e50;margin:0 0 20px;font-weight:700}
.visualContent p{font-size:1.05rem;color:#555;line-height:1.7;margin:0 0 16px}
.visualImageBox{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0000001f}
.visualImageBox::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,transparent 20%,#0006 100%);pointer-events:none}
.visualImageBox img{width:100%;height:380px;object-fit:cover;display:block}
.responseTimeBox{background:linear-gradient(145deg,#D6F0FD 0%,#fff 100%);padding:40px 35px;border-radius:12px;border-left:5px solid #8D3DF0;margin-bottom:50px}
.responseTimeBox h3{font-size:1.5rem;color:#2c3e50;margin:0 0 18px;font-weight:700}
.responseTimeBox p{font-size:1.05rem;color:#444;line-height:1.7;margin:0 0 12px}
.responseTimeBox p:last-child{margin:0}
@media (max-width: 768px) {
.contactHeroWrapper{padding:60px 20px 50px}
.contactHeroContent h1{font-size:2rem}
.contactMainContent{padding:50px 20px}
.contactInfoGrid{grid-template-columns:1fr;gap:20px}
.contactFormSection{padding:35px 25px}
.contactFormSection h2{font-size:1.6rem}
.formRow{grid-template-columns:1fr;gap:26px}
.visualSection{grid-template-columns:1fr;gap:30px}
.visualImageBox img{height:280px}
.responseTimeBox{padding:30px 25px}
}
@media (max-width: 480px) {
.contactHeroContent h1{font-size:1.7rem}
.contactFormSection{padding:30px 20px}
.submitBtn{width:100%;padding:15px 30px}
}
.successWrapper{max-width:960px;margin:0 auto;padding:40px 20px}
.successHero{text-align:center;padding:80px 20px 60px;background:linear-gradient(142deg,#8D3DF0 0%,#97560A 100%);border-radius:16px;margin-bottom:60px;box-shadow:0 8px 24px #8d3df026}
.successHero .iconGraphic{width:120px;height:120px;margin:0 auto 32px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000001a}
.successHero .iconGraphic svg{width:64px;height:64px}
.successHero .mainHeading{font-size:42px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2}
.successHero .subtext{font-size:18px;color:#ffffffe6;margin:0 0 36px;max-width:560px;margin-left:auto;margin-right:auto}
.successHero .ctaGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.successHero .btnPrimary{padding:16px 40px;background:#fff;color:#8D3DF0;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 12px #0000001a}
.successHero .btnPrimary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:#f8f8f8}
.successHero .btnSecondary{padding:16px 40px;background:transparent;color:#fff;border:2px solid #fff6;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}
.successHero .btnSecondary:hover{border-color:#fff;background:#ffffff1a;transform:translateY(-2px)}
.infoMatrix{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}
.matrixCard{background:linear-gradient(135deg,#8d3df00d 0%,#d6f0fd14 100%);padding:32px 24px;border-radius:12px;text-align:center;border:1px solid #8d3df01a;transition:all .3s ease;position:relative;overflow:hidden}
.matrixCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8D3DF0 0%,#97560A 100%);transform:scaleX(0);transition:transform .3s ease}
.matrixCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8d3df01f;border-color:#8d3df04d}
.matrixCard:hover::before{transform:scaleX(1)}
.matrixCard .cardIcon{width:56px;height:56px;margin:0 auto 20px;background:linear-gradient(135deg,#8D3DF0 0%,#97560A 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.matrixCard .cardIcon svg{width:28px;height:28px}
.matrixCard .cardTitle{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.matrixCard .cardDesc{font-size:15px;color:#666;line-height:1.6;margin:0}
@media (max-width: 768px) {
.successWrapper{padding:24px 16px}
.successHero{padding:60px 20px 40px;margin-bottom:40px}
.successHero .iconGraphic{width:100px;height:100px;margin-bottom:24px}
.successHero .iconGraphic svg{width:52px;height:52px}
.successHero .mainHeading{font-size:32px}
.successHero .subtext{font-size:16px;margin-bottom:28px}
.successHero .ctaGroup{flex-direction:column;gap:12px}
.successHero .btnPrimary,.successHero .btnSecondary{width:100%;padding:14px 32px}
.infoMatrix{grid-template-columns:1fr;gap:16px;margin-bottom:40px}
.matrixCard{padding:28px 20px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.infoMatrix{grid-template-columns:repeat(2,1fr)}
}