*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'PT Sans',sans-serif;background:#0a0a0a;color:#fff;line-height:1.6;overflow-x:hidden}
.MainHeader{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#0a0a0a 100%);border-bottom:1px solid #63e0151a;position:relative}
.MainHeader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#63e01508 0%,transparent 50%,#3755ca08 100%);pointer-events:none}
.HeaderTopRow{padding:18px 0;border-bottom:1px solid #ffffff0d}
.HeaderTopRow .ContentWrap{max-width:1280px;margin:0 auto;padding:0 24px;text-align:center}
.CompanyBrand{font-size:28px;font-weight:700;color:#63E015;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px #63e0154d}
.HeaderMiddleRow{padding:24px 0;border-bottom:1px solid #ffffff0d}
.HeaderMiddleRow .ContentWrap{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.ContactLeft,.ContactRight{display:flex;flex-direction:column;gap:8px;min-width:200px}
.ContactItem{display:flex;align-items:center;gap:10px;font-size:14px;color:#ccc}
.ContactItem i{color:#63E015;font-size:16px}
.ContactItem a{color:#ccc;text-decoration:none;transition:color .3s ease-out}
.ContactItem a:hover{color:#63E015}
.LogoContainer{flex-shrink:0;display:flex;align-items:center;justify-content:center}
.LogoContainer img{height:110px;width:110px;display:block;background:#0a0a0a99;padding:12px;border-radius:12px;border:2px solid #63e01533;box-shadow:0 4px 12px #00000080 0 0 30px #63e01526}
.HeaderBottomRow{padding:0}
.HeaderBottomRow .ContentWrap{max-width:1280px;margin:0 auto;padding:0 24px}
.MainNav{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap;padding:16px 0}
.MainNav .NavItem{position:relative}
.MainNav a{display:block;padding:12px 24px;color:#fff;text-decoration:none;font-size:15px;font-weight:400;border-radius:8px;transition:background-color .3s ease-out,color .3s ease-out}
.MainNav a:hover{background-color:#63e0151a;color:#63E015}
.MainNav .NavItem.HasSubmenu > a::after{content:'\e92e';font-family:'jam-icons';margin-left:6px;font-size:10px}
.SubmenuList{position:absolute;top:100%;left:0;background:#1a1a2e;border:1px solid #63e01533;border-radius:8px;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease-out,transform .3s ease-out,visibility .3s;box-shadow:0 6px 20px #0009;z-index:1000;padding:8px 0;margin-top:8px}
.NavItem.HasSubmenu:hover .SubmenuList{opacity:1;visibility:visible;transform:translateY(0)}
.SubmenuList a{padding:10px 20px;border-radius:0;display:block}
.SubmenuList a:hover{background-color:#63e01526}
.SiteFooter{background:linear-gradient(225deg,#0a0a0a 0%,#1a1a2e 50%,#0a0a0a 100%);border-top:2px solid #63E015;padding:60px 0 30px;position:relative}
.SiteFooter::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#63E015 20%,#3755CA 50%,#63E015 80%,transparent)}
.FooterContent{max-width:1280px;margin:0 auto;padding:0 24px}
.FooterGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:50px}
.FooterBlock h3{font-size:20px;font-weight:700;color:#63E015;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}
.FooterBlock p{color:#ccc;margin-bottom:16px;line-height:1.8}
.FooterLinks{list-style:none}
.FooterLinks li{margin-bottom:12px}
.FooterLinks a{color:#ccc;text-decoration:none;font-size:15px;transition:color .3s ease-out;display:inline-block}
.FooterLinks a:hover{color:#63E015}
.FooterContactLine{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.FooterContactLine i{color:#3755CA;font-size:18px}
.FooterContactLine a{color:#ccc;text-decoration:none;transition:color .3s ease-out}
.FooterContactLine a:hover{color:#63E015}
.FooterBottom{padding-top:30px;border-top:1px solid #ffffff1a;text-align:center}
.CopyrightText{color:#999;font-size:14px}
.CookieConsent{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);background:#1a1a2e;border:2px solid #63E015;border-radius:12px;padding:40px;max-width:480px;width:90%;box-shadow:0 8px 32px #000c 0 0 60px #63e01533;z-index:10000;display:none;animation:bounceIn .6s ease-out forwards}
.CookieConsent.ActiveConsent{display:block}
@keyframes bounceIn {
0%{transform:translate(-50%,-50%) scale(0.5);opacity:0}
50%{transform:translate(-50%,-50%) scale(1.05)}
100%{transform:translate(-50%,-50%) scale(1);opacity:1}
}
.CookieOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:9999;display:none}
.CookieOverlay.ActiveOverlay{display:block}
.CookieConsent h3{font-size:22px;font-weight:700;color:#63E015;margin-bottom:16px}
.CookieConsent p{color:#ccc;margin-bottom:24px;line-height:1.7;font-size:15px}
.CookieCategories{margin-bottom:24px}
.CookieCategory{margin-bottom:16px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid #ffffff0d}
.CookieCategory label{display:flex;align-items:center;gap:12px;cursor:pointer;color:#fff;font-size:15px}
.CookieCategory input[type="checkbox"]{width:20px;height:20px;cursor:pointer}
.CookieCategory input[type="checkbox"]:disabled{cursor:not-allowed}
.CookieCategory .CategoryDescription{font-size:13px;color:#999;margin-top:8px;margin-left:32px}
.CookieButtons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.CookieButtons button{padding:12px 28px;border:none;background:transparent;color:#fff;font-size:15px;cursor:pointer;border-radius:8px;transition:background-color .3s ease-out,color .3s ease-out;font-family:'PT Sans',sans-serif}
.CookieButtons .AcceptBtn{background:#63E015;color:#0a0a0a;font-weight:700}
.CookieButtons .AcceptBtn:hover{background:#52b812}
.CookieButtons .RejectBtn{border:1px solid #999;color:#999}
.CookieButtons .RejectBtn:hover{background:#ffffff0d;color:#fff}
.CookieButtons .CustomizeBtn{text-decoration:underline;color:#3755CA}
.CookieButtons .CustomizeBtn:hover{color:#63E015}
.CookiePolicyLink{text-align:center;margin-top:16px}
.CookiePolicyLink a{color:#3755CA;text-decoration:underline;font-size:14px;transition:color .3s ease-out}
.CookiePolicyLink a:hover{color:#63E015}
.CookieManager{position:fixed;bottom:20px;left:20px;background:#1a1a2e;border:1px solid #63E015;border-radius:8px;padding:12px 18px;cursor:pointer;box-shadow:0 4px 12px #00000080;z-index:9998;display:none;transition:background-color .3s ease-out}
.CookieManager.ShowManager{display:block}
.CookieManager:hover{background:#252540}
.CookieManager i{color:#63E015;font-size:20px}
@media (max-width: 968px) {
.HeaderMiddleRow .ContentWrap{flex-direction:column;gap:20px}
.ContactLeft,.ContactRight{display:none}
.FooterGrid{grid-template-columns:1fr;gap:40px}
.MainNav{flex-direction:column;align-items:stretch}
.MainNav a{text-align:center}
.SubmenuList{position:static;transform:none;opacity:1;visibility:visible;margin-top:8px;margin-left:20px}
}
@media (max-width: 640px) {
.CompanyBrand{font-size:22px}
.LogoContainer img{height:80px;width:80px}
.CookieConsent{padding:24px}
.CookieButtons{flex-direction:column}
.CookieButtons button{width:100%}
}
.policy-data{max-width:1280px;margin:0 auto;padding:80px 24px;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%)}
.policy-data p{font-size:17px;line-height:1.75;color:#e0e0e0;margin:0 0 24px}
.policy-data p:last-child{margin-bottom:0}
.policy-data ul,.policy-data ol{margin:0 0 32px;padding:0 0 0 28px;color:#e0e0e0}
.policy-data ul{list-style-type:disc}
.policy-data ol{list-style-type:decimal}
.policy-data li{font-size:17px;line-height:1.75;margin:0 0 12px;padding-left:8px}
.policy-data li:last-child{margin-bottom:0}
.policy-data ul ul,.policy-data ol ul,.policy-data ul ol,.policy-data ol ol{margin:12px 0 0}
.policy-data strong,.policy-data b{font-weight:700;color:#63E015}
.policy-data em,.policy-data i{font-style:italic;color:#d0d0d0}
.policy-data a{color:#3755CA;text-decoration:none;border-bottom:1px solid #3755ca4d;transition:all .25s ease-out}
.policy-data a:hover{color:#63E015;border-bottom-color:#63E015}
.policy-data table{width:100%;border-collapse:collapse;margin:0 0 40px;background:#1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0006}
.policy-data thead{background:linear-gradient(135deg,#3755CA 0%,#2a44a0 100%)}
.policy-data thead tr{border:none}
.policy-data tbody{background:#1a1a1a}
.policy-data tr{border-bottom:1px solid #ffffff14}
.policy-data tr:last-child{border-bottom:none}
.policy-data th{padding:18px 20px;text-align:left;font-size:16px;font-weight:700;color:#FFF;text-transform:uppercase;letter-spacing:.5px}
.policy-data td{padding:16px 20px;font-size:16px;line-height:1.6;color:#d0d0d0}
.policy-data tbody tr:hover{background:#63e0150d}
.policy-data div{margin:0 0 32px}
@media (max-width: 768px) {
.policy-data{padding:60px 20px}
.policy-data p,.policy-data li{font-size:16px;line-height:1.7}
.policy-data ul,.policy-data ol{padding-left:20px}
.policy-data table{font-size:14px}
.policy-data th,.policy-data td{padding:12px 14px;font-size:14px}
.policy-data th{font-size:13px}
}
@media (max-width: 480px) {
.policy-data{padding:40px 16px}
.policy-data p,.policy-data li{font-size:15px}
.policy-data table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-data th,.policy-data td{padding:10px 12px;font-size:13px}
}
.HowWorks_TitleArea{background:linear-gradient(128deg,#1a1f2e 0%,#0d1117 100%);padding:90px 20px 120px;position:relative;overflow:hidden}
.HowWorks_TitleArea::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#63e01526 0%,transparent 70%);filter:blur(60px);pointer-events:none}
.HowWorks_TitleArea::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#3755ca1f 0%,transparent 70%);filter:blur(50px);pointer-events:none}
.TitleContent_Wrapper{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.MainTitle_Text{font-size:3.2rem;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.15;letter-spacing:-.02em}
.MainTitle_Text::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#63E015 0%,#3755CA 100%);margin-top:20px;border-radius:8px}
.TitleQuote_Box{font-size:1.35rem;color:#e0e6ed;font-style:italic;line-height:1.6;max-width:720px;margin:0;padding-left:28px;border-left:3px solid #63E015}
.ProcessJourney_Section{background:#0d1117;padding:80px 20px;position:relative}
.ProcessInner_Container{max-width:1280px;margin:0 auto}
.ProcessHeader_Group{text-align:center;margin-bottom:70px}
.ProcessHeader_Title{font-size:2.6rem;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-.01em}
.ProcessHeader_Subtitle{font-size:1.15rem;color:#a8b4c4;line-height:1.6;max-width:600px;margin:0 auto}
.StepsGrid_Layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:60px}
.StepCard_Block{background:linear-gradient(145deg,#161b26 0%,#0d1117 100%);border-radius:12px;padding:36px 28px;border:1px solid #1f2937;position:relative;transition:all .3s ease-out}
.StepCard_Block:hover{transform:translateY(-6px);border-color:#63E015;box-shadow:0 12px 32px #63e01526}
.StepNumber_Badge{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,#63E015 0%,#4fb810 100%);color:#0d1117;font-size:1.5rem;font-weight:800;border-radius:50%;margin-bottom:20px;box-shadow:0 4px 16px #63e0154d}
.StepTitle_Heading{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.01em}
.StepDescription_Text{font-size:1rem;color:#a8b4c4;line-height:1.7;margin:0}
.VisualFlow_Container{background:linear-gradient(135deg,#1a1f2e 0%,#161b26 100%);border-radius:16px;padding:50px 40px;border:2px solid #1f2937;position:relative;overflow:hidden}
.VisualFlow_Container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#63E015 0%,#3755CA 50%,#63E015 100%)}
.FlowTitle_Header{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 36px;text-align:center}
.FlowStages_Row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.StageBox_Item{flex:1;min-width:180px;background:#0d1117;border-radius:10px;padding:28px 20px;text-align:center;border:1px solid #1f2937;position:relative;transition:all .3s ease-out}
.StageBox_Item:hover{border-color:#3755CA;transform:scale(1.05);box-shadow:0 8px 24px #3755ca33}
.StageIcon_Symbol{font-size:2.2rem;margin-bottom:16px}
.StageName_Label{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 8px}
.StageDetail_Info{font-size:.95rem;color:#a8b4c4;line-height:1.5;margin:0}
.FlowArrow_Connector{font-size:1.8rem;color:#63E015;flex-shrink:0}
.ImageShowcase_Area{margin-top:60px;text-align:center}
.ShowcaseImage_Frame{width:100%;max-width:900px;height:auto;border-radius:16px;box-shadow:0 16px 48px #0006;border:2px solid #1f2937;display:inline-block}
.ShowcaseImage_Frame:hover{box-shadow:0 20px 60px #63e01526;border-color:#63E015}
@media (max-width: 1024px) {
.MainTitle_Text{font-size:2.6rem}
.TitleQuote_Box{font-size:1.2rem}
.ProcessHeader_Title{font-size:2.2rem}
.StepsGrid_Layout{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.FlowStages_Row{flex-direction:column}
.FlowArrow_Connector{transform:rotate(90deg);margin:12px 0}
}
@media (max-width: 768px) {
.HowWorks_TitleArea{padding:60px 20px 80px}
.MainTitle_Text{font-size:2.2rem}
.TitleQuote_Box{font-size:1.1rem;padding-left:20px}
.ProcessJourney_Section{padding:60px 20px}
.ProcessHeader_Title{font-size:1.9rem}
.ProcessHeader_Group{margin-bottom:50px}
.StepsGrid_Layout{grid-template-columns:1fr;gap:28px}
.VisualFlow_Container{padding:36px 24px}
.FlowTitle_Header{font-size:1.5rem}
.StageBox_Item{min-width:auto}
}
@media (max-width: 480px) {
.MainTitle_Text{font-size:1.9rem}
.TitleQuote_Box{font-size:1rem}
.ProcessHeader_Title{font-size:1.6rem}
.StepCard_Block{padding:28px 20px}
.StepNumber_Badge{width:46px;height:46px;font-size:1.3rem}
.VisualFlow_Container{padding:28px 20px}
.StageBox_Item{padding:24px 16px}
}
.IntroSection{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1d 100%);padding:80px 20px;position:relative;overflow:hidden}
.IntroSection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#63e01526 0%,transparent 70%);border-radius:50%}
.IntroWrapper{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.IntroImageBox{flex:0 0 420px;position:relative}
.IntroImageBox img{width:100%;height:520px;object-fit:cover;border-radius:12px;box-shadow:0 8px 32px #0006}
.IntroImageBox::after{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;border:2px solid #3755ca4d;border-radius:12px;z-index:-1}
.IntroTextArea{flex:1}
.IntroLead{font-size:15px;color:#63E015;letter-spacing:1px;margin-bottom:16px;font-weight:500}
.IntroHeadline{font-size:48px;color:#FFF;margin-bottom:24px;line-height:1.2;font-weight:700}
.IntroDesc{font-size:18px;color:#fffc;line-height:1.7;margin-bottom:20px}
.IntroHighlight{color:#63E015}
.IntroActionBtn{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#63E015 0%,#52b812 100%);color:#0f0f1d;text-decoration:none;border-radius:8px;font-weight:600;margin-top:16px;transition:all .3s ease-out;box-shadow:0 4px 16px #63e0154d}
.IntroActionBtn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #63e01566}
.ToolsSegment{background:#16161f;padding:90px 20px;position:relative}
.ToolsSegment::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#3755CA 50%,transparent 100%)}
.ToolsContainer{max-width:1280px;margin:0 auto}
.ToolsHeader{text-align:center;margin-bottom:70px}
.ToolsTitle{font-size:42px;color:#FFF;margin-bottom:20px;font-weight:700}
.ToolsSubtitle{font-size:18px;color:#ffffffb3;max-width:640px;margin:0 auto;line-height:1.6}
.ToolsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.ToolCard{background:linear-gradient(145deg,#1f1f2e 0%,#181823 100%);padding:36px;border-radius:12px;border:1px solid #3755ca33;transition:all .3s ease-out;position:relative;overflow:hidden}
.ToolCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#63E015 0%,#3755CA 100%);transition:height .3s ease-out}
.ToolCard:hover{border-color:#63e01566;transform:translateY(-4px);box-shadow:0 8px 24px #63e01526}
.ToolCard:hover::before{height:100%}
.ToolIconWrap{width:64px;height:64px;background:linear-gradient(135deg,#63e01526 0%,#3755ca26 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ToolIconWrap .jam{font-size:32px;color:#63E015}
.ToolCardTitle{font-size:22px;color:#FFF;margin-bottom:14px;font-weight:600}
.ToolCardText{font-size:15px;color:#ffffffb3;line-height:1.6}
.DocsArea{background:linear-gradient(165deg,#0f0f1d 0%,#1a1a2e 100%);padding:90px 20px;position:relative}
.DocsContainer{max-width:1280px;margin:0 auto;display:flex;gap:50px;align-items:center}
.DocsVisual{flex:0 0 480px;position:relative}
.DocsVisual img{width:100%;height:440px;object-fit:cover;border-radius:12px;box-shadow:0 8px 32px #00000080}
.DocsContent{flex:1}
.DocsHeading{font-size:40px;color:#FFF;margin-bottom:28px;font-weight:700}
.DocsParagraph{font-size:17px;color:#ffffffbf;line-height:1.7;margin-bottom:18px}
.DocsList{list-style:none;padding:0;margin:32px 0}
.DocsListItem{padding:16px 0;display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid #3755ca33}
.DocsListItem:last-child{border-bottom:none}
.DocsListIcon{width:28px;height:28px;background:linear-gradient(135deg,#63E015 0%,#52b812 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.DocsListIcon .jam{font-size:14px;color:#0f0f1d}
.DocsListText{font-size:16px;color:#fffc;line-height:1.5}
.CompareZone{background:#16161f;padding:90px 20px 100px}
.CompareWrap{max-width:1280px;margin:0 auto}
.CompareIntro{text-align:center;margin-bottom:60px}
.CompareMainTitle{font-size:42px;color:#FFF;margin-bottom:20px;font-weight:700}
.CompareIntroText{font-size:18px;color:#ffffffb3;max-width:680px;margin:0 auto;line-height:1.6}
.CompareLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.CompareBlock{background:linear-gradient(145deg,#1f1f2e 0%,#181823 100%);padding:40px;border-radius:12px;border:2px solid transparent;transition:all .3s ease-out;position:relative}
.CompareBlock.featured{border-color:#63e01566}
.CompareBlock::after{content:'';position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,#63e0150d 0%,#3755ca0d 100%);opacity:0;transition:opacity .3s ease-out}
.CompareBlock:hover::after{opacity:1}
.CompareBadge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#63E015 0%,#52b812 100%);color:#0f0f1d;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px;letter-spacing:.5px}
.CompareHeadline{font-size:28px;color:#FFF;margin-bottom:20px;font-weight:600}
.CompareDescLine{font-size:16px;color:#ffffffbf;line-height:1.7;margin-bottom:24px}
.CompareFeatures{display:flex;flex-direction:column;gap:14px}
.CompareFeatureRow{display:flex;align-items:center;gap:12px}
.CompareCheckMark{width:24px;height:24px;background:#63e01533;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.CompareCheckMark .jam{font-size:12px;color:#63E015}
.CompareFeatureLabel{font-size:15px;color:#ffffffd9}
.CompareImgHolder{flex:0 0 340px}
.CompareImgHolder img{width:100%;height:280px;object-fit:cover;border-radius:12px;box-shadow:0 6px 24px #0006}
@media (max-width: 1024px) {
.IntroWrapper{flex-direction:column;gap:40px}
.IntroImageBox{flex:0 0 auto;width:100%;max-width:480px}
.IntroImageBox img{height:420px}
.DocsContainer{flex-direction:column}
.DocsVisual{flex:0 0 auto;width:100%;max-width:560px}
.CompareLayout{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.IntroSection{padding:60px 20px}
.IntroHeadline{font-size:36px}
.IntroDesc{font-size:16px}
.ToolsSegment{padding:70px 20px}
.ToolsTitle{font-size:34px}
.ToolsGrid{grid-template-columns:1fr;gap:24px}
.DocsArea{padding:70px 20px}
.DocsHeading{font-size:32px}
.DocsVisual img{height:320px}
.CompareZone{padding:70px 20px}
.CompareMainTitle{font-size:34px}
.CompareBlock{padding:32px}
}
@media (max-width: 480px) {
.IntroHeadline{font-size:28px}
.IntroImageBox{flex:0 0 auto}
.IntroImageBox img{height:340px}
.ToolsTitle{font-size:28px}
.DocsHeading{font-size:28px}
.CompareMainTitle{font-size:28px}
.CompareBlock{padding:24px}
}
.contactOuterWrap{background:linear-gradient(125deg,#0a0a0f 0%,#1a1a2e 100%);color:#FFF}
.titleSection{max-width:1280px;margin:0 auto;padding:80px 24px 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.titleContent h1{font-size:48px;line-height:1.2;margin:0 0 20px;background:linear-gradient(135deg,#63E015 0%,#FFF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.titleContent .subheading{font-size:18px;line-height:1.6;color:#b8b8c4;margin:0 0 32px}
.titleContent .mainBtn{display:inline-block;padding:14px 32px;background:linear-gradient(145deg,#63E015 0%,#3755CA 100%);color:#0a0a0f;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease-out;box-shadow:0 4px 16px #63e0154d}
.titleContent .mainBtn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #63e01566}
.titleVisual{position:relative}
.titleVisual img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px #3755ca33;border:2px solid #63e01533}
.infoCardsBlock{background:linear-gradient(168deg,#12121a 0%,#1f1f2e 100%);padding:80px 24px}
.infoCardsInner{max-width:1280px;margin:0 auto}
.infoCardsInner h2{font-size:36px;text-align:center;margin:0 0 48px;color:#FFF}
.infoCardsInner h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#63E015 0%,#3755CA 100%);margin:16px auto 0;border-radius:2px}
.cardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.infoCard{background:#ffffff08;border:1px solid #63e01526;border-radius:12px;padding:32px 24px;transition:all .3s ease-out;display:flex;flex-direction:column;align-items:center;text-align:center}
.infoCard:hover{transform:translateY(-4px);border-color:#63e01566;box-shadow:0 8px 24px #63e01526}
.infoCard .iconBox{width:64px;height:64px;background:linear-gradient(135deg,#63e0151a 0%,#3755ca1a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:2px solid #63e0154d}
.infoCard .iconBox .jam{font-size:32px;color:#63E015}
.infoCard h3{font-size:20px;margin:0 0 12px;color:#FFF}
.infoCard .cardText{font-size:16px;line-height:1.6;color:#b8b8c4;margin:0 0 16px}
.infoCard a{color:#63E015;text-decoration:none;font-weight:600;transition:color .3s ease-out}
.infoCard a:hover{color:#FFF}
.formSection{background:linear-gradient(212deg,#0f0f18 0%,#1a1a2e 100%);padding:80px 24px}
.formInner{max-width:720px;margin:0 auto}
.formInner h2{font-size:36px;text-align:center;margin:0 0 16px;color:#FFF}
.formInner .formIntro{font-size:18px;text-align:center;color:#b8b8c4;margin:0 0 40px;line-height:1.6}
.contactForm{background:#ffffff0a;border:1px solid #63e01533;border-radius:12px;padding:40px}
.formGroup{margin-bottom:24px}
.formGroup label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#FFF}
.formGroup input[type="text"],.formGroup input[type="email"]{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid #63e01533;border-radius:8px;color:#FFF;font-size:16px;transition:all .3s ease-out;box-sizing:border-box}
.formGroup input[type="text"]:focus,.formGroup input[type="email"]:focus{outline:none;border-color:#63E015;box-shadow:0 0 0 3px #63e0151a}
.checkboxSet{margin-bottom:32px}
.checkboxSet > label{display:block;font-size:14px;font-weight:600;margin-bottom:12px;color:#FFF}
.checkboxOption{margin-bottom:12px}
.checkboxOption input[type="checkbox"]{margin-right:10px;width:18px;height:18px;accent-color:#63E015;cursor:pointer}
.checkboxOption label{font-size:16px;color:#b8b8c4;cursor:pointer;user-select:none}
.privacyCheck{margin-bottom:32px;display:flex;align-items:flex-start;gap:10px}
.privacyCheck input[type="checkbox"]{margin-top:4px;width:18px;height:18px;accent-color:#63E015;flex-shrink:0;cursor:pointer}
.privacyCheck label{font-size:14px;color:#b8b8c4;line-height:1.5;cursor:pointer;user-select:none}
.privacyCheck a{color:#63E015;text-decoration:none}
.privacyCheck a:hover{text-decoration:underline}
.submitBtn{width:100%;padding:16px;background:linear-gradient(135deg,#63E015 0%,#3755CA 100%);color:#0a0a0f;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease-out;box-shadow:0 4px 16px #63e0154d}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #63e01566}
.locationBlock{background:linear-gradient(154deg,#12121a 0%,#0f0f18 100%);padding:80px 24px}
.locationInner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.locationDetails h2{font-size:36px;margin:0 0 24px;color:#FFF}
.locationDetails h2::before{content:'';display:inline-block;width:6px;height:36px;background:linear-gradient(180deg,#63E015 0%,#3755CA 100%);margin-right:12px;vertical-align:middle;border-radius:3px}
.addressBox{background:#ffffff08;border:1px solid #63e01526;border-radius:12px;padding:24px;margin-bottom:24px}
.addressBox h3{font-size:18px;margin:0 0 12px;color:#63E015;display:flex;align-items:center;gap:10px}
.addressBox h3 .jam{font-size:20px}
.addressBox .addressText{font-size:16px;color:#b8b8c4;line-height:1.6;margin:0}
.hoursBox{background:#ffffff08;border:1px solid #3755ca26;border-radius:12px;padding:24px}
.hoursBox h3{font-size:18px;margin:0 0 12px;color:#3755CA;display:flex;align-items:center;gap:10px}
.hoursBox h3 .jam{font-size:20px}
.hoursBox .hoursText{font-size:16px;color:#b8b8c4;line-height:1.6;margin:0}
.locationVisual{position:relative;height:100%;min-height:400px;background:linear-gradient(135deg,#63e0151a 0%,#3755ca1a 100%);border-radius:12px;border:2px solid #63e01533;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px}
.locationVisual .jam{font-size:64px;color:#63E015;margin-bottom:20px}
.locationVisual .visualText{font-size:18px;color:#b8b8c4}
.faqBlock{background:linear-gradient(198deg,#1a1a2e 0%,#12121a 100%);padding:80px 24px}
.faqInner{max-width:960px;margin:0 auto}
.faqInner h2{font-size:36px;text-align:center;margin:0 0 48px;color:#FFF}
.faqItem{margin-bottom:16px;border:1px solid #63e01526;border-radius:8px;overflow:hidden;background:#ffffff08}
.faqItem input[type="checkbox"]{display:none}
.faqLabel{display:block;padding:20px 24px;cursor:pointer;font-size:18px;font-weight:600;color:#FFF;transition:background .3s ease-out;position:relative;padding-right:60px}
.faqLabel::after{content:'\e913';font-family:'jam-icons';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:20px;color:#63E015;transition:transform .3s ease-out}
.faqItem input[type="checkbox"]:checked + .faqLabel::after{transform:translateY(-50%) rotate(180deg)}
.faqItem input[type="checkbox"]:checked + .faqLabel{background:#63e0150d}
.faqLabel:hover{background:#63e01514}
.faqContent{max-height:0;overflow:hidden;transition:max-height .3s ease-out}
.faqItem input[type="checkbox"]:checked ~ .faqContent{max-height:500px}
.faqContent .faqText{padding:0 24px 20px;font-size:16px;line-height:1.6;color:#b8b8c4}
@media (max-width: 968px) {
.titleSection{grid-template-columns:1fr;gap:40px;padding:60px 24px 40px}
.titleContent h1{font-size:36px}
.cardsGrid{grid-template-columns:1fr;gap:24px}
.locationInner{grid-template-columns:1fr;gap:40px}
.locationVisual{min-height:300px}
}
@media (max-width: 640px) {
.titleContent h1{font-size:28px}
.titleContent .subheading{font-size:16px}
.infoCardsInner h2,.formInner h2,.locationDetails h2,.faqInner h2{font-size:28px}
.contactForm{padding:24px}
.infoCardsBlock,.formSection,.locationBlock,.faqBlock{padding:60px 20px}
}
.AboutPageMainWrapper{width:100%;overflow-x:hidden;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 100%)}
.heroAboutOuter{max-width:1280px;margin:0 auto;padding:80px 24px;display:flex;align-items:center;gap:60px}
.heroAboutContent{flex:1;min-width:0}
.heroAboutContent h1{font-size:52px;font-weight:700;color:#FFF;margin:0 0 24px;line-height:1.2}
.heroAboutContent .subtext{font-size:20px;color:#ffffffd9;line-height:1.6;margin:0 0 32px}
.heroAboutContent .emphasisBox{background:#63e0151f;border-left:4px solid #63E015;padding:20px 24px;border-radius:8px;margin-bottom:40px}
.heroAboutContent .emphasisBox p{font-size:18px;color:#FFF;margin:0;line-height:1.6}
.heroAboutImage{flex:0 0 480px;position:relative}
.heroAboutImage::before{content:'';position:absolute;top:-16px;left:-16px;right:16px;bottom:16px;background:linear-gradient(220deg,#63E015 0%,#3755CA 100%);border-radius:12px;z-index:1}
.heroAboutImage img{position:relative;width:100%;height:400px;object-fit:cover;border-radius:12px;z-index:2;box-shadow:0 12px 32px #00000080}
.decorativeCircle{position:absolute;width:120px;height:120px;border:3px solid #3755ca66;border-radius:50%;bottom:-24px;right:-24px;z-index:3}
.storyModuleWrapper{background:#0f0f18;padding:100px 24px;position:relative}
.storyModuleWrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#3755CA 50%,transparent 100%)}
.storyInnerContainer{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.storyTextColumn h2{font-size:42px;font-weight:700;color:#FFF;margin:0 0 32px;line-height:1.3;position:relative;padding-left:24px}
.storyTextColumn h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:48px;background:linear-gradient(180deg,#63E015 0%,#3755CA 100%);border-radius:3px}
.storyTextColumn .narrative{font-size:17px;color:#fffc;line-height:1.7;margin-bottom:28px}
.storyTextColumn .narrative:last-of-type{margin-bottom:0}
.storyVisualColumn{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.visualCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:32px 24px;position:relative;overflow:hidden;transition:all .3s ease-out}
.visualCard:hover{transform:translateY(-4px);border-color:#63e0154d;box-shadow:0 8px 24px #63e01526}
.visualCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#63E015 0%,#3755CA 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-out}
.visualCard:hover::before{transform:scaleX(1)}
.visualCard .cardIcon{width:48px;height:48px;background:#63e01526;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.visualCard .cardIcon span{font-size:24px;color:#63E015}
.visualCard h3{font-size:20px;font-weight:600;color:#FFF;margin:0 0 12px}
.visualCard .cardDetail{font-size:15px;color:#ffffffb3;line-height:1.6;margin:0}
.visualCard.wide{grid-column:1 / -1}
.visualCard.wide .cardContent{display:flex;align-items:start;gap:24px}
.visualCard.wide img{width:200px;height:140px;object-fit:cover;border-radius:8px;flex-shrink:0}
.visualCard.wide .textWrap{flex:1}
.valuesGridWrapper{background:linear-gradient(145deg,#1a1a2e 0%,#0a0a0f 100%);padding:100px 24px;position:relative}
.valuesGridInner{max-width:1280px;margin:0 auto}
.valuesGridInner h2{font-size:42px;font-weight:700;color:#FFF;text-align:center;margin:0 0 56px}
.valuesGridInner h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#3755CA 0%,#63E015 100%);margin:20px auto 0;border-radius:2px}
.valuesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}
.valueItem{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:40px 28px;text-align:center;position:relative;transition:all .3s ease-out}
.valueItem:hover{background:#3755ca14;border-color:#3755ca4d;transform:scale(1.03)}
.valueItem .valueNumber{font-size:56px;font-weight:700;background:linear-gradient(135deg,#63E015 0%,#3755CA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}
.valueItem h3{font-size:22px;font-weight:600;color:#FFF;margin:0 0 16px}
.valueItem .valueDesc{font-size:15px;color:#ffffffb3;line-height:1.6;margin:0}
.imageShowcaseRow{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:48px}
.showcaseImgBox{position:relative;border-radius:12px;overflow:hidden;height:320px}
.showcaseImgBox img{width:100%;height:100%;object-fit:cover}
.showcaseImgBox::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#0009 100%);pointer-events:none}
.closingStatement{background:#63e01514;border:2px solid #63e01540;border-radius:12px;padding:40px;text-align:center}
.closingStatement p{font-size:19px;color:#FFF;line-height:1.7;margin:0 0 24px}
.closingStatement .ctaLink{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,#63E015 0%,#3755CA 100%);color:#FFF;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;transition:all .3s ease-out;box-shadow:0 4px 16px #63e0154d}
.closingStatement .ctaLink:hover{transform:translateY(-2px);box-shadow:0 8px 24px #63e01573}
@media (max-width: 1024px) {
.heroAboutOuter{flex-direction:column;padding:60px 24px;gap:40px}
.heroAboutImage{flex:0 0 auto;width:100%;max-width:480px}
.storyInnerContainer{grid-template-columns:1fr;gap:50px}
.valuesGrid{grid-template-columns:repeat(2,1fr)}
.imageShowcaseRow{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroAboutContent h1{font-size:38px}
.heroAboutContent .subtext{font-size:18px}
.heroAboutImage{max-width:100%}
.heroAboutImage img{height:320px}
.storyTextColumn h2{font-size:32px}
.storyVisualColumn{grid-template-columns:1fr}
.valuesGridInner h2{font-size:32px}
.valuesGrid{grid-template-columns:1fr;gap:24px}
.visualCard.wide .cardContent{flex-direction:column}
.visualCard.wide img{width:100%;height:200px}
.closingStatement{padding:32px 24px}
.closingStatement p{font-size:17px}
}
@media (max-width: 480px) {
.heroAboutOuter{padding:40px 16px}
.heroAboutContent h1{font-size:32px}
.heroAboutContent .emphasisBox{padding:16px 20px}
.storyModuleWrapper{padding:60px 16px}
.valuesGridWrapper{padding:60px 16px}
.showcaseImgBox{height:240px}
}
.TitleHero{background:linear-gradient(142deg,#1a1f2e 0%,#0d1117 100%);padding:80px 0;position:relative;overflow:hidden}
.TitleHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#63e01514 0%,transparent 70%);border-radius:50%}
.TitleHero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:450px;height:450px;background:radial-gradient(circle,#3755ca0f 0%,transparent 70%);border-radius:50%}
.TitleHero .hero-wrap{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;flex-direction:row;align-items:center;gap:60px;position:relative;z-index:2}
.TitleHero .text-side{flex:1;max-width:580px}
.TitleHero .problem-intro{color:#63E015;font-size:15px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}
.TitleHero .main-headline{font-size:48px;line-height:1.15;color:#FFF;margin-bottom:24px;font-weight:700}
.TitleHero .solution-text{font-size:18px;line-height:1.6;color:#b8c5d6;margin-bottom:36px}
.TitleHero .cta-group{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}
.TitleHero .btn-primary{background:linear-gradient(135deg,#63E015 0%,#4fb810 100%);color:#0d1117;padding:16px 32px;border-radius:10px;font-weight:600;font-size:16px;text-decoration:none;transition:all .3s ease-out;box-shadow:0 4px 12px #63e01533;border:none}
.TitleHero .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #63e01559}
.TitleHero .btn-secondary{background:transparent;color:#FFF;padding:16px 32px;border-radius:10px;font-weight:600;font-size:16px;text-decoration:none;border:2px solid #3755CA;transition:all .3s ease-out}
.TitleHero .btn-secondary:hover{background:#3755ca26;border-color:#5173e8}
.TitleHero .image-side{flex:1;position:relative}
.TitleHero .hero-image{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px #0006;position:relative;z-index:1}
.TitleHero .image-side::before{content:'';position:absolute;top:-20px;right:-20px;width:100%;height:100%;background:linear-gradient(225deg,#3755ca4d 0%,#63e01533 100%);border-radius:12px;z-index:0}
.ProgramStructure{background:#0d1117;padding:100px 0;position:relative}
.ProgramStructure .content-wrapper{max-width:1280px;margin:0 auto;padding:0 24px}
.ProgramStructure .section-header{text-align:center;margin-bottom:64px}
.ProgramStructure .section-label{color:#3755CA;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}
.ProgramStructure .section-title{font-size:42px;color:#FFF;font-weight:700;margin-bottom:16px}
.ProgramStructure .section-desc{font-size:18px;color:#8b96a5;max-width:680px;margin:0 auto;line-height:1.6}
.ProgramStructure .modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ProgramStructure .module-card{background:linear-gradient(145deg,#1a1f2e 0%,#141821 100%);padding:40px 32px;border-radius:12px;border:1px solid #63e0151a;transition:all .3s ease-out;position:relative}
.ProgramStructure .module-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#63E015 0%,#3755CA 100%);border-radius:12px 0 0 12px;opacity:0;transition:opacity .3s ease-out}
.ProgramStructure .module-card:hover{transform:translateY(-4px);border-color:#63e0154d;box-shadow:0 8px 24px #63e0151a}
.ProgramStructure .module-card:hover::before{opacity:1}
.ProgramStructure .module-number{display:inline-block;background:#3755ca33;color:#3755CA;font-size:14px;font-weight:700;padding:6px 14px;border-radius:8px;margin-bottom:20px}
.ProgramStructure .module-title{font-size:22px;color:#FFF;font-weight:600;margin-bottom:14px}
.ProgramStructure .module-content{font-size:15px;color:#8b96a5;line-height:1.6;margin-bottom:20px}
.ProgramStructure .module-topics{list-style:none;padding:0;margin:0}
.ProgramStructure .module-topics li{font-size:14px;color:#b8c5d6;padding-left:24px;margin-bottom:8px;position:relative}
.ProgramStructure .module-topics li::before{content:'→';position:absolute;left:0;color:#63E015;font-weight:700}
.LearningApproach{background:linear-gradient(168deg,#1a1f2e 0%,#0d1117 100%);padding:100px 0;position:relative}
.LearningApproach .container-max{max-width:1280px;margin:0 auto;padding:0 24px}
.LearningApproach .split-layout{display:grid;grid-template-columns:45% 55%;gap:80px;align-items:center}
.LearningApproach .content-column h2{font-size:38px;color:#FFF;font-weight:700;margin-bottom:24px}
.LearningApproach .content-column h2::after{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#63E015 0%,#3755CA 100%);margin-top:16px;border-radius:2px}
.LearningApproach .approach-intro{font-size:17px;color:#b8c5d6;line-height:1.7;margin-bottom:36px}
.LearningApproach .feature-list{display:flex;flex-direction:column;gap:24px}
.LearningApproach .feature-item{background:#3755ca14;padding:24px;border-radius:10px;border-left:3px solid #3755CA;transition:all .3s ease-out}
.LearningApproach .feature-item:hover{background:#3755ca26;border-left-color:#63E015;transform:translateX(6px)}
.LearningApproach .feature-icon{display:inline-block;width:36px;height:36px;background:#63e01526;border-radius:8px;margin-bottom:12px;position:relative}
.LearningApproach .feature-icon::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#63E015;font-size:20px;font-weight:700}
.LearningApproach .feature-label{font-size:18px;color:#FFF;font-weight:600;margin-bottom:8px}
.LearningApproach .feature-description{font-size:15px;color:#8b96a5;line-height:1.6}
.LearningApproach .visual-column{position:relative}
.LearningApproach .stats-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.LearningApproach .stat-box{background:linear-gradient(135deg,#1a1f2e 0%,#141821 100%);padding:32px 24px;border-radius:12px;border:1px solid #63e01526;text-align:center;transition:all .3s ease-out}
.LearningApproach .stat-box:hover{border-color:#63e01566;box-shadow:0 6px 20px #63e0151f}
.LearningApproach .stat-number{font-size:44px;color:#63E015;font-weight:700;margin-bottom:8px;line-height:1}
.LearningApproach .stat-label{font-size:15px;color:#b8c5d6;font-weight:500}
.InvestmentDetails{background:#0d1117;padding:100px 0;position:relative}
.InvestmentDetails .inner-container{max-width:1280px;margin:0 auto;padding:0 24px}
.InvestmentDetails .pricing-header{text-align:center;margin-bottom:64px}
.InvestmentDetails .pricing-header h2{font-size:42px;color:#FFF;font-weight:700;margin-bottom:16px}
.InvestmentDetails .pricing-header p{font-size:18px;color:#8b96a5;max-width:640px;margin:0 auto}
.InvestmentDetails .pricing-options{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:960px;margin:0 auto}
.InvestmentDetails .price-card{background:linear-gradient(155deg,#1a1f2e 0%,#141821 100%);padding:48px 40px;border-radius:14px;border:2px solid #3755ca33;transition:all .3s ease-out;position:relative}
.InvestmentDetails .price-card.featured{border-color:#63e01566}
.InvestmentDetails .price-card.featured::before{content:'Doporučeno';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#63E015 0%,#4fb810 100%);color:#0d1117;font-size:13px;font-weight:700;padding:6px 20px;border-radius:8px}
.InvestmentDetails .price-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000004d}
.InvestmentDetails .plan-name{font-size:24px;color:#FFF;font-weight:600;margin-bottom:12px}
.InvestmentDetails .plan-desc{font-size:15px;color:#8b96a5;margin-bottom:28px;line-height:1.6}
.InvestmentDetails .price-amount{font-size:52px;color:#63E015;font-weight:700;margin-bottom:8px}
.InvestmentDetails .price-period{font-size:16px;color:#b8c5d6;margin-bottom:32px}
.InvestmentDetails .features-list{list-style:none;padding:0;margin:0 0 36px}
.InvestmentDetails .features-list li{font-size:15px;color:#b8c5d6;padding-left:28px;margin-bottom:14px;position:relative;line-height:1.5}
.InvestmentDetails .features-list li::before{content:'✓';position:absolute;left:0;color:#63E015;font-weight:700;font-size:18px}
.InvestmentDetails .enroll-btn{display:block;width:100%;background:linear-gradient(135deg,#3755CA 0%,#2843a8 100%);color:#FFF;padding:16px;border-radius:10px;text-align:center;font-weight:600;font-size:16px;text-decoration:none;transition:all .3s ease-out;border:none}
.InvestmentDetails .price-card.featured .enroll-btn{background:linear-gradient(135deg,#63E015 0%,#4fb810 100%);color:#0d1117}
.InvestmentDetails .enroll-btn:hover{transform:scale(1.02);box-shadow:0 6px 20px #63e01540}
.NextSteps{background:linear-gradient(192deg,#1a1f2e 0%,#0d1117 100%);padding:100px 0;position:relative}
.NextSteps::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#63E015 50%,transparent 100%)}
.NextSteps .steps-wrapper{max-width:1280px;margin:0 auto;padding:0 24px}
.NextSteps .steps-intro{text-align:center;margin-bottom:72px}
.NextSteps .steps-intro h2{font-size:42px;color:#FFF;font-weight:700;margin-bottom:20px}
.NextSteps .steps-intro p{font-size:18px;color:#b8c5d6;max-width:700px;margin:0 auto;line-height:1.6}
.NextSteps .timeline-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}
.NextSteps .timeline-steps::before{content:'';position:absolute;top:32px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#3755CA 0%,#63E015 100%);z-index:0}
.NextSteps .step-item{text-align:center;position:relative;z-index:1}
.NextSteps .step-number{width:64px;height:64px;background:linear-gradient(135deg,#3755CA 0%,#2843a8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:28px;color:#FFF;font-weight:700;box-shadow:0 4px 16px #3755ca4d;position:relative}
.NextSteps .step-item:last-child .step-number{background:linear-gradient(135deg,#63E015 0%,#4fb810 100%);color:#0d1117}
.NextSteps .step-title{font-size:20px;color:#FFF;font-weight:600;margin-bottom:12px}
.NextSteps .step-description{font-size:15px;color:#8b96a5;line-height:1.6}
.NextSteps .final-cta{text-align:center;margin-top:72px}
.NextSteps .cta-button{display:inline-block;background:linear-gradient(135deg,#63E015 0%,#4fb810 100%);color:#0d1117;padding:18px 48px;border-radius:12px;font-weight:700;font-size:18px;text-decoration:none;transition:all .3s ease-out;box-shadow:0 6px 20px #63e0154d}
.NextSteps .cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 32px #63e01573}
@media (max-width: 1024px) {
.TitleHero .hero-wrap{gap:40px}
.TitleHero .main-headline{font-size:40px}
.ProgramStructure .modules-grid{grid-template-columns:repeat(2,1fr)}
.LearningApproach .split-layout{grid-template-columns:1fr;gap:60px}
.InvestmentDetails .pricing-options{gap:32px}
.NextSteps .timeline-steps{grid-template-columns:repeat(2,1fr)}
.NextSteps .timeline-steps::before{display:none}
}
@media (max-width: 768px) {
.TitleHero{padding:60px 0}
.TitleHero .hero-wrap{flex-direction:column;gap:40px}
.TitleHero .main-headline{font-size:34px}
.TitleHero .cta-group{flex-direction:column;width:100%}
.TitleHero .btn-primary,.TitleHero .btn-secondary{width:100%;text-align:center}
.ProgramStructure{padding:70px 0}
.ProgramStructure .section-title{font-size:32px}
.ProgramStructure .modules-grid{grid-template-columns:1fr}
.LearningApproach{padding:70px 0}
.LearningApproach .content-column h2{font-size:32px}
.LearningApproach .stats-showcase{grid-template-columns:1fr}
.InvestmentDetails{padding:70px 0}
.InvestmentDetails .pricing-header h2{font-size:32px}
.InvestmentDetails .pricing-options{grid-template-columns:1fr}
.NextSteps{padding:70px 0}
.NextSteps .steps-intro h2{font-size:32px}
.NextSteps .timeline-steps{grid-template-columns:1fr;gap:48px}
}
.SuccessLayout{background:linear-gradient(160deg,#0a0f1e 0%,#1a1f2e 40%,#0d1420 100%);min-height:90vh;display:flex;align-items:center;padding:60px 20px}
.SuccessLayout .MainContainer{max-width:1280px;margin:0 auto;width:100%}
.SuccessLayout .SplitDisplay{display:flex;align-items:center;gap:80px;background:linear-gradient(135deg,#63e0150d 0%,#3755ca14 100%);border-radius:12px;padding:0;position:relative;overflow:hidden}
.SuccessLayout .SplitDisplay::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#63e01526 0%,transparent 70%);border-radius:50%;animation:pulse-glow 4s ease-in-out infinite}
@keyframes pulse-glow {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.2);opacity:.6}
}
.SuccessLayout .IconSection{flex:0 0 40%;display:flex;align-items:center;justify-content:center;padding:80px 60px;position:relative;z-index:1}
.SuccessLayout .CheckmarkWrapper{position:relative;width:200px;height:200px}
.SuccessLayout .CircleOuter{width:200px;height:200px;border-radius:50%;background:linear-gradient(145deg,#63E015 0%,#4ab010 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #63e01566 inset 0 -3px 8px #0003;animation:scale-in .6s ease-out}
@keyframes scale-in {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.SuccessLayout .CheckIcon{font-size:100px;color:#0a0f1e;animation:check-draw .5s ease-out .3s both}
@keyframes check-draw {
0%{transform:scale(0) rotate(-45deg)}
100%{transform:scale(1) rotate(0deg)}
}
.SuccessLayout .RingDecor{position:absolute;width:240px;height:240px;border:3px solid #63e0154d;border-radius:50%;top:-20px;left:-20px;animation:ring-expand 1s ease-out .4s both}
@keyframes ring-expand {
0%{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
.SuccessLayout .TextSection{flex:1;padding:80px 60px 80px 0;position:relative;z-index:1}
.SuccessLayout .MainHeading{font-size:48px;font-weight:700;color:#FFF;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}
.SuccessLayout .MainHeading::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#63E015 0%,#3755CA 100%);margin-top:20px;border-radius:2px}
.SuccessLayout .DescText{font-size:18px;line-height:1.7;color:#ffffffd9;margin:0 0 16px}
.SuccessLayout .ExpectBlock{background:#3755ca1a;border-left:4px solid #3755CA;padding:24px 28px;margin:32px 0;border-radius:0 8px 8px 0}
.SuccessLayout .ExpectBlock .SmallTitle{font-size:16px;font-weight:600;color:#63E015;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}
.SuccessLayout .ExpectBlock .InfoText{font-size:16px;line-height:1.6;color:#fffc;margin:0}
.SuccessLayout .ButtonRow{display:flex;gap:20px;margin-top:40px;flex-wrap:wrap}
.SuccessLayout .PrimaryBtn{background:linear-gradient(135deg,#63E015 0%,#4ab010 100%);color:#0a0f1e;padding:16px 36px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease-out;box-shadow:0 4px 16px #63e0154d;position:relative;z-index:10}
.SuccessLayout .PrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #63e01580;background:linear-gradient(135deg,#70f018 0%,#55c013 100%)}
.SuccessLayout .SecondaryBtn{background:transparent;color:#FFF;padding:16px 36px;border:2px solid #ffffff4d;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease-out;position:relative;z-index:10}
.SuccessLayout .SecondaryBtn:hover{border-color:#3755CA;background:#3755ca26;transform:translateY(-2px)}
.ConfirmBlock{max-width:1280px;margin:80px auto 0;padding:0 20px}
.ConfirmBlock .StepsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.ConfirmBlock .StepCard{background:linear-gradient(145deg,#1a1f2ee6 0%,#0d1420e6 100%);border:1px solid #63e01533;border-radius:12px;padding:32px 28px;position:relative;overflow:hidden;transition:all .3s ease-out}
.ConfirmBlock .StepCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#63E015 0%,#3755CA 100%);opacity:0;transition:opacity .3s ease-out}
.ConfirmBlock .StepCard:hover{transform:translateY(-4px);box-shadow:0 8px 32px #63e01533;border-color:#63e01566}
.ConfirmBlock .StepCard:hover::before{opacity:1}
.ConfirmBlock .StepNum{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#63e01533 0%,#3755ca33 100%);border-radius:50%;font-size:22px;font-weight:700;color:#63E015;margin-bottom:20px}
.ConfirmBlock .StepTitle{font-size:20px;font-weight:600;color:#FFF;margin:0 0 12px;line-height:1.3}
.ConfirmBlock .StepDesc{font-size:15px;line-height:1.6;color:#ffffffbf;margin:0}
@media (max-width: 968px) {
.SuccessLayout .SplitDisplay{flex-direction:column;gap:0}
.SuccessLayout .IconSection{flex:1;width:100%;padding:60px 40px 40px}
.SuccessLayout .TextSection{padding:40px 40px 60px}
.SuccessLayout .MainHeading{font-size:36px}
.SuccessLayout .CheckmarkWrapper,.SuccessLayout .CircleOuter{width:160px;height:160px}
.SuccessLayout .CheckIcon{font-size:80px}
.SuccessLayout .RingDecor{width:200px;height:200px}
}
@media (max-width: 640px) {
.SuccessLayout{padding:40px 16px}
.SuccessLayout .IconSection{padding:40px 20px 30px}
.SuccessLayout .TextSection{padding:30px 20px 40px}
.SuccessLayout .MainHeading{font-size:28px}
.SuccessLayout .DescText{font-size:16px}
.SuccessLayout .ButtonRow{flex-direction:column}
.SuccessLayout .PrimaryBtn,.SuccessLayout .SecondaryBtn{width:100%;justify-content:center}
.ConfirmBlock .StepsGrid{grid-template-columns:1fr;gap:24px}
.ConfirmBlock{margin-top:60px}
}