*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Source Serif Pro',serif;background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 50%,#050505 100%);color:#e8e8e8;min-height:100vh;display:flex;flex-direction:column;line-height:1.6}
.headerOuter{background:linear-gradient(135deg,#2a1a3a 0%,#1a0d1f 50%,#0d0505 100%);border-bottom:2px solid #CF85FC;box-shadow:0 4px 12px #cf85fc33}
.headerInner{max-width:1024px;margin:0 auto;padding:0 20px}
.topRow{display:flex;align-items:center;justify-content:space-between;padding:24px 0 16px;gap:30px}
.logoWrapper{flex-shrink:0}
.logoLink{display:block;background:#cf85fc1a;padding:12px;border-radius:50%;box-shadow:0 0 20px #cf85fc4d 0 4px 8px #0006;transition:all .3s ease}
.logoLink:hover{background:#cf85fc33;box-shadow:0 0 30px #cf85fc80 0 6px 12px #00000080}
.siteLogo{width:90px;height:90px;display:block}
.mainNav{flex-grow:1}
.navList{list-style:none;display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}
.navItem{display:inline-block}
.navLink{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;color:#e8e8e8;text-decoration:none;background:#cf85fc14;border-radius:8px;transition:all .25s ease;border:1px solid transparent;min-width:90px}
.navLink i{font-size:20px;color:#CF85FC}
.navLink span{font-size:13px;font-weight:600;font-family:'Roboto Mono',monospace}
.navLink:hover{background:#cf85fc26;border-color:#CF85FC}
.bottomRow{padding:12px 0 20px;border-top:1px solid #cf85fc33;margin-top:8px}
.companyName{text-align:center}
.companyName span{font-size:14px;font-weight:300;color:#b8b8b8;letter-spacing:1px}
main{flex:1}
.footerOuter{background:linear-gradient(135deg,#1a0d1f 0%,#0d0505 50%,#1a1a1a 100%);border-top:2px solid #D30714;margin-top:60px}
.footerInner{max-width:1024px;margin:0 auto;padding:40px 20px 20px}
.footerContent{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}
.footerSection{background:#cf85fc0d;padding:24px;border-radius:12px;border:1px solid #cf85fc1a}
.footerHeading{font-size:18px;font-weight:600;color:#CF85FC;margin-bottom:16px;font-family:'Roboto Mono',monospace}
.footerLinks{list-style:none}
.footerLinks li{margin-bottom:10px}
.footerLink{color:#e8e8e8;text-decoration:none;font-size:14px;transition:color .2s ease;display:inline-block}
.footerLink:hover{color:#CF85FC}
.contactInfo{display:flex;flex-direction:column;gap:12px}
.contactItem{font-size:14px;color:#e8e8e8;display:flex;align-items:center;gap:10px}
.contactItem i{color:#D30714;font-size:18px}
.footerBottom{padding-top:20px;border-top:1px solid #cf85fc33;text-align:center}
.copyrightText{font-size:13px;color:#999;font-family:'Roboto Mono',monospace}
.cookieConsent{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.cookieConsent[data-state="visible"]{opacity:1;visibility:visible}
.consentBox{background:linear-gradient(135deg,#2a1a3a 0%,#1a0d1f 100%);border:2px solid #CF85FC;border-radius:12px;max-width:520px;width:90%;box-shadow:0 12px 40px #cf85fc66;animation:bounce-in .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes bounce-in {
0%{transform:scale(0.3);opacity:0}
50%{transform:scale(1.05)}
70%{transform:scale(0.9)}
100%{transform:scale(1);opacity:1}
}
.consentHeader{padding:24px 24px 16px;border-bottom:1px solid #cf85fc33}
.consentTitle{font-size:20px;font-weight:600;color:#CF85FC;font-family:'Roboto Mono',monospace}
.consentBody{padding:24px}
.consentText{font-size:14px;color:#e8e8e8;margin-bottom:20px;line-height:1.6}
.consentSettings{display:flex;flex-direction:column;gap:16px}
.settingItem{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#cf85fc0d;border-radius:8px;border:1px solid #cf85fc1a}
.settingInfo{display:flex;flex-direction:column;gap:4px}
.settingLabel{font-size:14px;font-weight:600;color:#e8e8e8}
.settingDesc{font-size:12px;color:#999}
.toggleSwitch{position:relative;width:50px;height:26px}
.toggleSwitch input{opacity:0;width:0;height:0}
.toggleLabel{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#444;border-radius:26px;transition:background .3s}
.toggleLabel::before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s}
.toggleSwitch input:checked + .toggleLabel{background:#CF85FC}
.toggleSwitch input:checked + .toggleLabel::before{transform:translateX(24px)}
.toggleSwitch.is-disabled .toggleLabel{background:#666;cursor:not-allowed}
.consentActions{padding:16px 24px 24px;display:flex;gap:12px}
.consentButton{flex:1;padding:12px 24px;font-size:14px;font-weight:600;font-family:'Roboto Mono',monospace;border:none;border-radius:8px;cursor:pointer;transition:all .25s ease}
.rejectButton{background:#d3071433;color:#e8e8e8;border:1px solid #D30714}
.rejectButton:hover{background:#d307144d}
.acceptButton{background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%);color:#fff;border:1px solid transparent}
.acceptButton:hover{box-shadow:0 4px 16px #cf85fc66}
@media (max-width: 768px) {
.topRow{flex-direction:column;gap:20px;padding:20px 0 12px}
.navList{justify-content:center;width:100%}
.navLink{min-width:70px;padding:10px 12px}
.navLink span{font-size:11px}
.siteLogo{width:70px;height:70px}
.footerContent{grid-template-columns:1fr}
.consentActions{flex-direction:column}
}
@media (max-width: 480px) {
.navList{gap:6px}
.navLink{min-width:60px;padding:8px 10px}
.navLink i{font-size:18px}
.navLink span{font-size:10px}
}
.techRequirementsMain{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1e 100%);color:#e8e8e8;padding:0;margin:0}
.techRequirementsMain .topIntroSection{max-width:1024px;margin:0 auto;padding:80px 24px 60px}
.techRequirementsMain .topIntroSection .mainHeadingWrap h1{font-size:48px;line-height:1.2;margin:0 0 24px;background:linear-gradient(120deg,#CF85FC 0%,#D30714 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.techRequirementsMain .topIntroSection .introTextBox{font-size:18px;line-height:1.6;color:#b8b8c8;max-width:720px}
.techRequirementsMain .systemSpecsGrid{max-width:1024px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.techRequirementsMain .systemSpecsGrid .specCardOuter{background:#cf85fc0d;border:1px solid #cf85fc33;border-radius:8px;padding:32px;position:relative;transition:all .3s ease}
.techRequirementsMain .systemSpecsGrid .specCardOuter:hover{border-color:#cf85fc80;transform:translateY(-4px);box-shadow:0 8px 24px #cf85fc26}
.techRequirementsMain .systemSpecsGrid .specCardOuter::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#CF85FC 0%,#D30714 100%);border-radius:8px 0 0 8px}
.techRequirementsMain .systemSpecsGrid .specCardOuter h3{font-size:24px;margin:0 0 20px;color:#CF85FC}
.techRequirementsMain .systemSpecsGrid .requirementListBox{list-style:none;padding:0;margin:0}
.techRequirementsMain .systemSpecsGrid .requirementListBox li{padding:12px 0;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;align-items:center;font-size:16px}
.techRequirementsMain .systemSpecsGrid .requirementListBox li:last-child{border-bottom:none}
.techRequirementsMain .systemSpecsGrid .requirementListBox .labelText{color:#b8b8c8}
.techRequirementsMain .systemSpecsGrid .requirementListBox .valueText{color:#e8e8e8;font-weight:600}
.techRequirementsMain .softwareToolsSection{background:linear-gradient(135deg,#d307141a 0%,#cf85fc0d 100%);padding:80px 24px}
.techRequirementsMain .softwareToolsSection .innerContentWrap{max-width:1024px;margin:0 auto}
.techRequirementsMain .softwareToolsSection h2{font-size:36px;margin:0 0 48px;text-align:center;color:#e8e8e8}
.techRequirementsMain .softwareToolsSection .toolCategoryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.techRequirementsMain .softwareToolsSection .toolCategoryBox{background:#0f0f1e99;border-radius:12px;padding:28px 24px;border:1px solid #dbefd226;position:relative;overflow:hidden}
.techRequirementsMain .softwareToolsSection .toolCategoryBox::after{content:'';position:absolute;bottom:0;right:0;width:80px;height:80px;background:radial-gradient(circle,#dbefd21a 0%,transparent 70%);border-radius:50%}
.techRequirementsMain .softwareToolsSection .toolCategoryBox h4{font-size:20px;margin:0 0 16px;color:#DBEFD2}
.techRequirementsMain .softwareToolsSection .toolCategoryBox .toolsList{list-style:none;padding:0;margin:0}
.techRequirementsMain .softwareToolsSection .toolCategoryBox .toolsList li{padding:8px 0;font-size:15px;color:#b8b8c8;position:relative;padding-left:20px}
.techRequirementsMain .softwareToolsSection .toolCategoryBox .toolsList li::before{content:'';position:absolute;left:0;top:14px;width:8px;height:8px;background:#D30714;border-radius:50%}
.techRequirementsMain .browserNetworkSection{max-width:1024px;margin:0 auto;padding:80px 24px;display:flex;gap:48px;align-items:flex-start}
.techRequirementsMain .browserNetworkSection .visualImageBox{flex:0 0 420px;position:relative}
.techRequirementsMain .browserNetworkSection .visualImageBox img{width:100%;height:auto;border-radius:8px;box-shadow:0 12px 32px #0006;border:1px solid #cf85fc33}
.techRequirementsMain .browserNetworkSection .detailsContentBox{flex:1}
.techRequirementsMain .browserNetworkSection .detailsContentBox h2{font-size:32px;margin:0 0 28px;color:#e8e8e8}
.techRequirementsMain .browserNetworkSection .requirementBlock{background:#cf85fc0d;border-left:3px solid #CF85FC;padding:24px;margin-bottom:24px;border-radius:4px}
.techRequirementsMain .browserNetworkSection .requirementBlock h5{font-size:18px;margin:0 0 12px;color:#CF85FC}
.techRequirementsMain .browserNetworkSection .requirementBlock p{margin:0;font-size:15px;line-height:1.6;color:#b8b8c8}
.techRequirementsMain .accessibilityTipsSection{background:linear-gradient(90deg,#d3071414 0%,#0f0f1ecc 100%);padding:80px 24px}
.techRequirementsMain .accessibilityTipsSection .innerWrap{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.techRequirementsMain .accessibilityTipsSection .leftContentArea h2{font-size:36px;margin:0 0 24px;color:#e8e8e8;position:relative;padding-bottom:16px}
.techRequirementsMain .accessibilityTipsSection .leftContentArea h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(90deg,#D30714 0%,#CF85FC 100%)}
.techRequirementsMain .accessibilityTipsSection .leftContentArea p{font-size:16px;line-height:1.7;color:#b8b8c8;margin:0 0 32px}
.techRequirementsMain .accessibilityTipsSection .rightImageArea img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 48px #00000080;border:1px solid #dbefd233}
.techRequirementsMain .accessibilityTipsSection .tipCardsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.techRequirementsMain .accessibilityTipsSection .tipCardItem{background:#0f0f1eb3;border-radius:8px;padding:20px;border:1px solid #dbefd233;transition:all .3s ease}
.techRequirementsMain .accessibilityTipsSection .tipCardItem:hover{border-color:#DBEFD2;transform:translateX(8px)}
.techRequirementsMain .accessibilityTipsSection .tipCardItem h6{font-size:16px;margin:0 0 8px;color:#DBEFD2}
.techRequirementsMain .accessibilityTipsSection .tipCardItem p{margin:0;font-size:14px;line-height:1.5;color:#b8b8c8}
@media (max-width: 768px) {
.techRequirementsMain .topIntroSection{padding:60px 20px 40px}
.techRequirementsMain .topIntroSection .mainHeadingWrap h1{font-size:32px}
.techRequirementsMain .systemSpecsGrid{grid-template-columns:1fr;padding:40px 20px;gap:20px}
.techRequirementsMain .softwareToolsSection{padding:60px 20px}
.techRequirementsMain .softwareToolsSection h2{font-size:28px;margin-bottom:32px}
.techRequirementsMain .softwareToolsSection .toolCategoryGrid{grid-template-columns:1fr;gap:16px}
.techRequirementsMain .browserNetworkSection{flex-direction:column;padding:60px 20px;gap:32px}
.techRequirementsMain .browserNetworkSection .visualImageBox{flex:1 1 auto;width:100%}
.techRequirementsMain .accessibilityTipsSection{padding:60px 20px}
.techRequirementsMain .accessibilityTipsSection .innerWrap{grid-template-columns:1fr;gap:40px}
.techRequirementsMain .accessibilityTipsSection .tipCardsGrid{grid-template-columns:1fr}
}
@media (max-width: 1024px) and (min-width: 769px) {
.techRequirementsMain .systemSpecsGrid{gap:24px}
.techRequirementsMain .softwareToolsSection .toolCategoryGrid{grid-template-columns:repeat(2,1fr)}
.techRequirementsMain .browserNetworkSection{gap:32px}
.techRequirementsMain .browserNetworkSection .visualImageBox{flex:0 0 340px}
}
.topBlockWrap{position:relative;overflow:hidden;padding:72px 20px;background:linear-gradient(135deg,#1a0b2e 0%,#16213e 50%,#0f3460 100%)}
.topBlockWrap::before{content:'';position:absolute;top:-50%;left:-10%;width:120%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 40px,#cf85fc08 40px,#cf85fc08 80px);animation:diagonalMove 20s linear infinite;pointer-events:none}
@keyframes diagonalMove {
0%{transform:translateX(0) translateY(0)}
100%{transform:translateX(40px) translateY(40px)}
}
.topBlockWrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#cf85fc26 0%,#d307141f 50%,#dbefd214 100%);animation:gradientPulse 8s ease-in-out infinite;pointer-events:none}
@keyframes gradientPulse {
0%,100%{opacity:1}
50%{opacity:.6}
}
.topBlockInner{max-width:1024px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;gap:48px}
.topBlockContent{display:flex;flex-direction:column;gap:24px}
.topBlockHeading{font-size:42px;font-weight:700;line-height:1.2;color:#fff;margin:0;text-shadow:0 2px 12px #0006}
.topBlockDescription{font-size:18px;line-height:1.6;color:#e8e8e8;margin:0;max-width:680px}
.topBlockAction{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%);color:#fff;text-decoration:none;font-size:16px;font-weight:600;border-radius:8px;align-self:flex-start;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 16px #cf85fc4d;z-index:3;position:relative}
.topBlockAction:hover{transform:translateY(-2px);box-shadow:0 6px 24px #cf85fc80}
.topBlockVisual{position:relative;width:100%;max-width:640px;height:380px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006}
.topBlockVisual::before{content:'';position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,#0009 0%,transparent 100%);z-index:1}
.topBlockVisual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,#0009 0%,transparent 100%);z-index:1}
.topBlockImg{width:100%;height:100%;object-fit:cover;display:block}
.trialSectionOuter{padding:64px 20px;background:#0a0a0a}
.trialSectionContainer{max-width:1024px;margin:0 auto}
.trialSectionHeading{font-size:36px;font-weight:700;color:#fff;margin:0 0 16px;text-align:center}
.trialSectionIntro{font-size:17px;line-height:1.6;color:#b8b8b8;margin:0 0 48px;text-align:center;max-width:720px;margin-left:auto;margin-right:auto}
.trialGridLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.trialCard{background:linear-gradient(145deg,#151515 0%,#1a1a1a 100%);border-radius:10px;padding:32px 24px;border:1px solid #cf85fc33;transition:transform .3s ease,border-color .3s ease;position:relative;overflow:hidden}
.trialCard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#cf85fc66,#d3071466);border-radius:10px;opacity:0;transition:opacity .3s ease;z-index:0}
.trialCard:hover::before{opacity:1}
.trialCard:hover{transform:translateY(-4px);border-color:#cf85fc99}
.trialCardInner{position:relative;z-index:1;background:#1a1a1a;border-radius:8px;padding:4px}
.trialCardIcon{width:48px;height:48px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cf85fc26,#d3071426);border-radius:8px}
.trialCardTitle{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}
.trialCardText{font-size:15px;line-height:1.6;color:#a8a8a8;margin:0}
.ecosystemWrap{padding:72px 20px;background:linear-gradient(180deg,#0f0f0f 0%,#1a1a1a 100%);position:relative}
.ecosystemWrap::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,#cf85fc4d 50%,transparent 100%)}
.ecosystemContainer{max-width:1024px;margin:0 auto;position:relative;z-index:1}
.ecosystemHeader{text-align:center;margin-bottom:56px}
.ecosystemTitle{font-size:38px;font-weight:700;color:#fff;margin:0 0 20px}
.ecosystemSubtext{font-size:17px;line-height:1.6;color:#b0b0b0;margin:0;max-width:640px;margin-left:auto;margin-right:auto}
.ecosystemTimeline{display:flex;flex-direction:column;gap:48px;position:relative}
.timelineItem{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center}
.timelineItem:nth-child(odd) .timelineContent{grid-column:1;text-align:right}
.timelineItem:nth-child(odd) .timelineMarker{grid-column:2}
.timelineItem:nth-child(odd) .timelineVisual{grid-column:3}
.timelineItem:nth-child(even) .timelineVisual{grid-column:1}
.timelineItem:nth-child(even) .timelineMarker{grid-column:2}
.timelineItem:nth-child(even) .timelineContent{grid-column:3;text-align:left}
.timelineMarker{width:64px;height:64px;background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;box-shadow:0 0 24px #cf85fc99;position:relative}
.timelineContent{padding:24px;background:#ffffff08;border-radius:10px;border:1px solid #cf85fc26}
.timelineStepTitle{font-size:22px;font-weight:600;color:#fff;margin:0 0 12px}
.timelineStepText{font-size:15px;line-height:1.6;color:#a8a8a8;margin:0}
.timelineVisual{width:100%;height:200px;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #0000004d}
.timelineImg{width:100%;height:100%;object-fit:cover;display:block}
.interactiveSection{padding:64px 20px;background:#0d0d0d}
.interactiveContainer{max-width:1024px;margin:0 auto}
.interactiveTitleBlock{margin-bottom:48px}
.interactiveSectionTitle{font-size:36px;font-weight:700;color:#fff;margin:0 0 16px}
.interactiveSectionText{font-size:17px;line-height:1.6;color:#b0b0b0;margin:0;max-width:640px}
.gameTabsWrapper{display:flex;flex-direction:column;gap:0}
.gameTabNav{display:flex;gap:8px;border-bottom:2px solid #cf85fc33;margin-bottom:32px}
.gameTabInput{display:none}
.gameTabLabel{padding:14px 28px;font-size:16px;font-weight:600;color:#888;cursor:pointer;border-radius:8px 8px 0 0;background:#ffffff05;transition:background .3s ease,color .3s ease;border:1px solid transparent;border-bottom:none;position:relative;z-index:2}
.gameTabLabel:hover{background:#ffffff0d;color:#aaa}
.gameTabInput:checked + .gameTabLabel{background:linear-gradient(135deg,#cf85fc33,#d3071433);color:#fff;border-color:#cf85fc66;box-shadow:0 -2px 8px #cf85fc4d}
.gameTabPanel{display:none;padding:32px;background:linear-gradient(145deg,#151515 0%,#1a1a1a 100%);border-radius:10px;border:1px solid #cf85fc33}
.gameTabInput:checked ~ .gameTabsContent .gameTabPanel[data-tab="1"]{display:block}
.gameTabInput:nth-of-type(2):checked ~ .gameTabsContent .gameTabPanel[data-tab="2"]{display:block}
.gameTabInput:nth-of-type(3):checked ~ .gameTabsContent .gameTabPanel[data-tab="3"]{display:block}
#tab1:checked ~ .gameTabsContent .gameTabPanel[data-tab="1"],#tab2:checked ~ .gameTabsContent .gameTabPanel[data-tab="2"],#tab3:checked ~ .gameTabsContent .gameTabPanel[data-tab="3"]{display:block}
.gameTabsContent{position:relative}
.gameTabPanelTitle{font-size:24px;font-weight:600;color:#fff;margin:0 0 16px}
.gameTabPanelDesc{font-size:16px;line-height:1.6;color:#a8a8a8;margin:0 0 24px}
.gameMechanicsList{display:flex;flex-direction:column;gap:16px;list-style:none;padding:0;margin:0}
.gameMechanicsItem{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff08;border-radius:8px;border-left:3px solid #CF85FC}
.gameMechanicsIcon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#CF85FC;font-size:20px}
.gameMechanicsText{font-size:15px;line-height:1.5;color:silver;margin:0}
.efficiencyBlockOuter{padding:72px 20px;background:linear-gradient(180deg,#12121c 0%,#1a1a2e 100%);position:relative}
.efficiencyBlockOuter::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,#cf85fc14 0%,transparent 50%),radial-gradient(circle at 80% 70%,#d307140f 0%,transparent 50%);pointer-events:none}
.efficiencyBlockContainer{max-width:1024px;margin:0 auto;position:relative;z-index:1}
.efficiencyHeading{font-size:38px;font-weight:700;color:#fff;margin:0 0 20px;text-align:center}
.efficiencySubheading{font-size:17px;line-height:1.6;color:#b0b0b0;margin:0 0 56px;text-align:center;max-width:680px;margin-left:auto;margin-right:auto}
.efficiencyStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-bottom:56px}
.statCard{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border-radius:10px;padding:32px 24px;text-align:center;border:1px solid #cf85fc33;position:relative;overflow:hidden}
.statCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#CF85FC 0%,#D30714 100%)}
.statNumber{font-size:48px;font-weight:700;background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px}
.statLabel{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}
.statDescription{font-size:14px;line-height:1.5;color:#a0a0a0;margin:0}
.efficiencyMethodsBox{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.methodCard{background:#ffffff08;padding:28px 24px;border-radius:10px;border:1px solid #cf85fc26;transition:transform .3s ease,border-color .3s ease}
.methodCard:hover{transform:translateY(-4px);border-color:#cf85fc66}
.methodCardHeader{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.methodCardIcon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cf85fc33,#d3071433);border-radius:8px;color:#CF85FC;font-size:20px}
.methodCardTitle{font-size:19px;font-weight:600;color:#fff;margin:0}
.methodCardBody{font-size:15px;line-height:1.6;color:#a8a8a8;margin:0}
@media (max-width: 768px) {
.topBlockHeading{font-size:32px}
.topBlockDescription{font-size:16px}
.topBlockVisual{height:280px}
.trialSectionHeading,.ecosystemTitle,.interactiveSectionTitle,.efficiencyHeading{font-size:28px}
.timelineItem{grid-template-columns:1fr;gap:20px}
.timelineItem:nth-child(odd) .timelineContent,.timelineItem:nth-child(even) .timelineContent{grid-column:1;text-align:left}
.timelineItem:nth-child(odd) .timelineMarker,.timelineItem:nth-child(even) .timelineMarker{grid-column:1;justify-self:center}
.timelineItem:nth-child(odd) .timelineVisual,.timelineItem:nth-child(even) .timelineVisual{grid-column:1}
.gameTabNav{flex-direction:column}
.gameTabLabel{border-radius:8px;border:1px solid #cf85fc33}
.statNumber{font-size:36px}
}
@media (max-width: 480px) {
.topBlockWrap{padding:48px 16px}
.topBlockHeading{font-size:26px}
.trialSectionOuter,.ecosystemWrap,.interactiveSection,.efficiencyBlockOuter{padding:48px 16px}
.trialGridLayout,.efficiencyStatsGrid,.efficiencyMethodsBox{gap:20px}
}
.pageOuter{width:100%;background:linear-gradient(135deg,#1a0a1f 0%,#2d0f1f 100%);padding:0;margin:0}
.contactWrapper{max-width:1024px;margin:0 auto;padding:80px 20px}
.topSection{display:flex;flex-direction:row;gap:60px;margin-bottom:0;align-items:flex-start}
.infoBlock{flex:1;background:#cf85fc14;padding:48px;border-radius:8px;border-left:4px solid #CF85FC}
.infoBlock h1{font-size:42px;color:#DBEFD2;margin:0 0 24px;line-height:1.2}
.infoBlock p{font-size:18px;color:#dbefd2d9;line-height:1.6;margin:0 0 36px}
.detailsGroup{display:flex;flex-direction:column;gap:20px}
.contactItem{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#d307141a;border-radius:6px;transition:all .3s ease}
.contactItem:hover{background:#d307142e;transform:translateX(4px)}
.contactItem i{color:#D30714;font-size:22px;margin-top:2px}
.itemContent h3{font-size:14px;color:#dbefd2b3;margin:0 0 6px;text-transform:uppercase;letter-spacing:1px;font-weight:500}
.itemContent a,.itemContent span{font-size:18px;color:#DBEFD2;text-decoration:none;font-weight:400}
.itemContent a:hover{color:#CF85FC}
.formBlock{flex:1;background:#d307141f;padding:48px;border-radius:8px;border:1px solid #cf85fc26}
.formBlock h2{font-size:32px;color:#DBEFD2;margin:0 0 12px}
.formBlock .subtitle{font-size:16px;color:#dbefd2b3;margin:0 0 32px}
.inputRow{margin-bottom:24px}
.inputRow label{display:block;font-size:15px;color:#DBEFD2;margin-bottom:8px;font-weight:500}
.inputRow input[type="text"],.inputRow input[type="email"],.inputRow input[type="tel"]{width:100%;padding:14px 18px;background:#1a0a1f99;border:2px solid #cf85fc40;border-radius:6px;color:#DBEFD2;font-size:16px;transition:all .3s ease;box-sizing:border-box}
.inputRow input:focus{outline:none;border-color:#CF85FC;background:#1a0a1fcc;box-shadow:0 0 0 3px #cf85fc1a}
.ratingSection{margin-bottom:28px}
.ratingSection h4{font-size:15px;color:#DBEFD2;margin:0 0 16px;font-weight:500}
.ratingOptions{display:flex;gap:12px;flex-wrap:wrap}
.ratingOptions input[type="radio"]{display:none}
.ratingOptions label{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#1a0a1f99;border:2px solid #cf85fc4d;border-radius:50%;color:#dbefd2b3;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}
.ratingOptions input[type="radio"]:checked + label{background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%);border-color:#CF85FC;color:#DBEFD2;transform:scale(1.1);box-shadow:0 4px 12px #cf85fc66}
.ratingOptions label:hover{border-color:#CF85FC;transform:scale(1.05)}
.privacyCheck{margin-bottom:28px;display:flex;align-items:flex-start;gap:12px}
.privacyCheck input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;accent-color:#CF85FC}
.privacyCheck label{font-size:14px;color:#dbefd2cc;line-height:1.5;cursor:pointer}
.privacyCheck a{color:#CF85FC;text-decoration:underline}
.privacyCheck a:hover{color:#D30714}
.submitBtn{width:100%;padding:16px;background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%);border:none;border-radius:6px;color:#DBEFD2;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #cf85fc80}
.submitBtn:active{transform:translateY(0)}
.bottomSection{max-width:1024px;margin:60px auto 0;padding:0 20px 80px}
.techNote{background:#dbefd214;padding:40px;border-radius:8px;border-top:3px solid #DBEFD2;text-align:center}
.techNote h3{font-size:24px;color:#DBEFD2;margin:0 0 16px}
.techNote p{font-size:16px;color:#dbefd2bf;margin:0 0 24px;line-height:1.6}
.techLink{display:inline-block;padding:14px 32px;background:#cf85fc26;border:2px solid #CF85FC;border-radius:6px;color:#CF85FC;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease}
.techLink:hover{background:#cf85fc40;transform:translateY(-2px);box-shadow:0 6px 16px #cf85fc4d}
@media (max-width: 768px) {
.topSection{flex-direction:column;gap:40px}
.contactWrapper{padding:60px 20px}
.infoBlock,.formBlock{padding:32px 24px}
.infoBlock h1{font-size:32px}
.formBlock h2{font-size:26px}
.ratingOptions{justify-content:space-between}
.ratingOptions label{width:44px;height:44px;font-size:16px}
.techNote{padding:28px 20px}
}
@media (max-width: 480px) {
.infoBlock h1{font-size:28px}
.contactItem{flex-direction:column;gap:8px}
.ratingOptions label{width:40px;height:40px;font-size:14px}
}
.programIntroWrap{max-width:1024px;margin:0 auto;padding:80px 20px 60px}
.programIntroWrap .introTextBlock{background:linear-gradient(135deg,#1a1a1a 0%,#2d1f3d 100%);padding:60px 48px;border-radius:8px;position:relative;overflow:hidden}
.programIntroWrap .introTextBlock::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#cf85fc26 0%,transparent 70%);border-radius:50%}
.programIntroWrap .mainProgramHeading{font-size:2.8rem;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.2;position:relative}
.programIntroWrap .mainProgramHeading::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#CF85FC 0%,#D30714 100%);margin-top:16px;border-radius:2px}
.programIntroWrap .introPara{font-size:1.1rem;line-height:1.7;color:#d4d4d4;margin:0 0 16px;position:relative}
.programIntroWrap .introPara:last-of-type{margin-bottom:0}
.programIntroWrap .highlightTerm{color:#CF85FC;font-weight:600}
.curriculumStructureOuter{background:#0f0f0f;padding:80px 0}
.curriculumStructureOuter .contentMaxWidth{max-width:1024px;margin:0 auto;padding:0 20px}
.curriculumStructureOuter .sectionLabel{font-size:2.4rem;font-weight:700;color:#fff;margin:0 0 48px;text-align:center;position:relative}
.curriculumStructureOuter .sectionLabel::before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-16px;width:120px;height:3px;background:linear-gradient(90deg,#D30714 0%,#CF85FC 100%);border-radius:2px}
.curriculumStructureOuter .moduleGridLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:32px}
.curriculumStructureOuter .moduleCardBox{background:linear-gradient(135deg,#1a1a1a 0%,#2a1f2d 100%);border:1px solid #cf85fc33;border-radius:8px;padding:32px;position:relative;transition:all .3s ease}
.curriculumStructureOuter .moduleCardBox:hover{transform:translateY(-4px);border-color:#cf85fc80;box-shadow:0 8px 24px #cf85fc26}
.curriculumStructureOuter .moduleCardBox::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#CF85FC 0%,#D30714 100%);border-radius:8px 0 0 8px}
.curriculumStructureOuter .moduleNumberTag{display:inline-block;font-size:.85rem;font-weight:700;color:#CF85FC;background:#cf85fc1a;padding:6px 14px;border-radius:20px;margin-bottom:16px;letter-spacing:.5px}
.curriculumStructureOuter .moduleHeadline{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.3}
.curriculumStructureOuter .moduleDescription{font-size:1rem;line-height:1.6;color:#b8b8b8;margin:0 0 20px}
.curriculumStructureOuter .topicListWrap{list-style:none;padding:0;margin:0}
.curriculumStructureOuter .topicListWrap li{font-size:.95rem;color:#d4d4d4;padding:8px 0 8px 28px;position:relative;line-height:1.5}
.curriculumStructureOuter .topicListWrap li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%);border-radius:50%;opacity:.8}
.curriculumStructureOuter .topicListWrap li::after{content:'';position:absolute;left:6px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#fff;border-radius:50%}
.learningFormatSection{max-width:1024px;margin:0 auto;padding:80px 20px}
.learningFormatSection .formatHeadingMain{font-size:2.4rem;font-weight:700;color:#fff;margin:0 0 56px;text-align:center}
.learningFormatSection .formatComparisonGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.learningFormatSection .formatOptionCard{background:#1a1a1a;border-radius:8px;padding:40px 28px;text-align:center;border:2px solid transparent;transition:all .3s ease;position:relative}
.learningFormatSection .formatOptionCard:hover{border-color:#CF85FC;transform:scale(1.02)}
.learningFormatSection .formatOptionCard.highlightedOption{background:linear-gradient(135deg,#2a1f2d 0%,#1f2a2d 100%);border-color:#CF85FC}
.learningFormatSection .formatOptionCard.highlightedOption::before{content:'Beliebt';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#CF85FC 0%,#D30714 100%);color:#fff;font-size:.75rem;font-weight:700;padding:4px 16px;border-radius:12px;letter-spacing:.5px}
.learningFormatSection .formatIconHolder{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#cf85fc26 0%,#d3071426 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.learningFormatSection .formatIconHolder i{font-size:28px;color:#CF85FC}
.learningFormatSection .formatCardTitle{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 12px}
.learningFormatSection .formatCardText{font-size:.95rem;line-height:1.6;color:#b8b8b8;margin:0 0 20px}
.learningFormatSection .formatFeaturesList{list-style:none;padding:0;margin:0;text-align:left}
.learningFormatSection .formatFeaturesList li{font-size:.9rem;color:#d4d4d4;padding:6px 0;position:relative;padding-left:24px}
.learningFormatSection .formatFeaturesList li::before{content:'';position:absolute;left:0;color:#DBEFD2;font-weight:700}
.enrollmentPathOuter{background:linear-gradient(135deg,#1a1a1a 0%,#2d1f1f 50%,#1f2d2a 100%);padding:80px 0}
.enrollmentPathOuter .pathContentWrap{max-width:1024px;margin:0 auto;padding:0 20px}
.enrollmentPathOuter .pathMainHeading{font-size:2.4rem;font-weight:700;color:#fff;margin:0 0 20px;text-align:center}
.enrollmentPathOuter .pathSubtext{font-size:1.1rem;line-height:1.6;color:#d4d4d4;text-align:center;margin:0 auto 56px;max-width:700px}
.enrollmentPathOuter .stepsFlowContainer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:48px;position:relative}
.enrollmentPathOuter .stepsFlowContainer::before{content:'';position:absolute;top:40px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#CF85FC 0%,#D30714 50%,#DBEFD2 100%);z-index:0}
.enrollmentPathOuter .stepItemBox{flex:1;text-align:center;position:relative;z-index:1}
.enrollmentPathOuter .stepNumberCircle{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;box-shadow:0 6px 20px #cf85fc4d}
.enrollmentPathOuter .stepTitleText{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 12px}
.enrollmentPathOuter .stepDescriptionText{font-size:.95rem;line-height:1.5;color:#b8b8b8;margin:0}
.enrollmentPathOuter .ctaButtonWrap{text-align:center}
.enrollmentPathOuter .enrollActionButton{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%);color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none;border-radius:6px;transition:all .3s ease;box-shadow:0 6px 20px #cf85fc4d;position:relative;z-index:10}
.enrollmentPathOuter .enrollActionButton:hover{transform:translateY(-2px);box-shadow:0 10px 30px #cf85fc66}
.enrollmentPathOuter .enrollActionButton:active{transform:translateY(0)}
.enrollmentPathOuter .supportImageWrap{margin-top:56px;text-align:center}
.enrollmentPathOuter .supportImageWrap img{width:100%;max-width:800px;height:auto;border-radius:8px;box-shadow:0 12px 40px #00000080}
@media (max-width: 768px) {
.programIntroWrap{padding:60px 20px 40px}
.programIntroWrap .introTextBlock{padding:40px 28px}
.programIntroWrap .mainProgramHeading{font-size:2rem}
.programIntroWrap .introPara{font-size:1rem}
.curriculumStructureOuter{padding:60px 0}
.curriculumStructureOuter .sectionLabel{font-size:1.8rem;margin-bottom:36px}
.curriculumStructureOuter .moduleGridLayout{grid-template-columns:1fr;gap:24px}
.curriculumStructureOuter .moduleCardBox{padding:24px}
.learningFormatSection{padding:60px 20px}
.learningFormatSection .formatHeadingMain{font-size:1.8rem;margin-bottom:40px}
.learningFormatSection .formatComparisonGrid{grid-template-columns:1fr;gap:32px}
.enrollmentPathOuter{padding:60px 0}
.enrollmentPathOuter .pathMainHeading{font-size:1.8rem}
.enrollmentPathOuter .pathSubtext{font-size:1rem;margin-bottom:40px}
.enrollmentPathOuter .stepsFlowContainer{flex-direction:column;gap:32px}
.enrollmentPathOuter .stepsFlowContainer::before{display:none}
.enrollmentPathOuter .enrollActionButton{padding:16px 36px;font-size:1rem}
.enrollmentPathOuter .supportImageWrap{margin-top:40px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.programIntroWrap .mainProgramHeading{font-size:2.4rem}
.curriculumStructureOuter .moduleGridLayout{gap:24px}
.learningFormatSection .formatComparisonGrid{grid-template-columns:repeat(2,1fr)}
.enrollmentPathOuter .stepsFlowContainer{gap:16px}
.enrollmentPathOuter .stepNumberCircle{width:70px;height:70px;font-size:1.5rem}
}
.newsWrap{max-width:1024px;margin:0 auto;padding:80px 20px}
.newsHeader{margin-bottom:60px}
.newsHeader .mainHeading{font-size:2.8rem;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2}
.newsHeader .subline{font-size:1.1rem;color:#b8b8b8;line-height:1.6;max-width:720px}
.articleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:80px}
.articleCard{background:linear-gradient(135deg,#1a1a1a 0%,#252525 100%);border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #333}
.articleCard:hover{transform:translateY(-8px);box-shadow:0 12px 24px #cf85fc26}
.articleCard .imageWrap{width:100%;height:240px;overflow:hidden;position:relative}
.articleCard .imageWrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.articleCard:hover .imageWrap img{transform:scale(1.08)}
.articleCard .contentBox{padding:28px}
.articleCard .dateBadge{display:inline-block;font-size:.85rem;color:#CF85FC;background:#cf85fc1a;padding:6px 14px;border-radius:4px;margin-bottom:16px;font-weight:600}
.articleCard .cardTitle{font-size:1.5rem;color:#fff;margin:0 0 14px;line-height:1.3;font-weight:600}
.articleCard .excerpt{font-size:.95rem;color:#a0a0a0;line-height:1.6;margin:0 0 20px}
.articleCard .readLink{display:inline-flex;align-items:center;color:#CF85FC;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s ease}
.articleCard .readLink:hover{color:#e0a3ff}
.articleCard .readLink::after{content:'→';margin-left:8px;transition:transform .3s ease}
.articleCard:hover .readLink::after{transform:translateX(5px)}
.featureSection{background:linear-gradient(135deg,#CF85FC 0%,#D30714 50%,#1a1a1a 100%);border-radius:10px;padding:60px 40px;margin-bottom:80px;position:relative;overflow:hidden}
.featureSection::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#dbefd214;border-radius:50%;z-index:1}
.featureSection .innerContent{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.featureSection .textSide h2{font-size:2.2rem;color:#fff;margin:0 0 20px;font-weight:700;line-height:1.2}
.featureSection .textSide p{font-size:1.05rem;color:#f0f0f0;line-height:1.7;margin:0 0 28px}
.featureSection .ctaButton{display:inline-block;background:#fff;color:#1a1a1a;padding:14px 32px;border-radius:6px;font-weight:600;text-decoration:none;transition:background .3s ease,transform .3s ease}
.featureSection .ctaButton:hover{background:#DBEFD2;transform:translateY(-2px)}
.featureSection .visualSide{display:flex;gap:16px}
.featureSection .statBox{background:#ffffff1f;backdrop-filter:blur(10px);border-radius:8px;padding:24px;flex:1;border:1px solid #ffffff26}
.featureSection .statBox .number{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 8px;line-height:1}
.featureSection .statBox .label{font-size:.9rem;color:#e0e0e0;line-height:1.4}
.updatesList{display:flex;flex-direction:column;gap:32px}
.updateItem{display:grid;grid-template-columns:180px 1fr;gap:32px;padding:28px;background:#1f1f1f;border-radius:8px;border-left:4px solid #CF85FC;transition:background .3s ease}
.updateItem:hover{background:#262626}
.updateItem .imgHolder{width:180px;height:120px;border-radius:6px;overflow:hidden}
.updateItem .imgHolder img{width:100%;height:100%;object-fit:cover}
.updateItem .detailBox h3{font-size:1.4rem;color:#fff;margin:0 0 12px;font-weight:600;line-height:1.3}
.updateItem .detailBox .meta{font-size:.85rem;color:#CF85FC;margin-bottom:14px;font-weight:600}
.updateItem .detailBox .description{font-size:.95rem;color:#b0b0b0;line-height:1.6;margin:0}
@media (max-width: 768px) {
.newsWrap{padding:60px 16px}
.newsHeader .mainHeading{font-size:2rem}
.articleGrid{grid-template-columns:1fr;gap:30px}
.featureSection{padding:40px 24px;margin-bottom:60px}
.featureSection .innerContent{grid-template-columns:1fr;gap:32px}
.featureSection .visualSide{flex-direction:column}
.updateItem{grid-template-columns:1fr;gap:20px}
.updateItem .imgHolder{width:100%;height:200px}
}
@media (max-width: 480px) {
.newsHeader .mainHeading{font-size:1.75rem}
.articleCard .cardTitle{font-size:1.3rem}
.featureSection .textSide h2{font-size:1.8rem}
}
.policyWrapper{max-width:1024px;margin:0 auto;padding:60px 20px}
.policyHeader{margin-bottom:48px;text-align:center}
.policyHeader h1{font-size:2.8rem;margin-bottom:16px;background:linear-gradient(135deg,#CF85FC 0%,#D30714 50%,#DBEFD2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.policyHeader .updateInfo{color:#9CA3AF;font-size:.95rem;letter-spacing:.5px}
.policyContent{background:#1F2937;border-radius:8px;padding:48px;box-shadow:0 4px 12px #0000004d}
.policyContent h2{font-size:1.75rem;color:#CF85FC;margin-bottom:20px;margin-top:40px;position:relative;padding-left:20px}
.policyContent h2:first-of-type{margin-top:0}
.policyContent h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:24px;background:linear-gradient(180deg,#CF85FC 0%,#D30714 100%);border-radius:3px}
.policyContent h3{font-size:1.35rem;color:#DBEFD2;margin-bottom:16px;margin-top:32px}
.policyContent p{color:#E5E7EB;line-height:1.8;margin-bottom:16px;font-size:1.05rem}
.policyContent ul,.policyContent ol{margin-bottom:24px;padding-left:24px}
.policyContent li{color:#E5E7EB;line-height:1.8;margin-bottom:12px;font-size:1.05rem}
.policyContent li::marker{color:#CF85FC}
.policyContent strong{color:#DBEFD2;font-weight:600}
.cookieTable{width:100%;margin:32px 0;border-collapse:collapse;background:#111827;border-radius:6px;overflow:hidden}
.cookieTable thead{background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%)}
.cookieTable th{padding:16px;text-align:left;font-weight:600;color:#FFF;font-size:1rem}
.cookieTable td{padding:16px;border-bottom:1px solid #374151;color:#E5E7EB;font-size:.95rem}
.cookieTable tr:last-child td{border-bottom:none}
.cookieTable tr:hover{background:#1F2937}
.highlightBox{background:linear-gradient(135deg,#cf85fc1a 0%,#d307141a 100%);border-left:4px solid #CF85FC;padding:24px;margin:32px 0;border-radius:6px}
.highlightBox p{margin-bottom:0;color:#F3F4F6}
.contactBlock{background:#111827;padding:32px;border-radius:8px;margin-top:48px;border:2px solid #374151}
.contactBlock h3{color:#DBEFD2;margin-top:0;margin-bottom:20px}
.contactBlock p{margin-bottom:12px}
.contactBlock a{color:#CF85FC;text-decoration:none;transition:color .3s ease}
.contactBlock a:hover{color:#DBEFD2}
.consentControls{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:32px 0}
.controlCard{background:#111827;padding:24px;border-radius:8px;border:2px solid #374151;transition:all .3s ease}
.controlCard:hover{border-color:#CF85FC;box-shadow:0 4px 16px #cf85fc33}
.controlCard h4{color:#DBEFD2;font-size:1.15rem;margin-bottom:12px;margin-top:0}
.controlCard p{font-size:.95rem;color:#D1D5DB;margin-bottom:0}
@media (max-width: 768px) {
.policyWrapper{padding:40px 16px}
.policyHeader h1{font-size:2rem}
.policyContent{padding:28px 20px}
.policyContent h2{font-size:1.5rem}
.cookieTable{font-size:.85rem}
.cookieTable th,.cookieTable td{padding:12px 8px}
.consentControls{grid-template-columns:1fr}
}
.policyOuter{background:linear-gradient(135deg,#1a0d2e 0%,#0d1117 50%,#0a0e1a 100%);padding:80px 20px}
.policyInner{max-width:1024px;margin:0 auto;background:#0f141ed9;border-radius:8px;padding:60px 40px;box-shadow:0 8px 24px #0006}
.policyHeadline{font-size:2.8rem;color:#CF85FC;margin-bottom:16px;line-height:1.2}
.policyLastUpdate{font-size:.95rem;color:#9ca3af;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid #cf85fc33}
.policySection{margin-bottom:48px}
.sectionHeader{font-size:1.8rem;color:#DBEFD2;margin-bottom:20px;position:relative;padding-left:20px}
.sectionHeader::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:24px;background:linear-gradient(180deg,#CF85FC 0%,#D30714 100%);border-radius:3px}
.policyText{font-size:1.05rem;line-height:1.7;color:#d1d5db;margin-bottom:16px}
.policyList{list-style:none;padding:0;margin:20px 0}
.policyList li{padding:12px 0 12px 32px;position:relative;font-size:1.05rem;line-height:1.6;color:#d1d5db}
.policyList li::before{content:'';position:absolute;left:0;top:20px;width:12px;height:12px;background:#CF85FC;border-radius:50%;box-shadow:0 0 8px #cf85fc66}
.dataTable{width:100%;margin:24px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:6px}
.dataTable th{background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%);color:#0d1117;padding:16px;text-align:left;font-size:1.1rem;font-weight:600}
.dataTable td{background:#1e232d99;color:#d1d5db;padding:14px 16px;border-bottom:1px solid #cf85fc1a;font-size:1rem;line-height:1.5}
.dataTable tr:last-child td{border-bottom:none}
.highlightBox{background:#cf85fc14;border-left:4px solid #CF85FC;padding:20px 24px;margin:24px 0;border-radius:0 6px 6px 0}
.highlightBox .policyText{margin-bottom:0;color:#e5e7eb}
.contactBlock{background:linear-gradient(135deg,#cf85fc1a 0%,#d307140d 100%);padding:32px;border-radius:8px;margin-top:40px}
.contactHeader{font-size:1.5rem;color:#DBEFD2;margin-bottom:20px}
.contactInfo{display:flex;flex-direction:column;gap:12px}
.contactItem{font-size:1.05rem;color:#d1d5db;display:flex;align-items:center;gap:12px}
.contactLabel{color:#CF85FC;font-weight:600;min-width:80px}
.accentTerm{color:#CF85FC;font-weight:600}
.subSectionTitle{font-size:1.3rem;color:#DBEFD2;margin:28px 0 16px;font-weight:500}
@media (max-width: 768px) {
.policyOuter{padding:40px 16px}
.policyInner{padding:32px 24px}
.policyHeadline{font-size:2rem}
.sectionHeader{font-size:1.5rem}
.policyText,.policyList li{font-size:1rem}
.dataTable{font-size:.9rem}
.dataTable th,.dataTable td{padding:10px 12px}
.contactBlock{padding:24px 20px}
}
@media (max-width: 480px) {
.policyHeadline{font-size:1.6rem}
.sectionHeader{font-size:1.3rem;padding-left:16px}
.sectionHeader::before{width:4px;height:20px}
.dataTable{display:block;overflow-x:auto}
}
.successWrapper{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(145deg,#1a1a1a 0%,#0d0d0d 100%);position:relative;overflow:hidden}
.successWrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#cf85fc14 0%,transparent 70%);animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1) rotate(0deg);opacity:.6}
50%{transform:scale(1.1) rotate(180deg);opacity:.9}
}
.successContent{max-width:680px;width:100%;background:linear-gradient(135deg,#242424 0%,#1a1a1a 100%);border-radius:12px;padding:60px 50px;box-shadow:0 8px 32px #0006 0 0 60px #cf85fc26;position:relative;z-index:2;border:1px solid #cf85fc33}
.iconCircle{width:110px;height:110px;margin:0 auto 32px;background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 24px #cf85fc66;animation:checkBounce .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes checkBounce {
0%{transform:scale(0) rotate(-180deg);opacity:0}
50%{transform:scale(1.1) rotate(10deg)}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.iconCircle::after{content:'';position:absolute;width:120%;height:120%;border:2px solid #cf85fc4d;border-radius:50%;animation:rippleEffect 2s infinite}
@keyframes rippleEffect {
0%{transform:scale(1);opacity:.8}
100%{transform:scale(1.3);opacity:0}
}
.iconCircle svg{width:56px;height:56px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:drawCheck .5s ease-out .3s forwards;stroke-dasharray:100;stroke-dashoffset:100}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.successHeading{font-size:38px;font-weight:700;color:#fff;text-align:center;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}
.successText{font-size:17px;color:#b8b8b8;text-align:center;line-height:1.7;margin:0 0 36px}
.infoBlock{background:linear-gradient(135deg,#2a2a2a 0%,#1f1f1f 100%);border-radius:8px;padding:26px 30px;margin:0 0 32px;border-left:4px solid #CF85FC;position:relative}
.infoBlock::before{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,#cf85fc1a 0%,transparent 70%);border-radius:50%}
.infoLabel{font-size:13px;color:#CF85FC;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-weight:600}
.infoValue{font-size:18px;color:#e8e8e8;margin:0;font-weight:500}
.actionButtons{display:flex;gap:16px;margin:40px 0 0}
.primaryBtn{flex:1;padding:18px 32px;background:linear-gradient(135deg,#CF85FC 0%,#D30714 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;text-align:center;transition:all .3s ease;box-shadow:0 4px 16px #cf85fc4d;position:relative;z-index:3;overflow:hidden}
.primaryBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease}
.primaryBtn:hover::before{left:100%}
.primaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #cf85fc73}
.secondaryBtn{flex:1;padding:18px 32px;background:transparent;color:#CF85FC;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;text-align:center;border:2px solid #CF85FC;transition:all .3s ease;position:relative;z-index:3}
.secondaryBtn:hover{background:#cf85fc1a;transform:translateY(-2px);box-shadow:0 4px 16px #cf85fc33}
.footerNote{text-align:center;font-size:14px;color:#7a7a7a;margin:28px 0 0;line-height:1.6}
.footerNote a{color:#CF85FC;text-decoration:none;transition:color .2s ease}
.footerNote a:hover{color:#DBEFD2}
@media (max-width: 768px) {
.successWrapper{padding:40px 16px;min-height:75vh}
.successContent{padding:40px 28px}
.iconCircle{width:90px;height:90px;margin-bottom:24px}
.iconCircle svg{width:46px;height:46px}
.successHeading{font-size:28px;margin-bottom:16px}
.successText{font-size:15px;margin-bottom:28px}
.infoBlock{padding:20px 22px;margin-bottom:24px}
.actionButtons{flex-direction:column;gap:12px;margin-top:32px}
.primaryBtn,.secondaryBtn{padding:16px 28px;font-size:15px}
.footerNote{font-size:13px;margin-top:24px}
}
@media (max-width: 480px) {
.successContent{padding:32px 20px}
.successHeading{font-size:24px}
.infoLabel{font-size:12px}
.infoValue{font-size:16px}
}