html{box-sizing:border-box;scroll-behavior:smooth}
body{margin:0;padding:0;font-family:'Red Hat Display',sans-serif;background-color:#fff;color:#281A1C;line-height:1.6}
*,:before,:after{box-sizing:inherit}
.HeaderOuter{background-color:#F4ECE6;border-bottom:2px solid #DFA683;box-shadow:0 4px 6px #281a1c1a;padding:18px 0}
.HeaderInner{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.LogoWrapper{flex-shrink:0}
.LogoLink{display:block;line-height:0}
.LogoImg{height:85px;width:85px;object-fit:contain;background-color:#fff;border-radius:20px;padding:8px;box-shadow:0 3px 8px #281a1c26}
.BrandName{flex-grow:1;text-align:center}
.BrandLink{font-size:28px;font-weight:700;color:#281A1C;text-decoration:none;letter-spacing:.5px;transition:color .2s ease}
.BrandLink:hover{color:#DFA683}
.MainNav{flex-shrink:0}
.NavList{list-style:none;margin:0;padding:0;display:flex;gap:8px}
.NavItem{margin:0}
.NavLink{display:block;padding:10px 18px;color:#281A1C;text-decoration:none;font-size:15px;font-weight:400;border-radius:18px;background-color:#fff;transition:background-color .2s ease,color .2s ease;border:1px solid transparent}
.NavLink:hover{background-color:#DFA683;color:#fff}
.FooterWrapper{background-color:#F4ECE6;border-top:1px solid #DFA683;padding:24px 0;margin-top:60px}
.FooterInner{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}
.FooterLinks{display:flex;align-items:center;gap:12px}
.FooterLink{color:#281A1C;text-decoration:none;font-size:14px;font-weight:400;transition:color .2s ease}
.FooterLink:hover{color:#DFA683}
.FooterDivider{color:#DFA683;font-size:14px}
.FooterCopy{flex-grow:1;text-align:center}
.CopyText{margin:0;font-size:14px;color:#281A1C;font-weight:300}
.FooterContact{flex-shrink:0}
.ContactLink{color:#281A1C;text-decoration:none;font-size:14px;font-weight:400;transition:color .2s ease}
.ContactLink:hover{color:#DFA683}
@media screen and (max-width: 1024px) {
.HeaderInner{flex-wrap:wrap;justify-content:center;gap:20px}
.LogoWrapper{order:1;width:100%;text-align:center}
.BrandName{order:2;width:100%}
.MainNav{order:3;width:100%}
.NavList{justify-content:center;flex-wrap:wrap;gap:10px}
.BrandLink{font-size:24px}
}
@media screen and (max-width: 768px) {
.HeaderOuter{padding:15px 0}
.HeaderInner{gap:15px}
.LogoImg{height:70px;width:70px}
.BrandLink{font-size:22px}
.NavLink{padding:8px 14px;font-size:14px}
.FooterInner{flex-direction:column;text-align:center;gap:15px}
.FooterLinks{justify-content:center}
.FooterCopy{order:3}
}
@media screen and (max-width: 480px) {
.NavList{gap:6px}
.NavLink{padding:7px 12px;font-size:13px}
.BrandLink{font-size:20px}
}
.content-legal{max-width:1320px;margin:0 auto;padding:80px 20px;background:#F4ECE6}
.content-legal h1{font-size:48px;line-height:1.2;color:#281A1C;margin:0 0 24px;font-weight:700;letter-spacing:-.5px}
.content-legal h2{font-size:36px;line-height:1.3;color:#281A1C;margin:64px 0 20px;font-weight:600;letter-spacing:-.3px}
.content-legal h3{font-size:28px;line-height:1.4;color:#281A1C;margin:48px 0 16px;font-weight:600}
.content-legal h4{font-size:22px;line-height:1.4;color:#281A1C;margin:36px 0 14px;font-weight:600}
.content-legal h5{font-size:18px;line-height:1.5;color:#281A1C;margin:28px 0 12px;font-weight:600}
.content-legal h6{font-size:16px;line-height:1.5;color:#281A1C;margin:24px 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.content-legal p{font-size:17px;line-height:1.8;color:#281A1C;margin:0 0 20px;max-width:800px}
.content-legal strong,.content-legal b{font-weight:700;color:#281A1C}
.content-legal em,.content-legal i{font-style:italic;color:#281A1C}
.content-legal a{color:#DFA683;text-decoration:underline;font-weight:500;transition:all .3s ease}
.content-legal a:hover{color:#281A1C;text-decoration:none}
.content-legal a:focus{outline:2px solid #DFA683;outline-offset:2px;border-radius:4px}
.content-legal ul,.content-legal ol{margin:0 0 24px;padding-left:28px;max-width:800px}
.content-legal ul li,.content-legal ol li{font-size:17px;line-height:1.8;color:#281A1C;margin-bottom:12px}
.content-legal ul li:last-child,.content-legal ol li:last-child{margin-bottom:0}
.content-legal blockquote{margin:32px 0;padding:24px 32px;background:#dfa68326;border-left:4px solid #DFA683;border-radius:0 16px 16px 0;max-width:800px}
.content-legal blockquote p{margin-bottom:0;font-style:italic}
.content-legal hr{border:none;height:2px;background:#281a1c1a;margin:48px 0;max-width:800px}
.content-legal table{width:100%;max-width:800px;margin:32px 0;border-collapse:collapse;background:#FFF;border-radius:16px;overflow:hidden;box-shadow:0 4px 8px #281a1c14}
.content-legal table th{background:#281A1C;color:#F4ECE6;padding:16px 20px;text-align:left;font-size:16px;font-weight:600}
.content-legal table td{padding:14px 20px;border-bottom:1px solid #281a1c14;font-size:16px;line-height:1.6;color:#281A1C}
.content-legal table tr:last-child td{border-bottom:none}
.content-legal code{background:#281a1c14;padding:2px 8px;border-radius:6px;font-family:'Courier New',monospace;font-size:15px;color:#281A1C}
.content-legal pre{background:#281a1c14;padding:20px;border-radius:16px;overflow-x:auto;margin:24px 0;max-width:800px}
.content-legal pre code{background:none;padding:0;font-size:14px;line-height:1.6}
@media (max-width: 1024px) {
.content-legal{padding:60px 20px}
.content-legal h1{font-size:40px}
.content-legal h2{font-size:32px;margin-top:52px}
.content-legal h3{font-size:24px;margin-top:40px}
}
@media (max-width: 768px) {
.content-legal{padding:48px 16px}
.content-legal h1{font-size:32px;margin-bottom:20px}
.content-legal h2{font-size:26px;margin-top:44px}
.content-legal h3{font-size:22px;margin-top:36px}
.content-legal h4{font-size:19px}
.content-legal p,.content-legal ul li,.content-legal ol li{font-size:16px;line-height:1.7}
.content-legal blockquote{padding:20px 24px;margin:28px 0}
.content-legal table{font-size:14px}
.content-legal table th,.content-legal table td{padding:12px 14px}
}
@media (max-width: 480px) {
.content-legal h1{font-size:28px}
.content-legal h2{font-size:24px}
.content-legal h3{font-size:20px}
.content-legal ul,.content-legal ol{padding-left:20px}
.content-legal blockquote{padding:16px 20px}
}
.ArticleWrapper{max-width:1320px;margin:0 auto;padding:0 20px}
.ArticleHero{padding:60px 0 40px;background:linear-gradient(135deg,#F4ECE6 0%,#fff 100%);border-radius:24px;margin-bottom:50px}
.ArticleHero .HeroInner{max-width:900px;margin:0 auto;padding:0 40px}
.ArticleHero h1{font-size:2.8rem;line-height:1.2;color:#281A1C;margin-bottom:0;font-weight:700}
.FeaturedImageContainer{position:relative;width:100%;max-width:1100px;margin:-30px auto 60px;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #281a1c1f}
.FeaturedImageContainer img{width:100%;height:auto;display:block}
.ContentBlock{max-width:820px;margin:0 auto 50px}
.ContentBlock p{font-size:1.125rem;line-height:1.8;color:#281A1C;margin-bottom:1.5rem}
.ContentBlock h2{font-size:2rem;color:#281A1C;margin:2.5rem 0 1.2rem;font-weight:700;position:relative;padding-left:20px}
.ContentBlock h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:70%;background:linear-gradient(180deg,#DFA683 0%,#281A1C 100%);border-radius:3px}
.ContentBlock h3{font-size:1.5rem;color:#281A1C;margin:2rem 0 1rem;font-weight:600}
.ContentBlock h4{font-size:1.25rem;color:#281A1C;margin:1.5rem 0 .8rem;font-weight:600}
.ContentBlock h5{font-size:1.125rem;color:#281A1C;margin:1.2rem 0 .6rem;font-weight:600}
.ContentBlock h6{font-size:1rem;color:#281A1C;margin:1rem 0 .5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.ContentBlock ul,.ContentBlock ol{margin:1.5rem 0 1.5rem 1.5rem;padding:0}
.ContentBlock ul li,.ContentBlock ol li{font-size:1.125rem;line-height:1.8;color:#281A1C;margin-bottom:.8rem}
.ContentBlock ul li{list-style:none;position:relative;padding-left:30px}
.ContentBlock ul li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:#DFA683;border-radius:50%}
.ContentBlock ol li{padding-left:10px}
.ContentBlock strong{font-weight:700;color:#281A1C}
.ContentBlock em{font-style:italic;color:#281A1C}
.ContentBlock a{color:#DFA683;text-decoration:underline;transition:color .3s ease}
.ContentBlock a:hover{color:#281A1C}
.QuoteSection{background:linear-gradient(120deg,#F4ECE6 0%,#fff 100%);padding:40px 50px;border-left:6px solid #DFA683;border-radius:0 16px 16px 0;margin:3rem 0;box-shadow:4px 4px 12px #281a1c14}
.QuoteSection p{font-size:1.25rem;line-height:1.7;color:#281A1C;font-style:italic;margin:0}
.HighlightBox{background:#dfa68326;border:2px solid #DFA683;border-radius:16px;padding:30px;margin:2.5rem 0}
.HighlightBox h3{margin-top:0;color:#281A1C}
.DividerWave{width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,#DFA683 50%,transparent 100%);margin:3rem 0;position:relative}
.DividerWave::after{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:20px;height:20px;background:#DFA683;border-radius:50%}
.KeyTakeaway{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:3rem 0}
.TakeawayCard{background:#F4ECE6;padding:30px;border-radius:20px;box-shadow:3px 3px 8px #281a1c1a;transition:transform .3s ease,box-shadow .3s ease}
.TakeawayCard:hover{transform:translateY(-5px);box-shadow:5px 5px 16px #281a1c26}
.TakeawayCard h4{color:#281A1C;margin-top:0;margin-bottom:12px;font-size:1.2rem}
.TakeawayCard p{font-size:1rem;line-height:1.6;margin:0}
.StepProcess{counter-reset:step-counter;margin:3rem 0}
.ProcessStep{counter-increment:step-counter;position:relative;padding:25px 25px 25px 80px;margin-bottom:20px;background:#F4ECE6;border-radius:16px;box-shadow:2px 2px 6px #281a1c14}
.ProcessStep::before{content:counter(step-counter);position:absolute;left:20px;top:50%;transform:translateY(-50%);width:50px;height:50px;background:linear-gradient(135deg,#DFA683 0%,#281A1C 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}
.ProcessStep h4{margin:0 0 10px;color:#281A1C}
.ProcessStep p{margin:0;font-size:1rem}
@media screen and (max-width: 768px) {
.ArticleHero{padding:40px 0 30px;margin-bottom:30px}
.ArticleHero .HeroInner{padding:0 20px}
.ArticleHero h1{font-size:2rem}
.FeaturedImageContainer{margin:-20px 20px 40px;border-radius:16px}
.ContentBlock{margin-bottom:40px}
.ContentBlock p{font-size:1rem}
.ContentBlock h2{font-size:1.6rem;margin:2rem 0 1rem}
.ContentBlock h3{font-size:1.3rem}
.ContentBlock h4{font-size:1.15rem}
.QuoteSection{padding:25px 30px;margin:2rem 0}
.QuoteSection p{font-size:1.1rem}
.HighlightBox{padding:20px;margin:2rem 0}
.KeyTakeaway{grid-template-columns:1fr;gap:20px}
.TakeawayCard{padding:25px}
.ProcessStep{padding:20px 20px 20px 75px}
.ProcessStep::before{width:45px;height:45px;font-size:1.3rem;left:15px}
}
@media screen and (max-width: 480px) {
.ArticleWrapper{padding:0 15px}
.ArticleHero h1{font-size:1.6rem}
.FeaturedImageContainer{margin:-15px 15px 30px}
.ContentBlock h2{font-size:1.4rem}
.QuoteSection{padding:20px}
}
@media print {
.ArticleHero{background:none;padding:20px 0;margin-bottom:30px}
.FeaturedImageContainer{box-shadow:none;margin:0 auto 30px;max-width:100%}
.ContentBlock p,.ContentBlock ul li,.ContentBlock ol li{font-size:11pt;line-height:1.6}
.ContentBlock h2{font-size:16pt;page-break-after:avoid}
.ContentBlock h3{font-size:14pt;page-break-after:avoid}
.QuoteSection{background:none;border:1px solid #281A1C;box-shadow:none;page-break-inside:avoid}
.HighlightBox{border:1px solid #281A1C;background:none;page-break-inside:avoid}
.TakeawayCard,.ProcessStep{box-shadow:none;border:1px solid #DFA683;background:none;page-break-inside:avoid}
.TakeawayCard:hover,.ProcessStep:hover{transform:none}
}
.HeroSection{background:linear-gradient(135deg,#F4ECE6 0%,#DFA683 100%);padding:80px 20px;position:relative;overflow:hidden}
.HeroSection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#281a1c0d;border-radius:50%}
.HeroInner{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.HeroSection .MainHeading{font-size:48px;color:#281A1C;margin:0 0 24px;line-height:1.2;font-weight:700}
.HeroSection .SubText{font-size:20px;color:#281A1C;line-height:1.6;margin:0 0 32px;max-width:680px}
.HeroSection .CtaButton{display:inline-block;background:#281A1C;color:#F4ECE6;padding:16px 40px;text-decoration:none;border-radius:24px;font-size:18px;font-weight:600;transition:all .3s ease;box-shadow:4px 4px 0 #281a1c33}
.HeroSection .CtaButton:hover{transform:translateY(-2px);box-shadow:6px 6px 0 #281a1c4d;background:#3d2a2d}
.SiteIntro{background:#281A1C;padding:72px 20px}
.SiteIntro .ContentWrap{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.SiteIntro .TextContent h2{font-size:36px;color:#F4ECE6;margin:0 0 20px;line-height:1.3}
.SiteIntro .TextContent p{font-size:18px;color:#DFA683;line-height:1.7;margin:0 0 16px}
.SiteIntro .ImageHolder{position:relative;border-radius:28px;overflow:hidden;box-shadow:6px 6px 0 #DFA683}
.SiteIntro .ImageHolder img{width:100%;height:420px;object-fit:cover;display:block}
.CategoryNav{background:#F4ECE6;padding:64px 20px}
.CategoryNav .NavContainer{max-width:1320px;margin:0 auto}
.CategoryNav h2{font-size:32px;color:#281A1C;margin:0 0 40px;text-align:center}
.CategoryNav .NavGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.CategoryNav .NavCard{background:#fff;padding:32px;border-radius:20px;text-decoration:none;transition:all .3s ease;box-shadow:3px 3px 0 #281a1c1a;border:2px solid transparent}
.CategoryNav .NavCard:hover{transform:translateY(-4px);box-shadow:5px 5px 0 #281a1c33;border-color:#DFA683}
.CategoryNav .NavCard h3{font-size:24px;color:#281A1C;margin:0 0 12px}
.CategoryNav .NavCard p{font-size:16px;color:#281A1C;line-height:1.6;margin:0;opacity:.8}
.FeaturedPosts{background:#fff;padding:72px 20px}
.FeaturedPosts .PostsContainer{max-width:1320px;margin:0 auto}
.FeaturedPosts h2{font-size:36px;color:#281A1C;margin:0 0 48px;position:relative;padding-left:24px}
.FeaturedPosts h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:48px;background:#DFA683;border-radius:8px}
.FeaturedPosts .PostListing{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:56px}
.FeaturedPosts .PostCard{text-decoration:none;display:block;transition:all .3s ease}
.FeaturedPosts .PostCard:hover{transform:scale(1.02)}
.FeaturedPosts .PostCard .PostImage{width:100%;height:240px;object-fit:cover;border-radius:24px;margin-bottom:20px;box-shadow:4px 4px 0 #dfa6834d}
.FeaturedPosts .PostCard h3{font-size:22px;color:#281A1C;margin:0 0 12px;line-height:1.3}
.FeaturedPosts .PostCard .Excerpt{font-size:16px;color:#281A1C;line-height:1.6;margin:0;opacity:.7}
.FeaturedPosts .CategoryHeading{font-size:28px;color:#DFA683;margin:0 0 32px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.ThematicSet{background:linear-gradient(to bottom,#281A1C 0%,#3d2a2d 100%);padding:80px 20px;position:relative}
.ThematicSet::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,#DFA683,#F4ECE6,#DFA683)}
.ThematicSet .SetWrapper{max-width:1320px;margin:0 auto}
.ThematicSet h2{font-size:34px;color:#F4ECE6;margin:0 0 16px}
.ThematicSet .SetIntro{font-size:18px;color:#DFA683;margin:0 0 40px;line-height:1.6}
.ThematicSet .SetGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.ThematicSet .SetItem{background:#f4ece60d;padding:32px;border-radius:20px;border-left:4px solid #DFA683}
.ThematicSet .SetItem h4{font-size:20px;color:#F4ECE6;margin:0 0 12px}
.ThematicSet .SetItem p{font-size:16px;color:#DFA683;line-height:1.6;margin:0 0 16px}
.ThematicSet .SetItem .ReadLink{color:#F4ECE6;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}
.ThematicSet .SetItem .ReadLink:hover{color:#DFA683;gap:12px}
.ThematicSet .SetItem .ReadLink::after{content:'→'}
.ArchiveGrowth{background:#F4ECE6;padding:72px 20px}
.ArchiveGrowth .GrowthContainer{max-width:1320px;margin:0 auto}
.ArchiveGrowth h2{font-size:36px;color:#281A1C;margin:0 0 48px;text-align:center}
.ArchiveGrowth .StatsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ArchiveGrowth .StatBox{background:#fff;padding:40px 24px;border-radius:24px;text-align:center;box-shadow:3px 3px 0 #281a1c14}
.ArchiveGrowth .StatBox .StatNumber{font-size:48px;color:#DFA683;font-weight:700;margin:0 0 8px;line-height:1}
.ArchiveGrowth .StatBox .StatLabel{font-size:16px;color:#281A1C;margin:0 0 12px;font-weight:600}
.ArchiveGrowth .StatBox .StatDesc{font-size:14px;color:#281A1C;opacity:.7;line-height:1.5;margin:0}
.ContentConnections{background:#fff;padding:80px 20px}
.ContentConnections .ConnectionsWrap{max-width:1320px;margin:0 auto;display:flex;gap:60px;align-items:center}
.ContentConnections .ImageBlock{flex:0 0 45%}
.ContentConnections .ImageBlock img{width:100%;height:480px;object-fit:cover;border-radius:28px;box-shadow:6px 6px 0 #281a1c1a}
.ContentConnections .TextBlock{flex:1}
.ContentConnections .TextBlock h2{font-size:34px;color:#281A1C;margin:0 0 24px;line-height:1.2}
.ContentConnections .TextBlock p{font-size:17px;color:#281A1C;line-height:1.7;margin:0 0 20px}
.ContentConnections .ConnectionList{list-style:none;padding:0;margin:32px 0 0}
.ContentConnections .ConnectionList li{padding:16px 0 16px 32px;position:relative;font-size:16px;color:#281A1C;line-height:1.6}
.ContentConnections .ConnectionList li::before{content:'';position:absolute;left:0;top:22px;width:16px;height:16px;background:#DFA683;border-radius:50%}
.SubscriptionBlock{background:linear-gradient(135deg,#DFA683 0%,#281A1C 100%);padding:88px 20px}
.SubscriptionBlock .SubWrapper{max-width:900px;margin:0 auto;text-align:center}
.SubscriptionBlock h2{font-size:40px;color:#F4ECE6;margin:0 0 20px}
.SubscriptionBlock .SubDescription{font-size:19px;color:#F4ECE6;line-height:1.6;margin:0 0 40px;opacity:.95}
.SubscriptionBlock .SubForm{display:flex;gap:16px;max-width:560px;margin:0 auto}
.SubscriptionBlock .SubForm input{flex:1;padding:18px 24px;border:none;border-radius:28px;font-size:16px;outline:none;background:#f4ece6f2;color:#281A1C}
.SubscriptionBlock .SubForm button{padding:18px 40px;background:#F4ECE6;color:#281A1C;border:none;border-radius:28px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:4px 4px 0 #281a1c4d}
.SubscriptionBlock .SubForm button:hover{transform:translateY(-2px);box-shadow:6px 6px 0 #281a1c66}
.SubscriptionBlock .SubBenefits{display:flex;justify-content:center;gap:40px;margin-top:32px}
.SubscriptionBlock .SubBenefits .Benefit{font-size:15px;color:#F4ECE6;display:flex;align-items:center;gap:8px}
.SubscriptionBlock .SubBenefits .Benefit::before{content:'✓';font-size:20px;font-weight:700}
@media (max-width: 1024px) {
.SiteIntro .ContentWrap{grid-template-columns:1fr;gap:40px}
.CategoryNav .NavGrid{grid-template-columns:repeat(2,1fr)}
.FeaturedPosts .PostListing{grid-template-columns:repeat(2,1fr)}
.ThematicSet .SetGrid{grid-template-columns:1fr}
.ArchiveGrowth .StatsGrid{grid-template-columns:repeat(2,1fr)}
.ContentConnections .ConnectionsWrap{flex-direction:column}
.ContentConnections .ImageBlock{flex:0 0 100%}
}
@media (max-width: 768px) {
.HeroSection .MainHeading{font-size:36px}
.HeroSection .SubText{font-size:18px}
.CategoryNav .NavGrid{grid-template-columns:1fr}
.FeaturedPosts .PostListing{grid-template-columns:1fr}
.ArchiveGrowth .StatsGrid{grid-template-columns:1fr}
.SubscriptionBlock .SubForm{flex-direction:column}
.SubscriptionBlock .SubBenefits{flex-direction:column;gap:16px}
}
.AuthorHero-outer{position:relative;width:100%;height:100vh;overflow:hidden;background:#281A1C}
.AuthorHero-outer .hero-bg-image{width:100%;height:100%;object-fit:cover;object-position:center}
.AuthorHero-outer .vignette-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#281a1c4d 0%,#281a1cd9 100%);pointer-events:none}
.AuthorHero-outer .hero-text-wrapper{position:absolute;bottom:0;left:0;right:0;padding:80px 20px 60px;background:linear-gradient(to top,#281a1cf2 0%,#281a1c99 60%,transparent 100%)}
.AuthorHero-outer .hero-container{max-width:1320px;margin:0 auto}
.AuthorHero-outer .hero-title{font-size:52px;font-weight:700;color:#F4ECE6;margin:0 0 12px;line-height:1.2}
.AuthorHero-outer .hero-subtitle{font-size:20px;color:#DFA683;margin:0;font-weight:400}
.AuthorHero-outer .accent-mark{display:inline-block;width:4px;height:24px;background:#DFA683;margin-right:12px;vertical-align:middle}
.intro-wrapper{background:linear-gradient(135deg,#F4ECE6 0%,#fff 100%);padding:120px 20px}
.intro-wrapper .ContentBox{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.intro-wrapper .text-area h2{font-size:38px;color:#281A1C;margin:0 0 24px;font-weight:700;line-height:1.3}
.intro-wrapper .text-area h2::before{content:'';display:inline-block;width:60px;height:4px;background:#DFA683;margin-right:16px;vertical-align:middle}
.intro-wrapper .text-area p{font-size:17px;color:#281A1C;line-height:1.7;margin:0 0 20px}
.intro-wrapper .image-container{position:relative}
.intro-wrapper .image-container img{width:100%;height:480px;object-fit:cover;border-radius:24px;box-shadow:0 8px 0 #281a1c1f}
.intro-wrapper .image-container::after{content:'';position:absolute;top:-20px;right:-20px;width:100%;height:100%;border:3px solid #DFA683;border-radius:24px;z-index:-1}
.approach-section{background:#281A1C;padding:100px 20px}
.approach-section .DataHolder{max-width:1320px;margin:0 auto}
.approach-section .section-header{text-align:center;margin-bottom:80px}
.approach-section .section-header h3{font-size:42px;color:#F4ECE6;margin:0 0 16px;font-weight:700}
.approach-section .section-header p{font-size:18px;color:#DFA683;margin:0}
.approach-section .principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.approach-section .principle-card{background:#f4ece60d;padding:40px 32px;border-radius:20px;border:2px solid #dfa68333;transition:all .3s ease}
.approach-section .principle-card:hover{transform:translateY(-8px);border-color:#DFA683;box-shadow:0 12px 0 #dfa6834d}
.approach-section .principle-card .card-number{font-size:52px;font-weight:700;color:#DFA683;line-height:1;margin:0 0 20px}
.approach-section .principle-card h4{font-size:22px;color:#F4ECE6;margin:0 0 16px;font-weight:600}
.approach-section .principle-card p{font-size:16px;color:#f4ece6d9;line-height:1.6;margin:0}
.expertise-block{background:#fff;padding:0;position:relative;overflow:hidden}
.expertise-block .split-layout{display:grid;grid-template-columns:45% 55%;min-height:600px}
.expertise-block .content-side{padding:100px 60px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#F4ECE6 0%,#fff 100%)}
.expertise-block .content-side h3{font-size:36px;color:#281A1C;margin:0 0 32px;font-weight:700;line-height:1.3;position:relative;padding-left:24px}
.expertise-block .content-side h3::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(to bottom,#DFA683 0%,#281A1C 100%);border-radius:3px}
.expertise-block .skills-list{list-style:none;margin:0;padding:0}
.expertise-block .skills-list li{font-size:17px;color:#281A1C;margin:0 0 20px;padding-left:32px;position:relative;line-height:1.5}
.expertise-block .skills-list li::before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;background:#DFA683;border-radius:50%;box-shadow:0 2px 0 #281a1c33}
.expertise-block .image-side{position:relative;overflow:hidden}
.expertise-block .image-side img{width:100%;height:100%;object-fit:cover;object-position:center}
.expertise-block .image-side::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#F4ECE6 0%,transparent 30%);z-index:1}
.journey-timeline{background:#F4ECE6;padding:100px 20px}
.journey-timeline .timeline-container{max-width:1320px;margin:0 auto}
.journey-timeline .timeline-heading{text-align:center;margin-bottom:70px}
.journey-timeline .timeline-heading h3{font-size:40px;color:#281A1C;margin:0 0 16px;font-weight:700}
.journey-timeline .timeline-heading p{font-size:18px;color:#281A1C;opacity:.7;margin:0}
.journey-timeline .milestones-wrapper{position:relative;padding-left:60px}
.journey-timeline .milestones-wrapper::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#DFA683 0%,#281A1C 100%)}
.journey-timeline .milestone-item{position:relative;margin-bottom:50px;padding:32px 40px;background:#fff;border-radius:20px;border-left:4px solid #DFA683;box-shadow:0 4px 0 #281a1c14;transition:all .3s ease}
.journey-timeline .milestone-item:hover{transform:translateX(10px);box-shadow:0 6px 0 #281a1c26}
.journey-timeline .milestone-item::before{content:'';position:absolute;left:-64px;top:40px;width:20px;height:20px;background:#DFA683;border:4px solid #F4ECE6;border-radius:50%;box-shadow:0 0 0 3px #281A1C}
.journey-timeline .milestone-item .year-tag{font-size:14px;color:#DFA683;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}
.journey-timeline .milestone-item h4{font-size:24px;color:#281A1C;margin:0 0 16px;font-weight:700}
.journey-timeline .milestone-item p{font-size:16px;color:#281A1C;line-height:1.6;margin:0;opacity:.85}
.cta-final{background:linear-gradient(135deg,#281A1C 0%,#3a2a2d 100%);padding:120px 20px;position:relative;overflow:hidden}
.cta-final::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#dfa68326 0%,transparent 70%);border-radius:50%}
.cta-final .cta-content-box{max-width:1320px;margin:0 auto;text-align:center;position:relative;z-index:2}
.cta-final .cta-content-box h3{font-size:44px;color:#F4ECE6;margin:0 0 24px;font-weight:700;line-height:1.3}
.cta-final .cta-content-box p{font-size:19px;color:#DFA683;margin:0 0 40px;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}
.cta-final .ButtonGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta-final .ButtonGroup .btn-primary{display:inline-block;padding:18px 48px;background:#DFA683;color:#281A1C;text-decoration:none;font-size:17px;font-weight:600;border-radius:28px;box-shadow:0 6px 0 #dfa6834d;transition:all .3s ease;border:none;cursor:pointer}
.cta-final .ButtonGroup .btn-primary:hover{transform:translateY(-4px);box-shadow:0 10px 0 #dfa68366;background:#f0b694}
.cta-final .ButtonGroup .btn-secondary{display:inline-block;padding:18px 48px;background:transparent;color:#F4ECE6;text-decoration:none;font-size:17px;font-weight:600;border-radius:28px;border:2px solid #DFA683;transition:all .3s ease;cursor:pointer}
.cta-final .ButtonGroup .btn-secondary:hover{background:#dfa6831a;transform:translateY(-4px);border-color:#f0b694}
@media screen and (max-width: 1024px) {
.AuthorHero-outer .hero-title{font-size:42px}
.intro-wrapper .ContentBox{grid-template-columns:1fr;gap:50px}
.approach-section .principles-grid{grid-template-columns:1fr;gap:30px}
.expertise-block .split-layout{grid-template-columns:1fr}
.expertise-block .content-side{padding:60px 40px}
.expertise-block .image-side{min-height:400px}
.journey-timeline .milestones-wrapper{padding-left:40px}
}
@media screen and (max-width: 768px) {
.AuthorHero-outer{height:70vh}
.AuthorHero-outer .hero-title{font-size:32px}
.AuthorHero-outer .hero-subtitle{font-size:16px}
.intro-wrapper{padding:80px 20px}
.intro-wrapper .text-area h2{font-size:28px}
.intro-wrapper .image-container img{height:320px}
.approach-section{padding:70px 20px}
.approach-section .section-header h3{font-size:32px}
.expertise-block .content-side{padding:50px 30px}
.expertise-block .content-side h3{font-size:28px}
.journey-timeline{padding:70px 20px}
.journey-timeline .timeline-heading h3{font-size:32px}
.journey-timeline .milestones-wrapper{padding-left:30px}
.journey-timeline .milestone-item{padding:24px 28px}
.cta-final{padding:80px 20px}
.cta-final .cta-content-box h3{font-size:32px}
.cta-final .ButtonGroup{flex-direction:column;align-items:center}
.cta-final .ButtonGroup .btn-primary,.cta-final .ButtonGroup .btn-secondary{width:100%;max-width:300px}
}
.blog-wrapper{background:linear-gradient(135deg,#F4ECE6 0%,#fff 100%);padding:80px 20px}
.blog-container{max-width:1320px;margin:0 auto}
.hero-blog{text-align:center;margin-bottom:60px;padding:0 20px}
.hero-blog h1{font-size:48px;color:#281A1C;margin-bottom:16px;font-weight:700}
.hero-blog p{font-size:18px;color:#281A1C;opacity:.8;max-width:680px;margin:0 auto}
.category-nav{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:60px;padding:0 20px}
.cat-tag{padding:12px 24px;background:#fff;border:2px solid #DFA683;border-radius:24px;color:#281A1C;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}
.cat-tag:hover{background:#DFA683;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #dfa6834d}
.section-divider{height:2px;background:linear-gradient(90deg,transparent 0%,#DFA683 50%,transparent 100%);margin:80px 0}
.blog-section{margin-bottom:80px}
.section-header{display:flex;align-items:center;gap:16px;margin-bottom:40px;padding:0 20px}
.section-header h2{font-size:32px;color:#281A1C;font-weight:700;margin:0;position:relative}
.section-header h2::before{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:6px;height:32px;background:#DFA683;border-radius:3px}
.section-line{flex:1;height:2px;background:linear-gradient(90deg,#DFA683 0%,transparent 100%)}
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;padding:0 20px}
.post-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 12px #281a1c14;transition:all .3s ease;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #281a1c26}
.post-img-wrapper{width:100%;height:240px;overflow:hidden;position:relative;background:linear-gradient(135deg,#F4ECE6 0%,#DFA683 100%)}
.post-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.post-card:hover .post-img-wrapper img{transform:scale(1.08)}
.post-content{padding:28px;flex:1;display:flex;flex-direction:column}
.post-content h3{font-size:22px;color:#281A1C;margin-bottom:12px;font-weight:700;line-height:1.3}
.post-content p{font-size:15px;color:#281A1C;opacity:.75;line-height:1.6;margin-bottom:20px;flex:1}
.read-link{color:#DFA683;font-weight:600;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:gap .3s ease}
.read-link:hover{gap:12px}
.read-link::after{content:'→';font-size:18px}
.compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:0 20px}
.compact-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 12px #281a1c14;transition:all .3s ease;border-left:4px solid #DFA683}
.compact-card:hover{transform:translateX(8px);box-shadow:0 6px 18px #281a1c1f;border-left-width:8px}
.compact-card h3{font-size:20px;color:#281A1C;margin-bottom:12px;font-weight:700}
.compact-link{color:#DFA683;text-decoration:none;font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:6px}
.compact-link::after{content:'→';transition:transform .3s ease}
.compact-card:hover .compact-link::after{transform:translateX(4px)}
.cta-section{background:linear-gradient(135deg,#281A1C 0%,#3d2a2d 100%);border-radius:28px;padding:60px 40px;text-align:center;margin:80px 20px 0;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,#dfa68326 0%,transparent 70%);border-radius:50%}
.cta-section::after{content:'';position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,#dfa6831a 0%,transparent 70%);border-radius:50%}
.cta-content{position:relative;z-index:2}
.cta-content h2{font-size:36px;color:#F4ECE6;margin-bottom:16px;font-weight:700}
.cta-content p{font-size:18px;color:#F4ECE6;opacity:.9;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}
.cta-btn{display:inline-block;padding:16px 40px;background:#DFA683;color:#fff;text-decoration:none;border-radius:24px;font-weight:700;font-size:16px;transition:all .3s ease;box-shadow:0 6px 20px #dfa6834d}
.cta-btn:hover{background:#F4ECE6;color:#281A1C;transform:translateY(-3px);box-shadow:0 8px 24px #dfa68366}
.stats-block{background:#fff;border-radius:28px;padding:60px 40px;margin:80px 20px;box-shadow:0 6px 20px #281a1c14}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center}
.stat-item{position:relative}
.stat-item::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#DFA683;border-radius:2px}
.stat-number{font-size:48px;font-weight:700;color:#DFA683;margin-bottom:8px;display:block}
.stat-label{font-size:16px;color:#281A1C;opacity:.8;font-weight:600}
@media (max-width: 768px) {
.blog-wrapper{padding:60px 20px}
.hero-blog h1{font-size:36px}
.hero-blog p{font-size:16px}
.post-grid,.compact-grid{grid-template-columns:1fr}
.section-header h2{font-size:26px}
.section-header h2::before{left:-12px;height:24px}
.cta-section{padding:40px 24px;margin:60px 0 0}
.cta-content h2{font-size:28px}
.cta-content p{font-size:16px}
.stats-block{padding:40px 24px;margin:60px 0}
.stats-grid{gap:32px}
.stat-number{font-size:36px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.post-grid{grid-template-columns:repeat(2,1fr)}
.compact-grid{grid-template-columns:repeat(2,1fr)}
}
.TitleOuter{position:relative;background:linear-gradient(135deg,#281A1C 0%,#3d2a2d 100%);padding:120px 20px 80px;overflow:hidden}
.TitleOuter::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#dfa68326 0%,transparent 70%);border-radius:50%}
.TitleOuter::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#f4ece614 0%,transparent 70%);border-radius:50%}
.TitleWrapper{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.TitleGrid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.TitleContent h1{font-size:56px;color:#F4ECE6;font-weight:700;line-height:1.1;margin:0 0 20px}
.TitleContent .problem-text{font-size:20px;color:#DFA683;line-height:1.6;margin:0 0 16px}
.TitleContent .solution-text{font-size:18px;color:#f4ece6d9;line-height:1.7;margin:0}
.TitleImageHolder{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0006}
.TitleImageHolder img{width:100%;height:auto;display:block;filter:contrast(1.1) brightness(0.95)}
.FeedbackSection{padding:100px 20px;background:#F4ECE6}
.FeedbackContainer{max-width:1320px;margin:0 auto}
.FeedbackIntro{text-align:center;margin-bottom:70px}
.FeedbackIntro h2{font-size:42px;color:#281A1C;font-weight:700;margin:0 0 18px;line-height:1.2}
.FeedbackIntro p{font-size:18px;color:#281A1C;opacity:.75;line-height:1.6;margin:0;max-width:700px;margin-left:auto;margin-right:auto}
.TestimonialGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}
.TestimonialCard{background:#fff;border-radius:20px;padding:36px;box-shadow:0 4px 16px #281a1c14;transition:all .3s ease;position:relative}
.TestimonialCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #281a1c24}
.TestimonialCard::before{content:'"';position:absolute;top:20px;left:28px;font-size:80px;color:#DFA683;opacity:.2;font-family:Georgia,serif;line-height:1}
.TestimonialHeader{display:flex;align-items:center;gap:16px;margin-bottom:24px;position:relative;z-index:2}
.ClientInitial{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#281A1C 0%,#3d2a2d 100%);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#F4ECE6;flex-shrink:0}
.ClientInfo h3{font-size:19px;color:#281A1C;font-weight:600;margin:0 0 4px;line-height:1.3}
.ClientRole{font-size:14px;color:#DFA683;margin:0;line-height:1.4}
.TestimonialText{font-size:16px;color:#281A1C;line-height:1.7;margin:0 0 20px;position:relative;z-index:2}
.RatingDisplay{display:flex;gap:4px}
.StarIcon{width:18px;height:18px;fill:#DFA683}
.MetricsSection{padding:90px 20px;background:#fff}
.MetricsWrap{max-width:1320px;margin:0 auto}
.MetricsHeader{margin-bottom:60px}
.MetricsHeader h2{font-size:38px;color:#281A1C;font-weight:700;margin:0 0 16px;line-height:1.2}
.MetricsHeader p{font-size:17px;color:#281A1C;opacity:.7;line-height:1.6;margin:0}
.StatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.StatCard{background:linear-gradient(135deg,#F4ECE6 0%,#faf7f4 100%);border-radius:18px;padding:32px;position:relative;overflow:hidden;border:2px solid #dfa68333;transition:all .3s ease}
.StatCard:hover{border-color:#DFA683;transform:scale(1.02)}
.StatCard::after{content:'';position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,#dfa68326 0%,transparent 70%);border-radius:50%}
.StatNumber{font-size:48px;font-weight:700;color:#281A1C;margin:0 0 8px;line-height:1;position:relative;z-index:2}
.StatLabel{font-size:16px;color:#281A1C;opacity:.75;margin:0;line-height:1.5;position:relative;z-index:2}
.CtaSection{padding:100px 20px;background:linear-gradient(180deg,#281A1C 0%,#3d2a2d 100%);position:relative;overflow:hidden}
.CtaSection::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#DFA683 50%,transparent 100%)}
.CtaInner{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:50px}
.CtaContentBlock{text-align:center;max-width:800px}
.CtaContentBlock h2{font-size:44px;color:#F4ECE6;font-weight:700;margin:0 0 20px;line-height:1.2}
.CtaContentBlock p{font-size:19px;color:#f4ece6d9;line-height:1.7;margin:0}
.CtaVisual{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%}
.BenefitBox{background:#f4ece614;border-radius:16px;padding:28px;border:1px solid #dfa6834d;transition:all .3s ease}
.BenefitBox:hover{background:#f4ece61f;border-color:#DFA683;transform:translateY(-4px)}
.BenefitIcon{width:44px;height:44px;margin-bottom:16px}
.BenefitBox h3{font-size:20px;color:#F4ECE6;font-weight:600;margin:0 0 10px;line-height:1.3}
.BenefitBox p{font-size:15px;color:#f4ece6bf;line-height:1.6;margin:0}
.CtaButtonWrap{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.CtaButton{display:inline-block;padding:16px 36px;background:#DFA683;color:#281A1C;text-decoration:none;border-radius:28px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #dfa6834d}
.CtaButton:hover{background:#c98e6d;transform:translateY(-2px);box-shadow:0 10px 30px #dfa68366}
.CtaButtonSecondary{display:inline-block;padding:16px 36px;background:transparent;color:#F4ECE6;text-decoration:none;border-radius:28px;font-size:17px;font-weight:600;border:2px solid #F4ECE6;transition:all .3s ease}
.CtaButtonSecondary:hover{background:#f4ece61a;transform:translateY(-2px)}
@media (min-width: 768px) {
.TitleGrid{grid-template-columns:1.2fr 1fr;gap:60px}
.TitleContent h1{font-size:64px}
}
@media (max-width: 767px) {
.TitleOuter{padding:80px 20px 60px}
.TitleContent h1{font-size:40px}
.TitleContent .problem-text{font-size:18px}
.FeedbackSection{padding:70px 20px}
.FeedbackIntro h2{font-size:34px}
.TestimonialGrid{grid-template-columns:1fr}
.MetricsSection{padding:70px 20px}
.MetricsHeader h2{font-size:32px}
.StatsGrid{grid-template-columns:1fr}
.CtaSection{padding:70px 20px}
.CtaContentBlock h2{font-size:36px}
.CtaVisual{grid-template-columns:1fr}
.CtaButtonWrap{flex-direction:column;width:100%}
.CtaButton,.CtaButtonSecondary{width:100%;text-align:center}
}
.SuccessPageWrap{background:linear-gradient(135deg,#F4ECE6 0%,#fff 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.SuccessPageWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#dfa68326 0%,transparent 70%);border-radius:50%;filter:blur(60px)}
.SuccessPageWrap::after{content:'';position:absolute;bottom:-40%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#281a1c14 0%,transparent 70%);border-radius:50%;filter:blur(80px)}
.success-inner-container{max-width:800px;margin:0 auto;position:relative;z-index:2}
.SuccessHeroBlock{text-align:center;margin-bottom:48px}
.success-icon-wrap{width:140px;height:140px;margin:0 auto 32px;position:relative;filter:drop-shadow(0 8px 24px #281a1c1f)}
.success-icon-wrap svg{width:100%;height:100%}
.success-icon-wrap::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:radial-gradient(circle,#dfa68333 0%,transparent 70%);border-radius:50%;filter:blur(30px);z-index:-1}
.SuccessHeroBlock .main-headline{font-size:56px;font-weight:700;color:#281A1C;margin:0 0 24px;line-height:1.1;letter-spacing:-.02em}
.SuccessHeroBlock .support-text{font-size:20px;color:#281a1cb3;line-height:1.6;margin:0 0 40px;max-width:620px;margin-left:auto;margin-right:auto}
.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:56px}
.action-card{background:#fff;padding:36px 28px;border-radius:24px;box-shadow:0 4px 16px #281a1c14;transition:all .3s ease;border:2px solid transparent}
.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #281a1c24;border-color:#dfa6834d}
.action-card .card-icon{width:56px;height:56px;background:linear-gradient(135deg,#DFA683 0%,#c88f6b 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.action-card .card-icon svg{width:28px;height:28px}
.action-card .card-title{font-size:22px;font-weight:600;color:#281A1C;margin:0 0 12px;line-height:1.3}
.action-card .card-description{font-size:16px;color:#281a1ca6;line-height:1.5;margin:0 0 24px}
.action-card .card-link{display:inline-flex;align-items:center;gap:8px;background:#281A1C;color:#F4ECE6;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 2px 8px #281a1c33}
.action-card .card-link:hover{background:#3d2729;box-shadow:0 4px 12px #281a1c4d;transform:translateX(2px)}
.info-block-outer{background:#fff;border-radius:28px;padding:64px 48px;margin-top:80px;box-shadow:0 6px 20px #281a1c1a;position:relative;overflow:hidden}
.info-block-outer::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#DFA683 0%,#c88f6b 50%,#DFA683 100%)}
.InfoLayout{display:flex;gap:48px;align-items:flex-start}
.info-visual-section{flex:0 0 280px}
.stats-display{background:linear-gradient(135deg,#F4ECE6 0%,#fff 100%);padding:32px 24px;border-radius:20px;border:2px solid #dfa68333}
.stat-item{margin-bottom:28px}
.stat-item:last-child{margin-bottom:0}
.stat-label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#281a1c80;margin-bottom:8px}
.stat-value{font-size:36px;font-weight:700;color:#281A1C;line-height:1}
.stat-value .accent{color:#DFA683}
.info-content-section{flex:1}
.info-content-section .section-heading{font-size:32px;font-weight:700;color:#281A1C;margin:0 0 20px;line-height:1.2}
.info-content-section .intro-paragraph{font-size:18px;color:#281a1cb3;line-height:1.7;margin-bottom:32px}
.feature-list{list-style:none;padding:0;margin:0}
.feature-list li{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding:16px;background:#f4ece64d;border-radius:12px;border-left:4px solid #DFA683}
.feature-list li::before{content:'✓';flex-shrink:0;width:28px;height:28px;background:#DFA683;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}
.feature-list li span{font-size:16px;color:#281A1C;line-height:1.6}
@media (max-width: 1024px) {
.SuccessPageWrap{padding:60px 20px 80px}
.SuccessHeroBlock .main-headline{font-size:44px}
.InfoLayout{flex-direction:column;gap:40px}
.info-visual-section{flex:0 0 auto;width:100%;max-width:400px;margin:0 auto}
.info-block-outer{padding:48px 32px}
}
@media (max-width: 768px) {
.SuccessPageWrap{padding:48px 16px 64px}
.success-icon-wrap{width:100px;height:100px}
.SuccessHeroBlock .main-headline{font-size:36px;margin-bottom:16px}
.SuccessHeroBlock .support-text{font-size:18px;margin-bottom:32px}
.action-grid{grid-template-columns:1fr;gap:20px;margin-top:40px}
.action-card{padding:28px 24px}
.info-block-outer{padding:36px 24px;margin-top:56px}
.info-content-section .section-heading{font-size:26px}
.info-content-section .intro-paragraph{font-size:16px}
}