html{scroll-behavior:smooth}
html,body{margin:0;padding:0;font-family:'Fira Code',monospace;background:#FFF;color:#1A1A1A}
.HeaderContainer23{max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(127deg,#2DEBF5 0%,#EDDEF4 100%);border-radius:0 0 24px 24px;box-shadow:0 4px 2px #00000014}
.HeaderContainer23 .LogoWrapper87{flex-shrink:0}
.HeaderContainer23 .LogoLink45{display:block}
.HeaderContainer23 .LogoImage12{height:92px;width:92px;display:block;background:#FFF;border-radius:20px;padding:8px;box-shadow:0 3px 6px #0000001f}
.HeaderContainer23 .CompanyNameSection{flex-grow:1;text-align:center;padding:0 32px}
.HeaderContainer23 .CompanyTitle{font-size:28px;font-weight:700;color:#1A1A1A;letter-spacing:-.5px}
.HeaderContainer23 .NavigationBlock76{flex-shrink:0}
.HeaderContainer23 .NavigationList34{list-style:none;margin:0;padding:0;display:flex;gap:28px}
.HeaderContainer23 .NavigationItem89{position:relative}
.HeaderContainer23 .NavigationLink23{text-decoration:none;color:#1A1A1A;font-size:16px;font-weight:400;padding:10px 16px;display:block;border-radius:16px;transition:background-color .18s ease}
.HeaderContainer23 .NavigationLink23:hover{background-color:#fff6}
.HeaderContainer23 .HasDropdown67:hover .DropdownMenu45{opacity:1;visibility:visible;transform:translateY(0)}
.HeaderContainer23 .DropdownMenu45{position:absolute;top:100%;left:0;background:#FFF;list-style:none;margin:8px 0 0;padding:12px 0;border-radius:18px;box-shadow:0 6px 4px #00000024;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;z-index:100}
.HeaderContainer23 .DropdownItem12{margin:0}
.HeaderContainer23 .DropdownLink78{text-decoration:none;color:#1A1A1A;font-size:15px;padding:10px 20px;display:block;transition:background-color .16s ease}
.HeaderContainer23 .DropdownLink78:hover{background-color:#EDDEF4}
@media (max-width: 768px) {
.HeaderContainer23{flex-direction:column;padding:16px;border-radius:0 0 20px 20px}
.HeaderContainer23 .LogoWrapper87{margin-bottom:16px}
.HeaderContainer23 .CompanyNameSection{padding:0 0 16px}
.HeaderContainer23 .CompanyTitle{font-size:24px}
.HeaderContainer23 .NavigationList34{flex-direction:column;gap:8px;width:100%}
.HeaderContainer23 .NavigationItem89{width:100%}
.HeaderContainer23 .NavigationLink23{text-align:center}
.HeaderContainer23 .DropdownMenu45{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#ffffff4d;margin-top:8px}
}
.FooterContainer56{max-width:1200px;margin:60px auto 0;padding:48px 24px 24px;background:linear-gradient(213deg,#2C6B1F 0%,#2DEBF5 100%);border-radius:28px 28px 0 0}
.FooterContainer56 .FooterContent12{display:flex;justify-content:space-between;gap:48px;margin-bottom:42px}
.FooterContainer56 .FooterBrand89{flex:1;max-width:420px}
.FooterContainer56 .FooterLogo34{height:78px;width:78px;margin-bottom:18px;background:#FFF;border-radius:18px;padding:6px}
.FooterContainer56 .FooterDescription67{font-size:15px;line-height:1.7;color:#FFF;margin:0}
.FooterContainer56 .FooterContact45{flex:0 0 280px}
.FooterContainer56 .FooterHeading23{font-size:20px;font-weight:700;color:#FFF;margin:0 0 20px}
.FooterContainer56 .ContactItem78{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.FooterContainer56 .ContactItem78 i{font-size:18px;color:#FFF}
.FooterContainer56 .ContactLink91{color:#FFF;text-decoration:none;font-size:15px;transition:color .18s ease}
.FooterContainer56 .ContactLink91:hover{color:#EDDEF4}
.FooterContainer56 .FooterBottom12{border-top:2px solid #ffffff40;padding-top:24px;display:flex;justify-content:space-between;align-items:center}
.FooterContainer56 .FooterNavigation45{display:flex;gap:24px}
.FooterContainer56 .FooterLink67{color:#FFF;text-decoration:none;font-size:14px;transition:color .16s ease}
.FooterContainer56 .FooterLink67:hover{color:#EDDEF4}
.FooterContainer56 .Copyright89{font-size:14px;color:#FFF;margin:0}
@media (max-width: 768px) {
.FooterContainer56 .FooterContent12{flex-direction:column;gap:32px}
.FooterContainer56 .FooterContact45{flex:1}
.FooterContainer56 .FooterBottom12{flex-direction:column;gap:16px;text-align:center}
}
.CookieToast23{position:fixed;bottom:24px;right:24px;background:#FFF;border-radius:22px;box-shadow:0 8px 6px #0000002e;padding:24px;max-width:380px;z-index:1000;display:none;transform:translateY(120%);transition:transform .32s ease}
.CookieToast23.ShowToast56{transform:translateY(0)}
.CookieToast23 .ToastContent45{display:flex;flex-direction:column;gap:18px}
.CookieToast23 .ToastMessage67{font-size:15px;line-height:1.6;color:#1A1A1A;margin:0}
.CookieToast23 .ToastActions89{display:flex;gap:12px}
.CookieToast23 .AcceptButton12{flex:1;background:linear-gradient(142deg,#2DEBF5 0%,#2C6B1F 100%);color:#FFF;border:none;border-radius:18px;padding:14px 24px;font-size:16px;font-weight:700;font-family:'Fira Code',monospace;cursor:pointer;transition:opacity .18s ease}
.CookieToast23 .AcceptButton12:hover{opacity:.88}
.CookieToast23 .DeclineButton34{flex:0 0 auto;background:#EDDEF4;color:#1A1A1A;border:none;border-radius:18px;padding:14px 20px;font-size:14px;font-weight:400;font-family:'Fira Code',monospace;cursor:pointer;transition:background-color .18s ease}
.CookieToast23 .DeclineButton34:hover{background-color:#d9cfe1}
@media (max-width: 480px) {
.CookieToast23{bottom:16px;right:16px;left:16px;max-width:none}
.CookieToast23 .ToastActions89{flex-direction:column}
.CookieToast23 .DeclineButton34{flex:1}
}
.doc-content{max-width:1200px;margin:0 auto;padding:80px 24px;background:linear-gradient(145deg,#fff 0%,#fafbfc 100%)}
.doc-content h1{font-size:48px;line-height:1.2;font-weight:700;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.02em}
.doc-content h2{font-size:36px;line-height:1.3;font-weight:700;color:#2a2a2a;margin:64px 0 24px;letter-spacing:-.01em;border-left:6px solid #2DEBF5;padding-left:20px}
.doc-content h3{font-size:28px;line-height:1.4;font-weight:600;color:#2C6B1F;margin:48px 0 20px}
.doc-content h4{font-size:22px;line-height:1.4;font-weight:600;color:#3a3a3a;margin:36px 0 16px}
.doc-content h5{font-size:18px;line-height:1.5;font-weight:600;color:#4a4a4a;margin:28px 0 12px}
.doc-content h6{font-size:16px;line-height:1.5;font-weight:600;color:#5a5a5a;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.05em}
.doc-content p{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 24px;max-width:800px}
.doc-content ul{margin:24px 0;padding:0 0 0 32px;list-style-type:none}
.doc-content ul li{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 16px;padding-left:16px;position:relative}
.doc-content ul li::before{content:'';position:absolute;left:-16px;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#2DEBF5 0%,#2C6B1F 100%);border-radius:50%}
.doc-content ol{margin:24px 0;padding:0 0 0 32px;counter-reset:policy-counter;list-style:none}
.doc-content ol li{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 16px;padding-left:16px;position:relative;counter-increment:policy-counter}
.doc-content ol li::before{content:counter(policy-counter) ".";position:absolute;left:-32px;font-weight:700;color:#2C6B1F}
.doc-content strong,.doc-content b{font-weight:700;color:#1a1a1a}
.doc-content a{color:#2C6B1F;text-decoration:none;border-bottom:2px solid #2DEBF5;transition:all 300ms ease;font-weight:500}
.doc-content a:hover{color:#1a5014;border-bottom-color:#2C6B1F;background:linear-gradient(180deg,transparent 60%,#EDDEF4 60%)}
.doc-content hr{border:none;height:3px;background:linear-gradient(90deg,#2DEBF5 0%,#2C6B1F 50%,#EDDEF4 100%);margin:56px 0;border-radius:24px}
.doc-content div{margin:24px 0}
.doc-content h1 + p{font-size:19px;color:#5a5a5a;margin-bottom:48px;font-style:italic}
.doc-content ul ul,.doc-content ol ul,.doc-content ul ol,.doc-content ol ol{margin:12px 0}
.doc-content ul ul li::before{width:6px;height:6px;background:#2C6B1F}
@media (max-width: 768px) {
.doc-content{padding:48px 20px}
.doc-content h1{font-size:36px}
.doc-content h2{font-size:28px;margin:48px 0 20px;padding-left:16px;border-left-width:4px}
.doc-content h3{font-size:24px}
.doc-content h4{font-size:20px}
.doc-content p,.doc-content ul li,.doc-content ol li{font-size:16px;line-height:1.7}
}
@media (max-width: 480px) {
.doc-content{padding:32px 16px}
.doc-content h1{font-size:32px}
.doc-content h2{font-size:24px}
.doc-content ul,.doc-content ol{padding-left:24px}
}
.BreadcrumbWrapper{background:linear-gradient(135deg,#EDDEF4 0%,#2DEBF5 100%);padding:18px 0;margin-bottom:0}
.BreadcrumbWrapper .BreadcrumbInner{max-width:1200px;margin:0 auto;padding:0 24px}
.BreadcrumbWrapper .BreadcrumbList{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.BreadcrumbWrapper .BreadcrumbList .BreadcrumbItem{display:flex;align-items:center;gap:12px;font-size:14px;color:#2C6B1F}
.BreadcrumbWrapper .BreadcrumbList .BreadcrumbItem a{color:#2C6B1F;text-decoration:none;transition:all .2s ease}
.BreadcrumbWrapper .BreadcrumbList .BreadcrumbItem a:hover{color:#1a4012;text-decoration:underline}
.BreadcrumbWrapper .BreadcrumbList .BreadcrumbItem .BreadcrumbSeparator{color:#2C6B1F;opacity:.6}
.BreadcrumbWrapper .BreadcrumbList .BreadcrumbItem.BreadcrumbActive{font-weight:600;color:#1a4012}
.PostHeaderSection{background:linear-gradient(155deg,#2C6B1F 0%,#2DEBF5 100%);padding:80px 0 60px;position:relative;overflow:hidden}
.PostHeaderSection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#eddef426 0%,transparent 70%);border-radius:50%}
.PostHeaderSection .PostHeaderContainer{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.PostHeaderSection .PostHeaderContainer .PostTitleDisplay{font-size:52px;line-height:1.2;color:#EDDEF4;margin:0 0 32px;font-weight:700;max-width:920px}
.PostHeaderSection .PostHeaderContainer .BookmarkToggleWrapper{display:inline-block}
.PostHeaderSection .PostHeaderContainer .BookmarkToggleWrapper .BookmarkCheckbox{display:none}
.PostHeaderSection .PostHeaderContainer .BookmarkToggleWrapper .BookmarkButton{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#eddef433;border:2px solid #EDDEF4;border-radius:24px;color:#EDDEF4;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px)}
.PostHeaderSection .PostHeaderContainer .BookmarkToggleWrapper .BookmarkButton:hover{background:#eddef459;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}
.PostHeaderSection .PostHeaderContainer .BookmarkToggleWrapper .BookmarkCheckbox:checked + .BookmarkButton{background:#EDDEF4;color:#2C6B1F;border-color:#EDDEF4}
.PostHeaderSection .PostHeaderContainer .BookmarkToggleWrapper .BookmarkButton .BookmarkIconDisplay{font-size:18px;transition:transform .3s ease}
.PostHeaderSection .PostHeaderContainer .BookmarkToggleWrapper .BookmarkCheckbox:checked + .BookmarkButton .BookmarkIconDisplay{transform:scale(1.2)}
.PostFeaturedImageSection{max-width:1200px;margin:-40px auto 0;padding:0 24px;position:relative;z-index:3}
.PostFeaturedImageSection .FeaturedImageFrame{width:100%;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #0003;background:#f8f8f8;aspect-ratio:16/9}
.PostFeaturedImageSection .FeaturedImageFrame .FeaturedImage{width:100%;height:100%;object-fit:cover;display:block}
.PostContentArea{max-width:1200px;margin:0 auto;padding:80px 24px}
.PostContentArea .ContentGrid{display:grid;grid-template-columns:1fr 280px;gap:60px}
.PostContentArea .ContentGrid .MainArticleContent{max-width:760px}
.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent{font-size:18px;line-height:1.8;color:#2a2a2a}
.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent p{margin:0 0 24px}
.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent p:last-child{margin-bottom:0}
.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent strong{color:#2C6B1F;font-weight:700}
.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent em{color:#1a4012;font-style:italic}
.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent ul,.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent ol{margin:0 0 24px;padding-left:28px}
.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent ul li,.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent ol li{margin-bottom:12px;line-height:1.8}
.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent ul li::marker{color:#2DEBF5}
.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent ol li::marker{color:#2C6B1F;font-weight:700}
.PostContentArea .ContentGrid .SidebarArea{position:sticky;top:24px;align-self:start}
.PostContentArea .ContentGrid .SidebarArea .QuickTipsCard{background:linear-gradient(180deg,#EDDEF4 0%,#eddef44d 100%);border-radius:24px;padding:32px 24px;margin-bottom:28px;border:3px solid #2DEBF5}
.PostContentArea .ContentGrid .SidebarArea .QuickTipsCard .QuickTipsTitle{font-size:20px;font-weight:700;color:#2C6B1F;margin:0 0 18px;display:flex;align-items:center;gap:10px}
.PostContentArea .ContentGrid .SidebarArea .QuickTipsCard .QuickTipsTitle::before{content:'';width:6px;height:28px;background:linear-gradient(180deg,#2DEBF5 0%,#2C6B1F 100%);border-radius:3px}
.PostContentArea .ContentGrid .SidebarArea .QuickTipsCard .QuickTipsList{list-style:none;padding:0;margin:0}
.PostContentArea .ContentGrid .SidebarArea .QuickTipsCard .QuickTipsList .QuickTipItem{padding:14px 0;border-bottom:1px solid #2c6b1f26;font-size:14px;line-height:1.6;color:#2a2a2a}
.PostContentArea .ContentGrid .SidebarArea .QuickTipsCard .QuickTipsList .QuickTipItem:last-child{border-bottom:none;padding-bottom:0}
.PostContentArea .ContentGrid .SidebarArea .QuickTipsCard .QuickTipsList .QuickTipItem::before{content:'→';color:#2DEBF5;font-weight:700;margin-right:10px}
.PostContentArea .ContentGrid .SidebarArea .KeywordsCard{background:linear-gradient(135deg,#2debf51f 0%,#2c6b1f14 100%);border-radius:24px;padding:28px 24px;border:2px solid #2debf54d}
.PostContentArea .ContentGrid .SidebarArea .KeywordsCard .KeywordsTitle{font-size:18px;font-weight:700;color:#2C6B1F;margin:0 0 16px}
.PostContentArea .ContentGrid .SidebarArea .KeywordsCard .KeywordTagsWrapper{display:flex;flex-wrap:wrap;gap:10px}
.PostContentArea .ContentGrid .SidebarArea .KeywordsCard .KeywordTagsWrapper .KeywordTag{display:inline-block;padding:8px 16px;background:#fff9;border-radius:16px;font-size:13px;color:#2C6B1F;font-weight:600;border:1px solid #2debf566;transition:all .2s ease}
.PostContentArea .ContentGrid .SidebarArea .KeywordsCard .KeywordTagsWrapper .KeywordTag:hover{background:#2DEBF5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2debf54d}
.BottomActionSection{background:linear-gradient(225deg,#2C6B1F 0%,#1a4012 100%);padding:60px 0}
.BottomActionSection .BottomActionContainer{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.BottomActionSection .BottomActionContainer .ActionTextBlock h2{font-size:32px;color:#EDDEF4;margin:0 0 12px;font-weight:700}
.BottomActionSection .BottomActionContainer .ActionTextBlock p{font-size:16px;color:#eddef4d9;margin:0;line-height:1.6}
.BottomActionSection .BottomActionContainer .ActionButtonGroup{display:flex;gap:16px;flex-shrink:0}
.BottomActionSection .BottomActionContainer .ActionButtonGroup .PrimaryActionButton{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#2DEBF5;color:#2C6B1F;text-decoration:none;border-radius:24px;font-weight:700;font-size:15px;transition:all .3s ease;box-shadow:0 6px 20px #2debf54d}
.BottomActionSection .BottomActionContainer .ActionButtonGroup .PrimaryActionButton:hover{background:#EDDEF4;transform:translateY(-3px);box-shadow:0 10px 30px #2debf566}
.BottomActionSection .BottomActionContainer .ActionButtonGroup .SecondaryActionButton{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:transparent;color:#EDDEF4;text-decoration:none;border-radius:24px;font-weight:700;font-size:15px;border:2px solid #EDDEF4;transition:all .3s ease}
.BottomActionSection .BottomActionContainer .ActionButtonGroup .SecondaryActionButton:hover{background:#eddef426;transform:translateY(-3px)}
@media (max-width: 1024px) {
.PostContentArea .ContentGrid{grid-template-columns:1fr;gap:40px}
.PostContentArea .ContentGrid .SidebarArea{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.PostHeaderSection .PostHeaderContainer .PostTitleDisplay{font-size:42px}
.BottomActionSection .BottomActionContainer{flex-direction:column;text-align:center}
}
@media (max-width: 768px) {
.PostHeaderSection{padding:60px 0 40px}
.PostHeaderSection .PostHeaderContainer .PostTitleDisplay{font-size:32px;margin-bottom:24px}
.PostFeaturedImageSection{margin-top:-20px}
.PostContentArea{padding:60px 24px}
.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent{font-size:16px}
.PostContentArea .ContentGrid .SidebarArea{grid-template-columns:1fr}
.BottomActionSection .BottomActionContainer .ActionTextBlock h2{font-size:26px}
.BottomActionSection .BottomActionContainer .ActionButtonGroup{flex-direction:column;width:100%}
.BottomActionSection .BottomActionContainer .ActionButtonGroup .PrimaryActionButton,.BottomActionSection .BottomActionContainer .ActionButtonGroup .SecondaryActionButton{justify-content:center;width:100%}
}
@media (max-width: 480px) {
.BreadcrumbWrapper .BreadcrumbList{font-size:13px}
.PostHeaderSection .PostHeaderContainer .PostTitleDisplay{font-size:28px}
.PostHeaderSection .PostHeaderContainer .BookmarkToggleWrapper .BookmarkButton{padding:12px 20px;font-size:14px}
.PostContentArea{padding:40px 20px}
.PostContentArea .ContentGrid .MainArticleContent .ArticleTextContent{font-size:15px}
.BottomActionSection{padding:40px 0}
.BottomActionSection .BottomActionContainer .ActionTextBlock h2{font-size:22px}
}
.BlogPageWrapperMain{max-width:1200px;margin:0 auto;padding:60px 20px}
.IntroductionSection{text-align:center;margin-bottom:80px;padding:0 20px}
.IntroductionSection .MainHeadingBlog{font-size:48px;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#2DEBF5,#2C6B1F);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.IntroductionSection .DescriptionTextBlock{font-size:18px;line-height:1.7;color:#4a5568;max-width:720px;margin:0 auto}
.PostsGridContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:100px}
.SinglePostCard{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 6px #2debf51a;transition:all 300ms;position:relative}
.SinglePostCard:hover{transform:translateY(-8px);box-shadow:0 12px 24px #2debf533}
.PostImageWrapper{width:100%;height:240px;overflow:hidden;position:relative;background:linear-gradient(45deg,#2DEBF5,#2C6B1F)}
.PostImageWrapper img{width:100%;height:100%;object-fit:cover;transition:transform 400ms}
.SinglePostCard:hover .PostImageWrapper img{transform:scale(1.1)}
.PostContentArea{padding:30px}
.PostTitleHeading{font-size:24px;font-weight:600;margin-bottom:16px;color:#1a202c;line-height:1.4;transition:color 200ms}
.SinglePostCard:hover .PostTitleHeading{color:#2C6B1F}
.ReadMoreLinkButton{display:inline-flex;align-items:center;gap:8px;color:#2DEBF5;font-weight:600;text-decoration:none;font-size:16px;transition:gap 200ms}
.ReadMoreLinkButton:hover{gap:14px}
.ReadMoreLinkButton::after{content:'→';font-size:20px}
.NewsletterSignupBlock{background:linear-gradient(120deg,#EDDEF4,#fff);border-radius:28px;padding:60px 40px;text-align:center;margin-bottom:80px;box-shadow:0 6px 12px #2c6b1f14}
.NewsletterSignupBlock .HeadingNewsletter{font-size:36px;font-weight:700;margin-bottom:16px;color:#2C6B1F}
.NewsletterSignupBlock .SubtextNewsletter{font-size:18px;line-height:1.6;color:#4a5568;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}
.NewsletterFormWrapper{display:flex;gap:12px;max-width:520px;margin:0 auto}
.EmailInputField{flex:1;padding:16px 24px;border:2px solid #e2e8f0;border-radius:20px;font-size:16px;transition:all 200ms}
.EmailInputField:focus{outline:none;border-color:#2DEBF5;box-shadow:0 0 0 3px #2debf51a}
.SubmitButtonNewsletter{padding:16px 36px;background:linear-gradient(135deg,#2DEBF5,#2C6B1F);color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;transition:transform 200ms;box-shadow:0 4px 6px #2debf54d}
.SubmitButtonNewsletter:hover{transform:scale(1.05)}
.ResourcesHighlightSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:80px}
.ResourceCardItem{background:#fff;padding:40px 30px;border-radius:24px;border:2px solid #e2e8f0;transition:all 300ms;position:relative}
.ResourceCardItem::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#2DEBF5,#2C6B1F);border-radius:24px 24px 0 0;opacity:0;transition:opacity 300ms}
.ResourceCardItem:hover{border-color:#2DEBF5;box-shadow:0 8px 16px #2debf526}
.ResourceCardItem:hover::before{opacity:1}
.IconResourceWrapper{width:60px;height:60px;background:linear-gradient(135deg,#EDDEF4,#fff);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:28px;color:#2C6B1F}
.ResourceCardItem .ResourceTitle{font-size:22px;font-weight:600;margin-bottom:12px;color:#1a202c}
.ResourceCardItem .ResourceDescription{font-size:16px;line-height:1.6;color:#718096}
@media (max-width: 768px) {
.IntroductionSection .MainHeadingBlog{font-size:36px}
.PostsGridContainer{grid-template-columns:1fr;gap:30px}
.NewsletterSignupBlock{padding:40px 24px}
.NewsletterSignupBlock .HeadingNewsletter{font-size:28px}
.NewsletterFormWrapper{flex-direction:column}
.ResourcesHighlightSection{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.BlogPageWrapperMain{padding:40px 16px}
.IntroductionSection .MainHeadingBlog{font-size:32px}
.PostContentArea{padding:24px}
.PostTitleHeading{font-size:20px}
}
.IntroductionWrapper{background:linear-gradient(142deg,#2DEBF5 0%,#2C6B1F 100%);padding:100px 20px;position:relative;overflow:hidden}
.IntroductionWrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#eddef426 0%,transparent 70%);animation:PulseEffect 15s ease-in-out infinite}
@keyframes PulseEffect {
0%,100%{transform:translate(0,0)}
50%{transform:translate(20px,20px)}
}
.IntroductionContainer{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.IntroductionImageSection{flex:0 0 40%;position:relative}
.IntroductionImageSection::after{content:'';position:absolute;inset:-20px;background:#ffffff1a;filter:blur(30px);z-index:-1;border-radius:24px}
.IntroductionImageBox{width:100%;height:450px;background:linear-gradient(135deg,#EDDEF4 0%,#2debf54d 100%);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}
.IntroductionImageBox::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,#2c6b1f33 0%,transparent 70%)}
.IntroductionTextSection{flex:1;color:#fff}
.IntroductionTextSection h1{font-size:56px;font-weight:700;line-height:1.1;margin:0 0 28px;position:relative}
.IntroductionTextSection h1::after{content:'';display:block;width:120px;height:6px;background:#EDDEF4;margin-top:24px;border-radius:16px}
.IntroductionTextSection p{font-size:19px;line-height:1.7;margin:0;opacity:.95}
.DiscussionContentWrapper{max-width:1200px;margin:0 auto;padding:120px 20px}
.DiscussionGrid{display:grid;grid-template-columns:repeat(8,1fr);gap:40px;align-items:start}
.DiscussionItem{background:#fff;border-radius:24px;padding:50px;box-shadow:0 4px 12px #0000000f;position:relative;transition:transform 300ms ease,box-shadow 300ms ease}
.DiscussionItem:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001f}
.DiscussionItem:nth-child(1){grid-column:1 / 6;background:linear-gradient(165deg,#fff 0%,#EDDEF4 100%)}
.DiscussionItem:nth-child(2){grid-column:6 / 9;background:linear-gradient(200deg,#EDDEF4 0%,#2debf526 100%)}
.DiscussionItem:nth-child(3){grid-column:1 / 5;background:linear-gradient(145deg,#2c6b1f0d 0%,#fff 100%)}
.DiscussionItem:nth-child(4){grid-column:5 / 9;background:linear-gradient(190deg,#fff 0%,#2debf514 100%)}
.DiscussionItem::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#2DEBF5 0%,#2C6B1F 100%);border-radius:24px 0 0 24px}
.DiscussionHeader{margin:0 0 32px;position:relative}
.DiscussionHeader h3{font-size:32px;font-weight:600;color:#2C6B1F;margin:0 0 16px;line-height:1.3}
.DiscussionHeader .DecorativeLine{width:80px;height:4px;background:#2DEBF5;border-radius:16px}
.InterviewMetadata{display:flex;gap:24px;margin-bottom:28px;flex-wrap:wrap}
.MetadataTag{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#2debf51a;border-radius:20px;font-size:15px;color:#2C6B1F;font-weight:500}
.MetadataTag i{color:#2DEBF5;font-size:18px}
.DiscussionContent p{font-size:17px;line-height:1.8;color:#333;margin:0 0 24px}
.DiscussionContent p:last-child{margin-bottom:0}
.HighlightQuote{background:#2c6b1f0d;border-left:6px solid #2C6B1F;padding:28px 32px;margin:32px 0;border-radius:0 20px 20px 0;font-style:italic;color:#2C6B1F;font-size:18px;line-height:1.7;position:relative}
.HighlightQuote::before{content:'"';position:absolute;top:-20px;left:20px;font-size:80px;color:#2DEBF5;opacity:.2;font-family:Georgia,serif}
.KeyPointsList{list-style:none;padding:0;margin:28px 0}
.KeyPointsList li{padding-left:40px;position:relative;margin-bottom:20px;font-size:17px;line-height:1.7;color:#333}
.KeyPointsList li::before{content:'';position:absolute;left:0;top:8px;width:24px;height:24px;background:linear-gradient(135deg,#2DEBF5 0%,#2C6B1F 100%);border-radius:50%;box-shadow:0 2px 8px #2debf54d}
.KeyPointsList li::after{content:'';position:absolute;left:8px;top:16px;width:8px;height:8px;background:#fff;border-radius:50%}
.ExpertiseIndicators{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px}
.IndicatorCard{background:#fff;padding:24px;border-radius:20px;box-shadow:0 2px 8px #0000000a;border:2px solid transparent;transition:border-color 200ms ease}
.IndicatorCard:hover{border-color:#2DEBF5}
.IndicatorCard h5{font-size:18px;font-weight:600;color:#2C6B1F;margin:0 0 12px}
.IndicatorCard p{font-size:15px;color:#666;margin:0;line-height:1.6}
@media (max-width: 1024px) {
.IntroductionContainer{flex-direction:column;gap:40px}
.IntroductionImageSection{flex:0 0 auto;width:100%}
.IntroductionImageBox{height:350px}
.IntroductionTextSection h1{font-size:42px}
.DiscussionGrid{grid-template-columns:1fr}
.DiscussionItem:nth-child(1),.DiscussionItem:nth-child(2),.DiscussionItem:nth-child(3),.DiscussionItem:nth-child(4){grid-column:1 / -1}
.ExpertiseIndicators{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.IntroductionWrapper{padding:60px 20px}
.IntroductionTextSection h1{font-size:36px}
.IntroductionTextSection p{font-size:17px}
.DiscussionContentWrapper{padding:80px 20px}
.DiscussionItem{padding:32px 24px}
.DiscussionHeader h3{font-size:26px}
.InterviewMetadata{flex-direction:column;gap:12px}
}
@media (max-width: 480px) {
.IntroductionTextSection h1{font-size:32px}
.DiscussionHeader h3{font-size:24px}
.DiscussionContent p{font-size:16px}
.HighlightQuote{padding:20px 24px;font-size:16px}
}
.HeroWrapper{background:linear-gradient(132deg,#2DEBF5 0%,#2C6B1F 100%);padding:8rem 2rem 6rem;position:relative;overflow:hidden}
.HeroWrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(circle,#eddef426 0%,transparent 70%);border-radius:50%}
.HeroContent{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.HeroContent h1{font-size:3.5rem;color:#fff;margin:0 0 1.5rem;line-height:1.15;font-weight:700}
.HeroContent .LeadText{font-size:1.35rem;color:#EDDEF4;max-width:720px;line-height:1.65;margin:0}
.MethodSection{padding:5.5rem 2rem;background:#EDDEF4}
.MethodInner{max-width:1200px;margin:0 auto}
.MethodInner h2{font-size:2.4rem;color:#2C6B1F;margin:0 0 2.5rem;position:relative;display:inline-block}
.MethodInner h2::after{content:'';position:absolute;bottom:-.5rem;left:0;width:60%;height:4px;background:linear-gradient(90deg,#2DEBF5 0%,transparent 100%);border-radius:24px}
.ProcessGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}
.ProcessCard{background:#fff;padding:2.5rem;border-radius:24px;box-shadow:0 4px 8px #2c6b1f14;transition:all 300ms;border:2px solid transparent}
.ProcessCard:hover{transform:translateY(-6px);box-shadow:0 8px 16px #2debf526;border-color:#2DEBF5}
.ProcessCard h3{font-size:1.5rem;color:#2C6B1F;margin:0 0 1rem;display:flex;align-items:center;gap:.75rem}
.ProcessCard h3::before{content:'';display:block;width:8px;height:8px;background:#2DEBF5;border-radius:50%;box-shadow:0 0 0 4px #2debf533}
.ProcessCard p{color:#333;line-height:1.7;margin:0;font-size:1.05rem}
.ReaderPortrait{padding:6rem 2rem;background:linear-gradient(215deg,#2C6B1F 0%,#1a4012 100%);position:relative}
.PortraitGrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}
.PortraitText h2{font-size:2.6rem;color:#EDDEF4;margin:0 0 1.8rem;line-height:1.2}
.PortraitText p{color:#fff;font-size:1.15rem;line-height:1.8;margin:0 0 1.5rem}
.PortraitText p:last-child{margin-bottom:0}
.PortraitImage{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 12px 32px #00000040}
.PortraitImage img{width:100%;height:480px;object-fit:cover;display:block}
.ArchiveGuide{padding:5.5rem 2rem;background:#f8f8f8}
.ArchiveContainer{max-width:1200px;margin:0 auto}
.ArchiveContainer h2{font-size:2.5rem;color:#2C6B1F;margin:0 0 3rem;text-align:center}
.ArchiveLayers{display:flex;flex-direction:column;gap:2.5rem}
.LayerBlock{background:#fff;padding:2.8rem;border-radius:28px;border-left:6px solid #2DEBF5;box-shadow:0 6px 12px #0000000f;display:grid;grid-template-columns:200px 1fr;gap:2.5rem;align-items:start}
.LayerIcon{width:100%;height:200px;background:linear-gradient(135deg,#EDDEF4 0%,#d4c4e0 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:#2C6B1F}
.LayerContent h3{font-size:1.7rem;color:#2C6B1F;margin:0 0 1.2rem}
.LayerContent p{color:#444;font-size:1.1rem;line-height:1.75;margin:0}
.PhilosophyZone{padding:6rem 2rem;background:#fff;position:relative}
.PhilosophyZone::before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#2DEBF5 0%,#2C6B1F 50%,#EDDEF4 100%)}
.PhilosophyLayout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:4rem}
.PhilosophyText h2{font-size:2.7rem;color:#2C6B1F;margin:0 0 2rem;line-height:1.15}
.PhilosophyText p{color:#333;font-size:1.12rem;line-height:1.8;margin:0 0 1.6rem}
.PhilosophyVisual{position:relative}
.PhilosophyVisual img{width:100%;height:450px;object-fit:cover;border-radius:28px;box-shadow:0 8px 24px #2debf533}
.SubscribeOffer{padding:5.5rem 2rem;background:linear-gradient(165deg,#EDDEF4 0%,#c9b3d8 100%)}
.SubscribeBox{max-width:900px;margin:0 auto;background:#fff;padding:4rem;border-radius:32px;box-shadow:0 10px 40px #2c6b1f1f;text-align:center}
.SubscribeBox h2{font-size:2.6rem;color:#2C6B1F;margin:0 0 1.5rem}
.SubscribeBox .OfferDescription{font-size:1.2rem;color:#444;line-height:1.75;margin:0 0 2.5rem;max-width:680px;margin-left:auto;margin-right:auto}
.BenefitList{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2.5rem 0 3rem;text-align:left}
.BenefitItem{display:flex;align-items:start;gap:1rem;padding:1.2rem;background:#f8f8f8;border-radius:16px;transition:background 200ms}
.BenefitItem:hover{background:#EDDEF4}
.BenefitItem i{font-size:1.5rem;color:#2DEBF5;margin-top:.2rem}
.BenefitItem span{color:#333;font-size:1.05rem;line-height:1.6}
.EmailFormWrapper{display:flex;gap:1rem;max-width:520px;margin:0 auto}
.EmailFormWrapper input[type="email"]{flex:1;padding:1.2rem 1.5rem;border:2px solid #EDDEF4;border-radius:24px;font-size:1.05rem;transition:all 200ms}
.EmailFormWrapper input[type="email"]:focus{outline:none;border-color:#2DEBF5;box-shadow:0 0 0 4px #2debf51a}
.EmailFormWrapper button{padding:1.2rem 2.5rem;background:linear-gradient(135deg,#2DEBF5 0%,#2C6B1F 100%);color:#fff;border:none;border-radius:24px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all 200ms;box-shadow:0 4px 12px #2debf54d;z-index:10;position:relative}
.EmailFormWrapper button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2debf566}
.DividerWave{height:80px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 80"><path fill="%23EDDEF4" d="M0,40 Q300,0 600,40 T1200,40 L1200,80 L0,80 Z"/></svg>') no-repeat center;background-size:cover}
@media (max-width: 1024px) {
.HeroContent h1{font-size:2.8rem}
.PortraitGrid{grid-template-columns:1fr;gap:3rem}
.PhilosophyLayout{grid-template-columns:1fr;gap:3rem}
.LayerBlock{grid-template-columns:1fr;gap:2rem}
.LayerIcon{height:160px}
}
@media (max-width: 768px) {
.HeroWrapper{padding:5rem 1.5rem 4rem}
.HeroContent h1{font-size:2.2rem}
.HeroContent .LeadText{font-size:1.15rem}
.MethodSection,.ArchiveGuide,.PhilosophyZone,.SubscribeOffer{padding:4rem 1.5rem}
.ReaderPortrait{padding:4.5rem 1.5rem}
.ProcessGrid{grid-template-columns:1fr}
.SubscribeBox{padding:3rem 2rem}
.BenefitList{grid-template-columns:1fr}
.EmailFormWrapper{flex-direction:column}
.EmailFormWrapper button{width:100%}
.PortraitImage img{height:360px}
}
@media (max-width: 480px) {
.HeroContent h1{font-size:1.9rem}
.MethodInner h2,.ArchiveContainer h2,.PhilosophyText h2,.SubscribeBox h2{font-size:2rem}
.PortraitText h2{font-size:2.1rem}
.ProcessCard,.LayerBlock,.SubscribeBox{padding:2rem}
}
.TitleSection{position:relative;padding:120px 20px 80px;overflow:hidden;background:linear-gradient(142deg,#2DEBF5 0%,#2C6B1F 100%)}
.TitleSection .ContentGrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.TitleSection .TextContent{padding:50px;background:#fffffff2;border-radius:24px;box-shadow:0 6px 20px #00000026}
.TitleSection .HeadingGroup h1{font-size:3.2rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.TitleSection .HeadingGroup .NumberHighlight{display:inline-block;color:#2C6B1F;font-weight:800;padding:4px 12px;background:#2c6b1f1f;border-radius:8px;margin-right:8px}
.TitleSection .Explanation{font-size:1.15rem;line-height:1.7;color:#2a2a2a;margin:0}
.TitleSection .ImageWrapper{position:relative;height:500px;border-radius:24px;overflow:hidden;box-shadow:0 8px 28px #0003}
.TitleSection .ImageWrapper img{width:100%;height:100%;object-fit:cover;display:block}
.TitleSection .ImageWrapper::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#2debf599,transparent);pointer-events:none}
.TitleSection .BackgroundAccent{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#eddef466,transparent);top:-100px;right:-100px;z-index:1}
.StorySection{padding:100px 20px;background:#fafafa}
.StorySection .StoryContainer{max-width:1200px;margin:0 auto;display:flex;gap:80px;align-items:flex-start}
.StorySection .ImageColumn{flex:0 0 380px;display:flex;flex-direction:column;gap:24px}
.StorySection .ImageColumn img{width:100%;height:auto;border-radius:20px;box-shadow:0 4px 16px #0000001a;display:block}
.StorySection .ContentColumn{flex:1;padding-top:20px}
.StorySection .ContentColumn h2{font-size:2.6rem;color:#1a1a1a;margin:0 0 36px;font-weight:700;line-height:1.25}
.StorySection .ContentColumn h2::before{content:'';display:inline-block;width:6px;height:42px;background:linear-gradient(to bottom,#2DEBF5,#2C6B1F);margin-right:16px;vertical-align:middle;border-radius:3px}
.StorySection .NarrativeParagraph{font-size:1.1rem;line-height:1.8;color:#3a3a3a;margin:0 0 28px}
.StorySection .HighlightBox{background:linear-gradient(135deg,#2debf514,#eddef426);padding:32px 40px;border-radius:18px;border-left:5px solid #2C6B1F;margin:40px 0}
.StorySection .HighlightBox p{font-size:1.12rem;line-height:1.75;color:#2a2a2a;margin:0;font-weight:500}
.StorySection .DetailList{list-style:none;padding:0;margin:36px 0 0}
.StorySection .DetailList li{padding:16px 0;border-bottom:1px solid #0000000f;font-size:1.08rem;color:#3a3a3a;line-height:1.6}
.StorySection .DetailList li:last-child{border-bottom:none}
.StorySection .DetailList li::before{content:'→';color:#2DEBF5;font-weight:700;margin-right:14px;font-size:1.3rem}
.ExpertiseSection{padding:100px 20px 120px;background:linear-gradient(168deg,#fff 0%,#EDDEF4 100%);position:relative}
.ExpertiseSection .ContentWrapper{max-width:1200px;margin:0 auto}
.ExpertiseSection .SectionHeading{text-align:center;margin-bottom:70px}
.ExpertiseSection .SectionHeading h2{font-size:2.8rem;color:#1a1a1a;margin:0 0 18px;font-weight:700}
.ExpertiseSection .SectionHeading p{font-size:1.15rem;color:#4a4a4a;margin:0;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}
.ExpertiseSection .CardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ExpertiseSection .ExpertiseCard{background:#fff;padding:42px 36px;border-radius:22px;box-shadow:0 3px 14px #00000014;transition:all 300ms ease;border:2px solid transparent}
.ExpertiseSection .ExpertiseCard:hover{transform:translateY(-6px);box-shadow:0 8px 26px #2debf533;border-color:#2DEBF5}
.ExpertiseSection .CardIcon{width:64px;height:64px;background:linear-gradient(135deg,#2DEBF5,#2C6B1F);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ExpertiseSection .CardIcon i{font-size:2rem;color:#fff}
.ExpertiseSection .ExpertiseCard h3{font-size:1.5rem;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.ExpertiseSection .ExpertiseCard p{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0}
.ExpertiseSection .ContactCta{text-align:center;margin-top:80px}
.ExpertiseSection .CtaButton{display:inline-block;padding:18px 48px;background:linear-gradient(120deg,#2C6B1F,#2DEBF5);color:#fff;font-size:1.12rem;font-weight:600;text-decoration:none;border-radius:28px;box-shadow:0 5px 18px #2c6b1f4d;transition:all 200ms ease;position:relative;z-index:10}
.ExpertiseSection .CtaButton:hover{transform:scale(1.06);box-shadow:0 8px 28px #2c6b1f66}
.ExpertiseSection .BackgroundShape{position:absolute;width:500px;height:500px;background:radial-gradient(circle,#2debf526,transparent);border-radius:50%;bottom:-150px;left:-150px;pointer-events:none}
@media (max-width: 1024px) {
.TitleSection .ContentGrid{grid-template-columns:1fr;gap:40px}
.TitleSection .ImageWrapper{height:400px}
.TitleSection .HeadingGroup h1{font-size:2.6rem}
.StorySection .StoryContainer{flex-direction:column;gap:50px}
.StorySection .ImageColumn{flex:0 0 auto;width:100%;max-width:500px;margin:0 auto}
.ExpertiseSection .CardGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.TitleSection{padding:80px 20px 60px}
.TitleSection .TextContent{padding:36px 28px}
.TitleSection .HeadingGroup h1{font-size:2.2rem}
.TitleSection .Explanation{font-size:1.05rem}
.TitleSection .ImageWrapper{height:320px}
.StorySection{padding:70px 20px}
.StorySection .ContentColumn h2{font-size:2.1rem}
.StorySection .ImageColumn{flex-direction:row;flex-wrap:wrap;gap:16px}
.StorySection .ImageColumn img{width:calc(50% - 8px)}
.ExpertiseSection{padding:70px 20px 80px}
.ExpertiseSection .SectionHeading h2{font-size:2.2rem}
.ExpertiseSection .CardGrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 480px) {
.TitleSection .HeadingGroup h1{font-size:1.9rem}
.StorySection .ContentColumn h2{font-size:1.8rem}
.StorySection .ImageColumn img{width:100%}
.ExpertiseSection .CtaButton{padding:16px 36px;font-size:1.05rem}
}
.SuccessPageWrapper{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(142deg,#EDDEF4 0%,#2DEBF5 48%,#2C6B1F 100%);padding:2rem 1rem}
.SuccessContentContainer{max-width:680px;width:100%;margin:0 auto;background:#fffffff5;border-radius:24px;padding:3.5rem 2rem;box-shadow:0 6px 18px #00000026;text-align:center;position:relative}
.SuccessContentContainer::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#2DEBF5,#2C6B1F,#EDDEF4);border-radius:24px;z-index:-1;opacity:.7}
.SuccessIconArea{width:92px;height:92px;margin:0 auto 1.75rem;background:linear-gradient(135deg,#2DEBF5 0%,#2C6B1F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2debf559;animation:PulseEffect 2.5s ease-in-out infinite}
@keyframes PulseEffect {
0%,100%{transform:scale(1);box-shadow:0 4px 12px #2debf559}
50%{transform:scale(1.08);box-shadow:0 6px 20px #2debf580}
}
.SuccessIconArea i{font-size:44px;color:#FFF}
.SuccessMainHeading{font-size:2.25rem;line-height:1.25;margin:0 0 1.25rem;color:#1a1a1a;font-weight:700}
.SuccessDecorativeLine{width:85px;height:4px;background:linear-gradient(90deg,#2DEBF5,#2C6B1F);margin:0 auto 1.75rem;border-radius:20px}
.SuccessTaglineText{font-size:1.15rem;line-height:1.75;color:#3d3d3d;margin:0 0 2.5rem;max-width:520px;margin-left:auto;margin-right:auto}
.SuccessActionsGroup{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}
.PrimarySuccessButton{display:inline-flex;align-items:center;gap:.5rem;padding:.95rem 2.25rem;background:linear-gradient(135deg,#2DEBF5,#2C6B1F);color:#FFF;text-decoration:none;border-radius:20px;font-size:1.05rem;font-weight:600;box-shadow:0 4px 10px #2c6b1f40;transition:all 180ms ease;position:relative;z-index:10}
.PrimarySuccessButton:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2c6b1f59}
.PrimarySuccessButton:active{transform:translateY(0)}
.SecondarySuccessButton{display:inline-flex;align-items:center;gap:.5rem;padding:.95rem 2.25rem;background:transparent;color:#2C6B1F;text-decoration:none;border:2px solid #2C6B1F;border-radius:20px;font-size:1.05rem;font-weight:600;transition:all 180ms ease;position:relative;z-index:10}
.SecondarySuccessButton:hover{background:#2c6b1f14;transform:translateY(-2px)}
.SecondarySuccessButton:active{transform:translateY(0)}
.SuccessContactInfo{margin-top:3rem;padding-top:2rem;border-top:2px dashed #EDDEF4}
.ContactDetailRow{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem;color:#4a4a4a;font-size:1rem}
.ContactDetailRow i{font-size:1.25rem;color:#2DEBF5}
.ContactDetailRow a{color:#2C6B1F;text-decoration:none;transition:color 150ms ease}
.ContactDetailRow a:hover{color:#2DEBF5;text-decoration:underline}
@media (max-width: 768px) {
.SuccessPageWrapper{padding:1.5rem 1rem}
.SuccessContentContainer{padding:2.5rem 1.5rem;border-radius:20px}
.SuccessMainHeading{font-size:1.85rem}
.SuccessTaglineText{font-size:1.05rem}
.SuccessActionsGroup{flex-direction:column;gap:1rem}
.PrimarySuccessButton,.SecondarySuccessButton{width:100%;justify-content:center}
.ContactDetailRow{font-size:.95rem;flex-wrap:wrap}
}
@media (max-width: 480px) {
.SuccessIconArea{width:76px;height:76px}
.SuccessIconArea i{font-size:36px}
.SuccessMainHeading{font-size:1.65rem}
.SuccessContentContainer{padding:2rem 1.25rem}
}