@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;1,400;0,700;1,700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Lora',serif;background:#fff;color:#1a1a1a;line-height:1.6}
.headerWrap{max-width:1400px;margin:0 auto;padding:25px 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,#dc36c314 0%,#18a8f514 100%);border-bottom:3px solid #DC36C3;box-shadow:0 8px 20px #dc36c326}
.headerWrap .leftZone{display:flex;flex-direction:column;gap:12px}
.headerWrap .brandBox{display:flex;align-items:center;gap:18px}
.headerWrap .logoImg{width:95px;height:95px;border-radius:12px;background:#ffffffe6;padding:8px;box-shadow:0 4px 12px #dc36c34d}
.headerWrap .companyLabel{font-size:32px;font-weight:700;color:#DC36C3;text-shadow:2px 2px 4px #18a8f533}
.headerWrap .taglineText{font-size:15px;color:#555;margin:0;padding-left:5px}
.headerWrap .rightZone{display:flex;justify-content:flex-end;align-items:center}
.headerWrap .mainNav{display:flex;gap:28px;flex-wrap:wrap}
.headerWrap .navLink{color:#1a1a1a;text-decoration:none;font-size:17px;font-weight:600;padding:10px 18px;border-radius:50px;background:#18a8f51a;transition:all .3s ease}
.headerWrap .navLink:hover{background:#18A8F5;color:#fff}
@media (max-width: 768px) {
.headerWrap{grid-template-columns:1fr;gap:20px;text-align:center}
.headerWrap .brandBox{justify-content:center}
.headerWrap .rightZone{justify-content:center}
.headerWrap .mainNav{justify-content:center;gap:15px}
.headerWrap .companyLabel{font-size:26px}
.headerWrap .logoImg{width:75px;height:75px}
}
.footerContainer{max-width:1400px;margin:0 auto;padding:50px 20px 25px;background:linear-gradient(180deg,#f8f8f8 0%,#ececec 100%);border-top:4px solid #DC36C3}
.footerContainer .footerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:35px}
.footerContainer .footerHead{font-size:20px;font-weight:700;color:#DC36C3;margin-bottom:15px}
.footerContainer .footerAddress,.footerContainer .footerContact{font-size:15px;color:#444;line-height:1.8}
.footerContainer .contactItem{display:block;margin-top:8px}
.footerContainer .footerNav{display:flex;flex-direction:column;gap:10px}
.footerContainer .footerLink{color:#18A8F5;text-decoration:none;font-size:15px;transition:color .2s ease}
.footerContainer .footerLink:hover{color:#DC36C3}
.footerContainer .disclaimerText{font-size:14px;color:#555;line-height:1.7;padding:15px;background:#fef41e26;border-radius:10px;border-left:4px solid #FEF41E}
.footerContainer .footerBottom{text-align:center;padding-top:25px;border-top:2px solid #ddd}
.footerContainer .copyrightText{font-size:14px;color:#666}
.ageOverlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:9999}
.agePopup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:35px;border-radius:14px;box-shadow:0 12px 40px #dc36c366;min-width:350px;max-width:450px;z-index:10000;text-align:center}
.agePopup .ageTitle{font-size:24px;font-weight:700;color:#DC36C3;margin-bottom:18px}
.agePopup .ageMessage{font-size:16px;color:#333;margin-bottom:12px;line-height:1.6}
.agePopup .ageSubtext{font-size:15px;color:#666;margin-bottom:25px}
.agePopup .ageButtons{display:flex;gap:15px;justify-content:center;margin-bottom:15px}
.agePopup .ageConfirm,.agePopup .ageDeny{padding:12px 28px;font-size:16px;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;min-height:48px}
.agePopup .ageConfirm{background:#18A8F5;color:#fff}
.agePopup .ageConfirm:hover{background:#1590d3}
.agePopup .ageDeny{background:#e0e0e0;color:#333}
.agePopup .ageDeny:hover{background:#ccc}
.agePopup .ageDenialMsg{display:none;font-size:14px;color:#DC36C3;margin-top:15px;font-weight:600}
@media (max-width: 768px) {
.agePopup{width:85vw;max-width:380px;padding:25px}
.agePopup .ageButtons{flex-direction:column}
.agePopup .ageConfirm,.agePopup .ageDeny{width:100%}
}
.cookieBox{display:none;position:fixed;bottom:25px;left:25px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 10px 30px #dc36c359;max-width:420px;z-index:8888;animation:slideInRight .5s ease}
@keyframes slideInRight {
from{transform:translateX(500px);opacity:0}
to{transform:translateX(0);opacity:1}
}
.cookieBox.hidden{animation:slideOutRight .5s ease}
@keyframes slideOutRight {
from{transform:translateX(0);opacity:1}
to{transform:translateX(500px);opacity:0}
}
.cookieBox .cookieTitle{font-size:20px;font-weight:700;color:#DC36C3;margin-bottom:12px}
.cookieBox .cookieDesc{font-size:14px;color:#555;margin-bottom:18px}
.cookieBox .cookieAccordion{margin-bottom:20px}
.cookieBox .accordionItem{margin-bottom:10px}
.cookieBox .accordionBtn{width:100%;background:#f5f5f5;border:none;padding:12px 15px;text-align:left;cursor:pointer;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;color:#333;transition:background .2s ease}
.cookieBox .accordionBtn:hover{background:#e8e8e8}
.cookieBox .accordionIcon{font-size:20px;color:#18A8F5}
.cookieBox .accordionPanel{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#fafafa;border-radius:8px;padding:0 15px}
.cookieBox .accordionPanel p{font-size:13px;color:#666;margin:10px 0}
.cookieBox .toggleLabel{display:flex;align-items:center;cursor:pointer;margin:10px 0}
.cookieBox .cookieToggle{display:none}
.cookieBox .toggleSlider{width:50px;height:26px;background:#ccc;border-radius:50px;position:relative;transition:background .3s ease}
.cookieBox .toggleSlider::before{content:'';position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s ease}
.cookieBox .cookieToggle:checked + .toggleSlider{background:#18A8F5}
.cookieBox .cookieToggle:checked + .toggleSlider::before{transform:translateX(24px)}
.cookieBox .cookieBtns{display:flex;gap:12px;margin-bottom:12px}
.cookieBox .cookieAccept,.cookieBox .cookieDecline{flex:1;padding:12px;font-size:15px;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease}
.cookieBox .cookieAccept{background:#18A8F5;color:#fff}
.cookieBox .cookieAccept:hover{background:#1590d3}
.cookieBox .cookieDecline{background:#e0e0e0;color:#333}
.cookieBox .cookieDecline:hover{background:#ccc}
.cookieBox .cookiePolicy{font-size:12px;color:#777}
.cookieBox .cookiePolicy a{color:#DC36C3;text-decoration:none}
.cookieBox .cookiePolicy a:hover{text-decoration:underline}
@media (max-width: 768px) {
.cookieBox{left:10px;right:10px;bottom:10px;max-width:none}
.cookieBox .cookieBtns{flex-direction:column}
}
.policy-page-et{max-width:1400px;margin:0 auto;padding:80px 24px;background:#fff}
.policy-page-et h1{font-size:48px;line-height:1.2;font-weight:700;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.5px}
.policy-page-et h2{font-size:36px;line-height:1.3;font-weight:700;color:#2a2a2a;margin:64px 0 24px;letter-spacing:-.3px}
.policy-page-et h3{font-size:28px;line-height:1.4;font-weight:600;color:#3a3a3a;margin:48px 0 20px}
.policy-page-et h4{font-size:22px;line-height:1.4;font-weight:600;color:#4a4a4a;margin:36px 0 16px}
.policy-page-et h5{font-size:18px;line-height:1.5;font-weight:600;color:#5a5a5a;margin:28px 0 14px}
.policy-page-et h6{font-size:16px;line-height:1.5;font-weight:600;color:#6a6a6a;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.policy-page-et p{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 24px}
.policy-page-et ul{margin:0 0 28px;padding:0 0 0 28px;list-style-type:disc}
.policy-page-et ol{margin:0 0 28px;padding:0 0 28px;list-style-type:decimal;counter-reset:item}
.policy-page-et li{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 12px;padding-left:8px}
.policy-page-et ul li{list-style-type:disc}
.policy-page-et ol li{list-style-type:decimal}
.policy-page-et ul ul{margin:12px 0;padding-left:28px}
.policy-page-et ul ul li{list-style-type:circle}
.policy-page-et ol ol{margin:12px 0;padding-left:28px}
.policy-page-et strong{font-weight:700;color:#2a2a2a}
.policy-page-et b{font-weight:700;color:#2a2a2a}
.policy-page-et em{font-style:italic;color:#3a3a3a}
.policy-page-et i{font-style:italic;color:#3a3a3a}
.policy-page-et a{color:#DC36C3;text-decoration:underline;font-weight:500;transition:all .3s ease}
.policy-page-et a:hover{color:#18A8F5;text-decoration:none}
.policy-page-et a:focus{outline:2px solid #DC36C3;outline-offset:2px;border-radius:4px}
.policy-page-et hr{border:none;height:2px;background:linear-gradient(to right,#DC36C3,#18A8F5);margin:56px 0;border-radius:2px;opacity:.3}
.policy-page-et div{margin:0 0 24px}
@media (max-width: 1024px) {
.policy-page-et{padding:64px 20px}
.policy-page-et h1{font-size:40px}
.policy-page-et h2{font-size:32px;margin:52px 0 20px}
.policy-page-et h3{font-size:24px;margin:40px 0 18px}
.policy-page-et h4{font-size:20px}
}
@media (max-width: 768px) {
.policy-page-et{padding:48px 16px}
.policy-page-et h1{font-size:32px}
.policy-page-et h2{font-size:26px;margin:44px 0 18px}
.policy-page-et h3{font-size:22px;margin:36px 0 16px}
.policy-page-et h4{font-size:18px}
.policy-page-et h5{font-size:16px}
.policy-page-et h6{font-size:14px}
.policy-page-et p{font-size:16px}
.policy-page-et li{font-size:16px}
.policy-page-et ul{padding-left:20px}
.policy-page-et ol{padding-left:20px}
.policy-page-et ul ul{padding-left:20px}
.policy-page-et ol ol{padding-left:20px}
}
@media (max-width: 480px) {
.policy-page-et{padding:40px 12px}
.policy-page-et h1{font-size:28px}
.policy-page-et h2{font-size:22px;margin:40px 0 16px}
.policy-page-et h3{font-size:20px}
.policy-page-et hr{margin:44px 0}
}
.titleHero{background:linear-gradient(135deg,#DC36C3 0%,#18A8F5 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.titleHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#fef41e26;border-radius:50%;filter:blur(80px)}
.titleHero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:#18a8f533;border-radius:50%;filter:blur(100px)}
.heroContent{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroText h1{font-size:3.2rem;color:#fff;margin:0 0 24px;line-height:1.2;font-weight:700}
.heroText p{font-size:1.15rem;color:#fffffff2;line-height:1.7;margin:0 0 32px}
.heroImage{position:relative}
.heroImage img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 20px 60px #0000004d}
.primaryCta{display:inline-block;background:#FEF41E;color:#1a1a1a;padding:16px 40px;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;box-shadow:0 8px 24px #fef41e66;transition:all .3s ease}
.primaryCta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #fef41e80}
.supportLevels{padding:100px 20px;background:#f8f9fa}
.supportWrap{max-width:1400px;margin:0 auto}
.supportWrap h2{font-size:2.6rem;color:#1a1a1a;margin:0 0 16px;text-align:center}
.supportWrap > p{font-size:1.1rem;color:#4a4a4a;text-align:center;max-width:800px;margin:0 auto 60px;line-height:1.7}
.levelsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.levelCard{background:#fff;padding:40px 32px;border-radius:12px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;position:relative;overflow:hidden}
.levelCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#DC36C3,#18A8F5)}
.levelCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}
.levelCard h3{font-size:1.6rem;color:#DC36C3;margin:0 0 20px}
.levelCard p{font-size:1rem;color:#5a5a5a;line-height:1.8;margin:0 0 24px}
.levelCard ul{list-style:none;padding:0;margin:0}
.levelCard li{font-size:.95rem;color:#4a4a4a;padding:10px 0 10px 28px;position:relative;line-height:1.6}
.levelCard li::before{content:'';position:absolute;left:0;top:16px;width:16px;height:16px;background:#18A8F5;border-radius:50%}
.motivationSection{padding:100px 20px;background:linear-gradient(165deg,#fff 0%,#f0f4ff 100%);position:relative}
.motivationContainer{max-width:1400px;margin:0 auto}
.motivationTop{text-align:center;margin-bottom:70px}
.motivationTop h2{font-size:2.6rem;color:#1a1a1a;margin:0 0 20px}
.motivationTop p{font-size:1.1rem;color:#4a4a4a;max-width:750px;margin:0 auto;line-height:1.7}
.progressTracker{background:#fff;border-radius:16px;padding:50px 40px;box-shadow:0 8px 24px #0000001a;margin-bottom:50px}
.trackSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative}
.trackSteps::before{content:'';position:absolute;top:30px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,#DC36C3 0%,#DC36C3 33%,#18A8F5 66%,#FEF41E 100%);z-index:1}
.stepItem{position:relative;z-index:2;text-align:center}
.stepIcon{width:60px;height:60px;border-radius:50%;background:#DC36C3;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #dc36c366}
.stepItem:nth-child(2) .stepIcon{background:#DC36C3}
.stepItem:nth-child(3) .stepIcon{background:#18A8F5;box-shadow:0 6px 20px #18a8f566}
.stepItem:nth-child(4) .stepIcon{background:#FEF41E;box-shadow:0 6px 20px #fef41e66}
.stepIcon svg{width:28px;height:28px;fill:#fff}
.stepItem h4{font-size:1.1rem;color:#1a1a1a;margin:0 0 8px;font-weight:600}
.stepItem p{font-size:.9rem;color:#5a5a5a;line-height:1.5;margin:0}
.motivationGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.motivationImage img{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 12px 40px #00000026}
.motivationDetails h3{font-size:2rem;color:#DC36C3;margin:0 0 24px}
.motivationDetails p{font-size:1.05rem;color:#4a4a4a;line-height:1.8;margin:0 0 20px}
.statsRow{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
.statBox{background:linear-gradient(135deg,#DC36C3 0%,#18A8F5 100%);padding:24px;border-radius:12px;color:#fff}
.statBox .number{font-size:2.4rem;font-weight:700;margin:0 0 8px;display:block}
.statBox .label{font-size:.95rem;opacity:.95}
@media (max-width: 1024px) {
.heroContent{grid-template-columns:1fr;gap:40px}
.heroText h1{font-size:2.6rem}
.levelsGrid{grid-template-columns:1fr}
.trackSteps{grid-template-columns:repeat(2,1fr)}
.trackSteps::before{display:none}
.motivationGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.titleHero{padding:80px 20px 60px}
.heroText h1{font-size:2rem}
.heroImage img{height:320px}
.supportLevels,.motivationSection{padding:60px 20px}
.supportWrap h2,.motivationTop h2{font-size:2rem}
.trackSteps{grid-template-columns:1fr}
.statsRow{grid-template-columns:1fr}
.motivationImage img{height:300px}
}
.topInfoBand{background:linear-gradient(135deg,#DC36C3 0%,#18A8F5 100%);padding:18px 0;text-align:center}
.topInfoBand p{color:#fff;font-size:15px;margin:0;max-width:1400px;margin-left:auto;margin-right:auto;padding:0 20px}
.topInfoBand a{color:#FEF41E;text-decoration:underline;font-weight:600}
.heroContact{background:linear-gradient(180deg,#f8f9fa 0%,#e9ecef 100%);padding:90px 20px;position:relative;overflow:hidden}
.heroContact::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#dc36c326 0%,transparent 70%);border-radius:50%;pointer-events:none}
.heroContact .contentWrap{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.heroContact .imageFrame{position:relative;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#DC36C3,#18A8F5);padding:3px;box-shadow:0 12px 40px #dc36c34d}
.heroContact .imageFrame::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,#fef41e66 0%,transparent 60%);pointer-events:none;z-index:2}
.heroContact .imageInner{background:linear-gradient(135deg,#18A8F5 0%,#DC36C3 100%);border-radius:10px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.heroContact .imageInner svg{width:180px;height:180px;opacity:.9;filter:drop-shadow(0 4px 20px #fef41e80)}
.heroContact .textContent h1{font-size:48px;line-height:1.2;margin:0 0 24px;color:#212529;font-weight:700}
.heroContact .textContent h1::after{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#DC36C3,#18A8F5);margin-top:16px;border-radius:10px}
.heroContact .textContent p{font-size:18px;line-height:1.7;color:#495057;margin:0 0 18px}
.contactData{padding:80px 20px;background:#fff}
.contactData .dataWrap{max-width:1400px;margin:0 auto}
.contactData h2{font-size:38px;margin:0 0 50px;text-align:center;color:#212529;position:relative;padding-bottom:20px}
.contactData h2::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#18A8F5,#DC36C3);border-radius:10px}
.contactData .infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:70px}
.contactData .infoCard{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:35px 28px;border-radius:12px;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}
.contactData .infoCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#DC36C3,#18A8F5);transform:scaleX(0);transition:transform .3s ease}
.contactData .infoCard:hover::before{transform:scaleX(1)}
.contactData .infoCard:hover{border-color:#dc36c34d;box-shadow:0 8px 24px #dc36c326;transform:translateY(-4px)}
.contactData .infoCard .iconWrap{width:60px;height:60px;background:linear-gradient(135deg,#DC36C3,#18A8F5);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.contactData .infoCard .iconWrap span{font-size:28px;color:#fff}
.contactData .infoCard h3{font-size:22px;margin:0 0 12px;color:#212529}
.contactData .infoCard p{font-size:16px;line-height:1.6;color:#495057;margin:0}
.contactData .infoCard a{color:#DC36C3;text-decoration:none;transition:color .3s ease}
.contactData .infoCard a:hover{color:#18A8F5}
.formSection{background:linear-gradient(180deg,#e9ecef 0%,#f8f9fa 100%);padding:80px 20px}
.formSection .formContainer{max-width:800px;margin:0 auto;background:#fff;padding:50px;border-radius:16px;box-shadow:0 10px 40px #00000014}
.formSection h2{font-size:36px;margin:0 0 16px;color:#212529;text-align:center}
.formSection .formIntro{text-align:center;font-size:17px;color:#6c757d;margin:0 0 40px;line-height:1.6}
.formSection .formGroup{margin-bottom:28px}
.formSection .formGroup label{display:block;font-size:15px;font-weight:600;color:#495057;margin-bottom:8px}
.formSection .formGroup input,.formSection .formGroup textarea{width:100%;padding:14px 18px;border:2px solid #dee2e6;border-radius:8px;font-size:16px;color:#212529;transition:all .3s ease;background:#f8f9fa}
.formSection .formGroup input:focus,.formSection .formGroup textarea:focus{outline:none;border-color:#DC36C3;background:#fff;box-shadow:0 0 0 4px #dc36c31a}
.formSection .formGroup textarea{resize:vertical;min-height:140px}
.formSection .privacyCheck{margin:30px 0}
.formSection .privacyCheck input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}
.formSection .privacyCheck label{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#6c757d;cursor:pointer;font-weight:400}
.formSection .privacyCheck label::before{content:'';flex-shrink:0;width:20px;height:20px;border:2px solid #dee2e6;border-radius:4px;background:#f8f9fa;transition:all .3s ease;margin-top:2px}
.formSection .privacyCheck input[type="checkbox"]:checked + label::before{background:linear-gradient(135deg,#DC36C3,#18A8F5);border-color:#DC36C3}
.formSection .privacyCheck input[type="checkbox"]:checked + label::after{content:'✓';position:absolute;left:4px;top:3px;color:#fff;font-size:14px;font-weight:700}
.formSection .privacyCheck{position:relative}
.formSection .privacyCheck a{color:#DC36C3;text-decoration:none;font-weight:600}
.formSection .privacyCheck a:hover{color:#18A8F5}
.formSection .submitBtn{width:100%;padding:16px 40px;background:linear-gradient(135deg,#DC36C3,#18A8F5);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #dc36c34d;position:relative;z-index:10}
.formSection .submitBtn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #dc36c366}
.formSection .submitBtn:active{transform:translateY(0)}
.hoursSection{padding:80px 20px;background:#fff}
.hoursSection .hoursWrap{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hoursSection .hoursText h2{font-size:40px;margin:0 0 24px;color:#212529}
.hoursSection .hoursText h2::before{content:'';display:inline-block;width:50px;height:5px;background:linear-gradient(90deg,#DC36C3,#18A8F5);margin-right:16px;vertical-align:middle;border-radius:10px}
.hoursSection .hoursText p{font-size:17px;line-height:1.7;color:#495057;margin:0 0 30px}
.hoursSection .scheduleBox{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:40px;border-radius:14px;border-left:6px solid #DC36C3;box-shadow:0 8px 24px #0000000f}
.hoursSection .scheduleBox h3{font-size:24px;margin:0 0 24px;color:#212529}
.hoursSection .dayRow{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #dee2e6}
.hoursSection .dayRow:last-child{border-bottom:none}
.hoursSection .dayRow .dayName{font-weight:600;color:#495057;font-size:16px}
.hoursSection .dayRow .dayTime{color:#DC36C3;font-weight:600;font-size:16px}
.mapAlternative{padding:80px 20px;background:linear-gradient(180deg,#f8f9fa 0%,#e9ecef 100%);position:relative}
.mapAlternative::before{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(0deg,#dc36c30d 0%,transparent 100%);pointer-events:none}
.mapAlternative .mapWrap{max-width:1100px;margin:0 auto;text-align:center}
.mapAlternative h2{font-size:38px;margin:0 0 20px;color:#212529}
.mapAlternative .mapDesc{font-size:18px;color:#6c757d;margin:0 0 40px;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}
.mapAlternative .addressBlock{background:#fff;padding:50px 40px;border-radius:16px;box-shadow:0 10px 40px #00000014;display:inline-block;text-align:left;position:relative;overflow:hidden}
.mapAlternative .addressBlock::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#DC36C3,#18A8F5,#FEF41E)}
.mapAlternative .addressBlock h3{font-size:26px;margin:0 0 20px;color:#212529}
.mapAlternative .addressBlock p{font-size:18px;line-height:1.8;color:#495057;margin:8px 0}
.mapAlternative .addressBlock p strong{color:#DC36C3;font-weight:700}
@media (max-width: 992px) {
.heroContact .contentWrap{grid-template-columns:1fr;gap:40px}
.heroContact .textContent h1{font-size:38px}
.contactData .infoGrid{grid-template-columns:1fr;gap:30px}
.hoursSection .hoursWrap{grid-template-columns:1fr;gap:40px}
.formSection .formContainer{padding:35px 25px}
}
@media (max-width: 768px) {
.heroContact{padding:60px 20px}
.heroContact .textContent h1{font-size:32px}
.heroContact .textContent p{font-size:16px}
.contactData{padding:60px 20px}
.contactData h2{font-size:32px}
.formSection{padding:60px 20px}
.formSection h2{font-size:30px}
.hoursSection{padding:60px 20px}
.hoursSection .hoursText h2{font-size:32px}
.mapAlternative{padding:60px 20px}
.mapAlternative h2{font-size:32px}
.mapAlternative .addressBlock{padding:35px 25px}
}
@media (max-width: 576px) {
.topInfoBand p{font-size:13px}
.heroContact .imageInner svg{width:120px;height:120px}
.heroContact .textContent h1{font-size:28px}
.contactData h2{font-size:28px;margin-bottom:35px}
.contactData .infoCard{padding:28px 20px}
.formSection .formContainer{padding:30px 20px}
.formSection h2{font-size:26px}
.hoursSection .hoursText h2{font-size:28px}
.hoursSection .scheduleBox{padding:30px 20px}
.mapAlternative h2{font-size:28px}
.mapAlternative .addressBlock{padding:30px 20px}
}
.gamesBanner{max-width:1400px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.gamesBanner .bannerVisual{position:relative;width:100%;height:500px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #dc36c326}
.gamesBanner .bannerVisual img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.1)}
.gamesBanner .bannerVisual::before{content:'';position:absolute;top:20px;left:-30px;width:8px;height:8px;background:#DC36C3;border-radius:50%;box-shadow:0 40px 0 #18A8F5,0 80px 0 #FEF41E,0 120px 0 #DC36C3,0 160px 0 #18A8F5}
.gamesBanner .textContent h1{font-size:48px;line-height:1.2;margin:0 0 24px;color:#1a1a1a}
.gamesBanner .textContent .motto{font-size:20px;line-height:1.6;color:#444;font-style:italic;border-left:4px solid #DC36C3;padding-left:24px;margin:0}
.demoBlock{background:linear-gradient(135deg,#18a8f514 0%,#dc36c314 100%);padding:80px 20px;margin:60px 0}
.demoBlock .demoWrapper{max-width:1400px;margin:0 auto}
.demoBlock h2{text-align:center;font-size:42px;margin:0 0 16px;color:#1a1a1a}
.demoBlock .demoSubtext{text-align:center;font-size:18px;color:#555;margin:0 0 40px}
.demoBlock .gameFrame{position:relative;background:#fff;border-radius:16px;padding:30px;box-shadow:0 12px 40px #00000014 0 0 0 1px #dc36c31a;max-width:1000px;margin:0 auto}
.demoBlock .gameFrame .aspectContainer{position:relative;width:100%;padding-bottom:56.25%;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;overflow:hidden}
.demoBlock .gameFrame .demoLink{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;background:#fffffff2;backdrop-filter:blur(8px);transition:all .3s ease;z-index:10}
.demoBlock .gameFrame .demoLink:hover{background:#fffffffa}
.demoBlock .gameFrame .demoLink .btnPlay{background:linear-gradient(135deg,#DC36C3 0%,#18A8F5 100%);color:#fff;padding:18px 48px;border-radius:50px;font-size:20px;font-weight:600;box-shadow:0 8px 20px #dc36c34d;transition:all .3s ease;border:none;cursor:pointer}
.demoBlock .gameFrame .demoLink:hover .btnPlay{transform:translateY(-2px);box-shadow:0 12px 28px #dc36c366}
.portfolioGrid{max-width:1400px;margin:0 auto;padding:80px 20px}
.portfolioGrid h2{font-size:38px;margin:0 0 50px;color:#1a1a1a;position:relative;padding-bottom:20px}
.portfolioGrid h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#DC36C3 0%,#18A8F5 100%);border-radius:2px}
.portfolioGrid .gridContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.portfolioGrid .gameCard{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;border:2px solid transparent}
.portfolioGrid .gameCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #dc36c326;border-color:#DC36C3}
.portfolioGrid .gameCard .cardHeader{background:linear-gradient(135deg,#18A8F5 0%,#DC36C3 100%);padding:20px;color:#fff}
.portfolioGrid .gameCard .cardHeader h3{margin:0 0 8px;font-size:22px}
.portfolioGrid .gameCard .cardHeader .genre{font-size:14px;opacity:.9;margin:0}
.portfolioGrid .gameCard .cardBody{padding:24px}
.portfolioGrid .gameCard .cardBody p{margin:0 0 20px;color:#555;line-height:1.6;font-size:15px}
.portfolioGrid .gameCard .cardBody .features{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.portfolioGrid .gameCard .cardBody .features li{background:#18a8f51a;padding:6px 14px;border-radius:20px;font-size:13px;color:#18A8F5;font-weight:500}
.processSection{background:#1a1a1a;padding:80px 20px;margin:60px 0 0;color:#fff}
.processSection .processWrap{max-width:1400px;margin:0 auto}
.processSection h2{font-size:40px;text-align:center;margin:0 0 60px;color:#fff}
.processSection .timeline{position:relative;padding-left:60px}
.processSection .timeline::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#DC36C3 0%,#18A8F5 50%,#FEF41E 100%)}
.processSection .timeline .step{position:relative;margin-bottom:50px;padding-left:40px}
.processSection .timeline .step::before{content:'';position:absolute;left:-48px;top:8px;width:20px;height:20px;background:#DC36C3;border-radius:50%;border:4px solid #1a1a1a;box-shadow:0 0 0 2px #DC36C3}
.processSection .timeline .step:nth-child(2)::before{background:#18A8F5;box-shadow:0 0 0 2px #18A8F5}
.processSection .timeline .step:nth-child(3)::before{background:#FEF41E;box-shadow:0 0 0 2px #FEF41E}
.processSection .timeline .step:nth-child(4)::before{background:#DC36C3;box-shadow:0 0 0 2px #DC36C3}
.processSection .timeline .step h3{font-size:26px;margin:0 0 12px;color:#FEF41E}
.processSection .timeline .step p{margin:0;color:#ccc;line-height:1.7;font-size:16px}
@media (max-width: 1024px) {
.gamesBanner{grid-template-columns:1fr;gap:40px;padding:40px 20px}
.gamesBanner .bannerVisual{height:400px}
.gamesBanner .textContent h1{font-size:38px}
.portfolioGrid .gridContainer{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 768px) {
.gamesBanner .textContent h1{font-size:32px}
.gamesBanner .textContent .motto{font-size:18px}
.demoBlock{padding:60px 20px}
.demoBlock h2{font-size:32px}
.demoBlock .gameFrame{padding:20px}
.portfolioGrid{padding:60px 20px}
.portfolioGrid h2{font-size:30px}
.portfolioGrid .gridContainer{grid-template-columns:1fr}
.processSection{padding:60px 20px}
.processSection h2{font-size:32px}
.processSection .timeline{padding-left:40px}
.processSection .timeline .step h3{font-size:22px}
}
.successWrapper{min-height:90vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#DC36C3 0%,#18A8F5 50%,#FEF41E 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow:hidden}
@keyframes gradientShift {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.successWrapper::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:180px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,50 C300,90 600,10 900,50 C1050,70 1150,90 1200,70 L1200,120 L0,120 Z' fill='%23ffffff' opacity='0.4'/%3E%3C/svg%3E") no-repeat;background-size:cover;animation:waveFloat 8s ease-in-out infinite}
.successWrapper::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:150px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,70 C250,30 550,100 800,60 C950,40 1100,50 1200,80 L1200,120 L0,120 Z' fill='%23ffffff' opacity='0.6'/%3E%3C/svg%3E") no-repeat;background-size:cover;animation:waveFloat 6s ease-in-out infinite reverse}
@keyframes waveFloat {
0%,100%{transform:translateX(0)}
50%{transform:translateX(-30px)}
}
.contentCard{background:#fffffff2;border-radius:16px;padding:60px 50px;max-width:680px;width:90%;margin:0 auto;box-shadow:0 12px 40px #dc36c340 0 6px 20px #18a8f526;text-align:center;position:relative;z-index:2;animation:cardPulse 3s ease-in-out infinite}
@keyframes cardPulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.02)}
}
.iconCircle{width:120px;height:120px;background:linear-gradient(135deg,#DC36C3,#18A8F5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;position:relative;animation:iconRotate 4s linear infinite}
@keyframes iconRotate {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.iconCircle::before{content:'';position:absolute;width:140px;height:140px;border:3px solid #fef41e66;border-radius:50%;animation:pulseRing 2s ease-out infinite}
@keyframes pulseRing {
0%{transform:scale(0.8);opacity:1}
100%{transform:scale(1.2);opacity:0}
}
.iconCircle svg{width:60px;height:60px;fill:#fff;animation:iconRotate 4s linear infinite reverse}
.contentCard h1{font-size:38px;color:#1a1a1a;margin:0 0 20px;font-weight:700;line-height:1.2}
.contentCard h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#DC36C3,#18A8F5);margin:20px auto 0;border-radius:2px}
.textBlock{font-size:17px;color:#4a4a4a;line-height:1.7;margin:0 0 35px}
.textBlock p{margin:0 0 18px}
.textBlock p:last-child{margin-bottom:0}
.btnContainer{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.btnPrimary9{display:inline-flex;align-items:center;gap:10px;padding:16px 34px;background:linear-gradient(135deg,#DC36C3,#18A8F5);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 6px 18px #dc36c34d;position:relative;overflow:hidden}
.btnPrimary9::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width 0.5s,height .5s}
.btnPrimary9:hover::before{width:300px;height:300px}
.btnPrimary9:hover{transform:translateY(-3px);box-shadow:0 10px 25px #dc36c366}
.btnPrimary9 span{position:relative;z-index:1}
.btnSecondary4{display:inline-flex;align-items:center;gap:10px;padding:16px 34px;background:#fff;color:#DC36C3;text-decoration:none;border-radius:10px;font-weight:600;font-size:16px;border:2px solid #DC36C3;transition:all .3s ease;position:relative;z-index:1}
.btnSecondary4:hover{background:#DC36C3;color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #dc36c34d}
.decorCircle1{position:absolute;width:200px;height:200px;border-radius:50%;background:#fef41e26;top:10%;left:5%;animation:floatAround 10s ease-in-out infinite;z-index:1}
.decorCircle2{position:absolute;width:150px;height:150px;border-radius:50%;background:#18a8f51f;bottom:15%;right:8%;animation:floatAround 12s ease-in-out infinite reverse;z-index:1}
@keyframes floatAround {
0%,100%{transform:translate(0,0)}
25%{transform:translate(20px,-20px)}
50%{transform:translate(-15px,15px)}
75%{transform:translate(25px,10px)}
}
@media (max-width: 768px) {
.contentCard{padding:45px 30px}
.contentCard h1{font-size:30px}
.iconCircle{width:100px;height:100px}
.iconCircle svg{width:50px;height:50px}
.btnContainer{flex-direction:column}
.btnPrimary9,.btnSecondary4{width:100%;justify-content:center}
.decorCircle1,.decorCircle2{display:none}
}
@media (max-width: 480px) {
.contentCard{padding:35px 20px}
.contentCard h1{font-size:26px}
.textBlock{font-size:15px}
}