html{font-size:100%}
body{margin:0;font-family:'Noto Serif',serif;background:#000;color:#FEFFFC;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
::selection{background:#7260F7;color:#000}
.HdrOuter{background:linear-gradient(135deg,#0E477E 0%,#000 100%);border-bottom:2px solid #7260F7;box-shadow:0 8px 52px 0 #7260f71f}
.HdrInner{max-width:1600px;margin:0 auto;padding:24px 48px;display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center}
.BrandBlock{display:flex;align-items:center;gap:24px;background:#7260f714;padding:24px;border-radius:20px;border:2px dashed #7260F7;box-shadow:0 7px 20px 0 #7260f714}
.LogoFrame{width:48px;height:48px;border:2px dashed #FEFFFC;border-radius:7px;padding:8px;background:#ffffff0d;box-shadow:0 2px 5px 0 #7260f70f}
.LogoFrame img{width:100%;height:100%;object-fit:contain}
.CompanyTitle{font-size:28px;font-weight:700;line-height:1.2;color:#FEFFFC;margin:0}
.NavBlock{display:flex;flex-direction:column;gap:24px}
.MainNav{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
.NavLink{font-size:18px;line-height:1.55;color:#FEFFFC;text-decoration:none;padding:8px 24px;border-radius:48px;background:#7260f726;border:1px solid transparent;position:relative;overflow:hidden;transition:border-color .15s ease-out,background .2s ease}
.NavLink::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#7260F7 0%,#0E477E 100%);transition:left .18s ease-out;z-index:-1}
.NavLink:hover::before{left:0}
.NavLink:hover{border-color:#7260F7}
.NavLink:focus{outline:none;background:#FEFFFC;color:#000}
.ContactInfo{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.ContactItem{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.55;color:#FEFFFC;text-decoration:none;padding:8px;transition:color .12s ease}
.ContactItem i{font-size:18px;color:#7260F7}
.ContactItem:hover{color:#7260F7}
.ContactItem:focus{outline:none;background:#FEFFFC;color:#000;border-radius:7px}
.ContactItem:focus i{color:#000}
@media (max-width: 1024px) {
.HdrInner{grid-template-columns:1fr;gap:24px}
.BrandBlock{justify-content:center}
.MainNav{justify-content:center}
.ContactInfo{justify-content:center}
}
@media (max-width: 640px) {
.HdrInner{padding:24px}
.BrandBlock{flex-direction:column;text-align:center}
.CompanyTitle{font-size:18px}
.NavLink{font-size:16px;padding:8px 24px}
.ContactInfo{flex-direction:column;gap:8px}
}
main{min-height:60vh}
.FtrOuter{background:linear-gradient(135deg,#000 0%,#0E477E 100%);border-top:2px solid #7260F7;margin-top:96px}
.FtrInner{max-width:1600px;margin:0 auto;padding:48px}
.FtrContent{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;align-items:start;margin-bottom:48px}
.FtrBrand{display:flex;flex-direction:column;gap:24px}
.FtrLogoWrap{display:flex;align-items:center;gap:24px}
.FtrLogoFrame{width:48px;height:48px;border:2px dashed #FEFFFC;border-radius:7px;padding:8px;background:#ffffff0d;box-shadow:0 2px 5px 0 #7260f70f}
.FtrLogoFrame img{width:100%;height:100%;object-fit:contain}
.FtrCompanyName{font-size:28px;font-weight:700;line-height:1.2;color:#FEFFFC;margin:0}
.FtrTagline{font-size:18px;line-height:1.55;color:#FEFFFC;opacity:.8;margin:0}
.FtrNav{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.FtrNavTitle{font-size:18px;font-weight:700;line-height:1.2;color:#7260F7;margin:0 0 8px}
.FtrNavLink{font-size:16px;line-height:1.55;color:#FEFFFC;text-decoration:none;padding:8px 0;position:relative;transition:color .15s ease}
.FtrNavLink::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#7260F7;transition:width .18s ease-out}
.FtrNavLink:hover{color:#7260F7}
.FtrNavLink:hover::after{width:100%}
.FtrNavLink:focus{outline:none;background:#FEFFFC;color:#000;padding:8px;border-radius:7px}
.FtrBottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-top:48px;border-top:1px solid #7260f74d}
.CopyrightTxt{font-size:16px;line-height:1.55;color:#FEFFFC;opacity:.7;margin:0}
.FtrContactBlock{display:flex;flex-wrap:wrap;gap:24px}
.FtrContact{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.55;color:#FEFFFC;text-decoration:none;transition:color .12s ease}
.FtrContact i{font-size:18px;color:#7260F7}
.FtrContact:hover{color:#7260F7}
.FtrContact:focus{outline:none;background:#FEFFFC;color:#000;padding:8px;border-radius:7px}
.FtrContact:focus i{color:#000}
@media (max-width: 1024px) {
.FtrContent{grid-template-columns:1fr;gap:48px}
.FtrBottom{flex-direction:column;text-align:center}
}
@media (max-width: 640px) {
.FtrInner{padding:48px 24px}
.FtrLogoWrap{flex-direction:column;align-items:center}
.FtrCompanyName{font-size:18px;text-align:center}
.FtrTagline{font-size:16px;text-align:center}
.FtrNav{align-items:center}
.FtrContactBlock{flex-direction:column;gap:8px}
}
.text-legal{max-width:1600px;margin:0 auto;padding:96px 24px;background:#000;color:#FEFFFC}
.text-legal p{font-size:18px;line-height:1.8;margin-bottom:24px;color:#FEFFFC}
.text-legal p:last-child{margin-bottom:0}
.text-legal ul,.text-legal ol{margin-bottom:24px;padding-left:48px}
.text-legal ul li,.text-legal ol li{font-size:18px;line-height:1.8;margin-bottom:8px;color:#FEFFFC}
.text-legal ul li:last-child,.text-legal ol li:last-child{margin-bottom:0}
.text-legal strong,.text-legal b{font-weight:600;color:#7260F7}
.text-legal a{color:#7260F7;text-decoration:none;border-bottom:1px solid #7260f74d;transition:border-color .15s ease-out}
.text-legal a:hover{border-bottom-color:#7260F7}
.text-legal hr{border:none;height:1px;background:#7260f733;margin:48px 0}
.text-legal div{margin-bottom:48px}
.text-legal div:last-child{margin-bottom:0}
@media (max-width: 640px) {
.text-legal{padding:48px 24px}
.text-legal p,.text-legal ul li,.text-legal ol li{font-size:16px}
.text-legal ul,.text-legal ol{padding-left:24px}
.text-legal hr{margin:24px 0}
.text-legal div{margin-bottom:24px}
}
.PostView{background:#000;color:#FEFFFC;min-height:100vh;padding:96px 0}
.PostView .ContentWrapper{max-width:1600px;margin:0 auto;padding:0 24px}
.PostView .ArticleHero{background:linear-gradient(135deg,#7260f708 0%,#0e477e08 100%);border-radius:20px;padding:96px 48px;margin:0 0 96px;position:relative;overflow:hidden}
.PostView .ArticleHero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 48px,#7260f705 48px,#7260f705 96px);pointer-events:none}
.PostView .MetaGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:0 0 48px}
.PostView .MetaItem{background:#7260f70d;padding:24px;border-radius:7px;border:1px solid #7260f71a}
.PostView .MetaLabel{font-size:16px;color:#fefffc99;margin:0 0 8px;letter-spacing:.05em;text-transform:uppercase}
.PostView .MetaValue{font-size:18px;color:#FEFFFC;font-weight:600}
.PostView .TitleSection{position:relative;z-index:1}
.PostView .ArticleTitle{font-size:72px;line-height:1.2;color:#FEFFFC;margin:0 0 24px;font-weight:700}
.PostView .ArticleSubtitle{font-size:28px;line-height:1.55;color:#fefffcbf;margin:0}
.PostView .FeaturedVisual{background:#0a0a0a;border-radius:20px;padding:48px;margin:0 0 96px;box-shadow:0 8px 52px 0 #7260f71f}
.PostView .ArticleImage{width:100%;height:640px;object-fit:cover;object-position:center;border-radius:7px;filter:grayscale(0.4) contrast(1.1);transition:filter .15s ease-out}
.PostView .ArticleImage:hover{filter:grayscale(0.4) contrast(1.1);box-shadow:inset 0 0 128px #0006}
.PostView .ContentBody{background:#0a0a0a;border-radius:48px;padding:96px;box-shadow:0 7px 20px 0 #0e477e14}
.PostView .ContentBody p{font-size:18px;line-height:1.8;color:#fefffce6;margin:0 0 24px}
.PostView .ContentBody h2{font-size:56px;line-height:1.2;color:#FEFFFC;margin:96px 0 48px;position:relative;padding:0 0 24px}
.PostView .ContentBody h2::after{content:'';position:absolute;bottom:0;left:0;width:96px;height:3px;background:linear-gradient(90deg,#7260F7 0%,#0E477E 100%)}
.PostView .ContentBody h3{font-size:28px;line-height:1.55;color:#FEFFFC;margin:48px 0 24px;font-weight:600}
.PostView .ContentBody h4{font-size:18px;line-height:1.55;color:#fefffcd9;margin:24px 0;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.PostView .ContentBody ins{background:#7260f726;color:#7260F7;text-decoration:none;padding:0 8px;border-radius:7px}
.PostView .ContentBody details{background:#0e477e1a;border-radius:7px;padding:24px;margin:24px 0;border:1px solid #0e477e33}
.PostView .ContentBody summary{font-size:18px;line-height:1.55;color:#FEFFFC;cursor:pointer;font-weight:600;list-style:none;position:relative;padding:0 0 0 48px;transition:color .12s ease-out}
.PostView .ContentBody summary:hover{color:#7260F7}
.PostView .ContentBody summary::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border:2px solid #7260F7;border-radius:7px;transition:background .12s ease-out}
.PostView .ContentBody summary::after{content:'';position:absolute;left:8px;top:50%;transform:translateY(-50%);width:8px;height:2px;background:#7260F7}
.PostView .ContentBody details[open] summary::before{background:#7260F7}
.PostView .AuthorBlock{background:linear-gradient(135deg,#0e477e14 0%,#7260f714 100%);border-radius:20px;padding:48px;margin:96px 0 0;border:1px solid #7260f726}
.PostView .AuthorLabel{font-size:16px;color:#fefffc80;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}
.PostView .AuthorName{font-size:28px;line-height:1.55;color:#FEFFFC;margin:0;font-weight:700}
.PostView .WaveDivider{position:relative;width:100%;height:48px;margin:96px 0}
.PostView .WaveDivider svg{position:absolute;width:100%;height:100%}
@media (max-width: 1024px) {
.PostView .ArticleHero{padding:48px 24px}
.PostView .ArticleTitle{font-size:56px}
.PostView .ArticleSubtitle{font-size:18px}
.PostView .ContentBody{padding:48px}
.PostView .ContentBody h2{font-size:28px;margin:48px 0 24px}
.PostView .ArticleImage{height:480px}
}
@media (max-width: 640px) {
.PostView{padding:48px 0}
.PostView .MetaGrid{grid-template-columns:1fr}
.PostView .ArticleTitle{font-size:28px}
.PostView .ArticleSubtitle{font-size:16px}
.PostView .ContentBody{padding:24px;border-radius:20px}
.PostView .ContentBody h2{font-size:18px}
.PostView .ContentBody h3{font-size:18px}
.PostView .FeaturedVisual{padding:24px}
.PostView .ArticleImage{height:320px}
.PostView .AuthorBlock{padding:24px}
}
.HomeBudget{background:#000;color:#FEFFFC;max-width:1600px;margin:0 auto}
.HomeBudget .HeroBlock{position:relative;padding:96px 24px 48px;overflow:hidden;background:linear-gradient(to bottom,#7260F7 0%,transparent 100%)}
.HomeBudget .HeroBlock::before{content:'1';position:absolute;top:-48px;right:24px;font-size:320px;line-height:1;color:#7260f714;font-weight:700;pointer-events:none}
.HomeBudget .HeroInner{position:relative;z-index:2}
.HomeBudget .HeroTitle{font-size:72px;line-height:1.2;margin:0 0 24px;max-width:920px}
.HomeBudget .HeroTitle .Highlight{color:#0E477E;background:#FEFFFC;padding:0 8px;display:inline-block}
.HomeBudget .HeroImage{width:100%;max-width:680px;height:380px;object-fit:cover;object-position:center;border-radius:20px;margin:48px 0 0;filter:sepia(0.2) saturate(0.8) brightness(0.9);box-shadow:0 8px 52px 0 #7260f71f}
.HomeBudget .WaveIntro{padding:96px 24px;background:#000}
.HomeBudget .WaveGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1200px;margin:0 auto}
.HomeBudget .WaveItem{background:linear-gradient(135deg,#7260f70a 0%,#0e477e05 100%);padding:24px;border-radius:20px;border:1px solid #7260f726;opacity:0;animation:waveIn .15s ease-out forwards}
.HomeBudget .WaveItem:nth-child(1){animation-delay:.05s}
.HomeBudget .WaveItem:nth-child(2){animation-delay:.1s}
.HomeBudget .WaveItem:nth-child(3){animation-delay:.15s}
.HomeBudget .WaveItem:nth-child(4){animation-delay:.2s}
@keyframes waveIn {
from{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:translateY(0)}
}
.HomeBudget .WaveItem h3{font-size:28px;line-height:1.2;margin:0 0 8px;color:#FEFFFC}
.HomeBudget .WaveItem p{font-size:16px;line-height:1.55;margin:0;color:#fefffcd9}
.HomeBudget .FeatureTimeline{padding:96px 24px;background:linear-gradient(135deg,#0e477e14 0%,#7260f708 100%)}
.HomeBudget .TimelineTitle{font-size:56px;line-height:1.2;margin:0 0 48px;text-align:center}
.HomeBudget .TimelineWrap{position:relative;max-width:1000px;margin:0 auto}
.HomeBudget .TimelineWrap::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#7260F7 0%,#0E477E 100%);transform:translateX(-1px)}
.HomeBudget .TimelineEntry{position:relative;margin:0 0 48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.HomeBudget .TimelineEntry:nth-child(odd) .TimelineContent{grid-column:1;text-align:right}
.HomeBudget .TimelineEntry:nth-child(odd) .TimelineVisual{grid-column:2}
.HomeBudget .TimelineEntry:nth-child(even) .TimelineContent{grid-column:2;text-align:left}
.HomeBudget .TimelineEntry:nth-child(even) .TimelineVisual{grid-column:1}
.HomeBudget .TimelineEntry::after{content:'';position:absolute;left:50%;top:50%;width:16px;height:16px;background:#7260F7;border:3px solid #000;border-radius:48px;transform:translate(-50%,-50%);box-shadow:0 2px 5px 0 #7260f70f}
.HomeBudget .TimelineContent h4{font-size:28px;line-height:1.2;margin:0 0 8px;color:#FEFFFC}
.HomeBudget .TimelineContent p{font-size:16px;line-height:1.55;margin:0;color:#fefffcd9}
.HomeBudget .TimelineVisual img{width:100%;height:220px;object-fit:cover;object-position:center;border-radius:7px;border:2px solid #7260F7;box-shadow:0 7px 20px 0 #7260f714}
.HomeBudget .DashedService{padding:96px 24px;background:#000}
.HomeBudget .DashedInner{max-width:920px;margin:0 auto;padding:48px;border:3px dashed #7260F7;border-radius:20px;background:linear-gradient(135deg,#7260f705 0%,#0e477e0a 100%)}
.HomeBudget .DashedInner h2{font-size:56px;line-height:1.2;margin:0 0 24px;color:#FEFFFC}
.HomeBudget .DashedInner p{font-size:18px;line-height:1.55;margin:0 0 24px;color:#fefffce6}
.HomeBudget .DashedInner p:last-of-type{margin:0}
.HomeBudget .MetricDisplay{padding:96px 24px;background:linear-gradient(135deg,#7260f70f 0%,#0e477e05 100%)}
.HomeBudget .MetricGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;max-width:1200px;margin:0 auto}
.HomeBudget .MetricCard{background:#0009;padding:48px 24px;border-radius:48px;border:1px solid #7260f733;text-align:center;box-shadow:0 7px 20px 0 #0e477e14;transition:transform .15s ease-out,box-shadow .15s ease-out}
.HomeBudget .MetricCard:hover{transform:translateY(-8px);box-shadow:0 8px 52px 0 #7260f71f}
.HomeBudget .MetricNumber{font-size:72px;line-height:1.2;margin:0 0 8px;background:linear-gradient(135deg,#7260F7 0%,#0E477E 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
.HomeBudget .MetricLabel{font-size:28px;line-height:1.2;margin:0;color:#FEFFFC}
.HomeBudget .ApproachSection{padding:96px 24px;background:#000}
.HomeBudget .ApproachWrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1200px;margin:0 auto;align-items:start}
.HomeBudget .ApproachContent h2{font-size:56px;line-height:1.2;margin:0 0 24px;color:#FEFFFC}
.HomeBudget .ApproachContent p{font-size:18px;line-height:1.8;margin:0 0 24px;color:#fefffcd9}
.HomeBudget .ApproachList{list-style:none;padding:0;margin:24px 0 0}
.HomeBudget .ApproachList li{font-size:16px;line-height:1.55;margin:0 0 8px;padding:0 0 0 32px;position:relative;color:#fefffcd9}
.HomeBudget .ApproachList li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#7260F7;transform:rotate(45deg)}
.HomeBudget .ApproachVisual img{width:100%;height:480px;object-fit:cover;object-position:top;border-radius:20px;border:3px solid #0E477E;box-shadow:0 8px 52px 0 #0e477e1f}
.HomeBudget .CtaBlock{padding:96px 24px;background:linear-gradient(135deg,#0e477e1a 0%,#7260f70d 100%);text-align:center;position:relative}
.HomeBudget .CtaDivider{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 48px}
.HomeBudget .CtaDivider::before,.HomeBudget .CtaDivider::after{content:'';width:80px;height:2px;background:#7260F7}
.HomeBudget .CtaDivider span{width:12px;height:12px;background:#0E477E;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.HomeBudget .CtaBlock h2{font-size:56px;line-height:1.2;margin:0 0 24px;color:#FEFFFC}
.HomeBudget .CtaBlock p{font-size:18px;line-height:1.55;margin:0 0 48px;max-width:720px;margin-left:auto;margin-right:auto;color:#fefffce6}
.HomeBudget .CtaBtn{display:inline-flex;align-items:center;gap:8px;padding:24px 48px;background:linear-gradient(135deg,#7260F7 0%,#0E477E 100%);color:#FEFFFC;text-decoration:none;font-size:18px;line-height:1.2;border-radius:7px;box-shadow:0 7px 20px 0 #7260f714;transition:transform .12s ease,box-shadow .12s ease;position:relative;overflow:hidden}
.HomeBudget .CtaBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#fefffc1a 0%,#fefffc0d 100%);transition:left .18s ease-out}
.HomeBudget .CtaBtn:hover::before{left:100%}
.HomeBudget .CtaBtn:hover{transform:translateY(-2px);box-shadow:0 8px 52px 0 #7260f71f}
@media (max-width: 1024px) {
.HomeBudget .HeroTitle{font-size:56px}
.HomeBudget .TimelineTitle,.HomeBudget .DashedInner h2,.HomeBudget .ApproachContent h2,.HomeBudget .CtaBlock h2{font-size:28px}
.HomeBudget .MetricNumber{font-size:56px}
.HomeBudget .TimelineWrap::before{left:24px}
.HomeBudget .TimelineEntry{grid-template-columns:1fr;gap:24px;padding:0 0 0 48px}
.HomeBudget .TimelineEntry:nth-child(odd) .TimelineContent,.HomeBudget .TimelineEntry:nth-child(even) .TimelineContent{grid-column:1;text-align:left}
.HomeBudget .TimelineEntry:nth-child(odd) .TimelineVisual,.HomeBudget .TimelineEntry:nth-child(even) .TimelineVisual{grid-column:1}
.HomeBudget .TimelineEntry::after{left:24px}
.HomeBudget .ApproachWrap{grid-template-columns:1fr;gap:24px}
.HomeBudget .MetricGrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 640px) {
.HomeBudget .HeroBlock{padding:48px 24px 24px}
.HomeBudget .HeroTitle{font-size:28px}
.HomeBudget .HeroImage{height:240px;margin:24px 0 0}
.HomeBudget .WaveIntro,.HomeBudget .FeatureTimeline,.HomeBudget .DashedService,.HomeBudget .MetricDisplay,.HomeBudget .ApproachSection,.HomeBudget .CtaBlock{padding:48px 24px}
.HomeBudget .WaveGrid{grid-template-columns:1fr}
.HomeBudget .DashedInner{padding:24px}
.HomeBudget .TimelineVisual img{height:180px}
.HomeBudget .ApproachVisual img{height:320px}
.HomeBudget .CtaBtn{padding:24px;font-size:16px}
}
.AboutMain{background:#0a0a0a;color:#FEFFFC;min-height:100vh}
.AboutMain .HeroZone{position:relative;overflow:hidden;background:#0a0a0a;padding:96px 24px}
.AboutMain .noiseCanvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' /%3E%3C/svg%3E")}
.AboutMain .stripePattern{position:absolute;top:0;right:0;width:60%;height:100%;opacity:.02;pointer-events:none;background:repeating-linear-gradient(45deg,transparent,transparent 48px,#7260F7 48px,#7260F7 50px)}
.AboutMain .HeroLayout{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;position:relative}
.AboutMain .TextZone{padding:48px 48px 48px 24px}
.AboutMain .PageTitle{font-size:72px;line-height:1.2;margin:0 0 24px;font-weight:700;letter-spacing:-.02em}
.AboutMain .HeroDesc{font-size:18px;line-height:1.55;margin:0;color:#fefffcc7;max-width:520px}
.AboutMain .ImageZone{padding:24px;position:relative}
.AboutMain .heroVisual{width:100%;height:480px;object-fit:cover;border-radius:20px;position:relative;filter:saturate(0.7);transition:filter .15s ease-out}
.AboutMain .heroVisual:hover{filter:saturate(1)}
.AboutMain .ImageZone::before{content:'';position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,#0a0a0a99 0%,transparent 100%);pointer-events:none;border-radius:20px;z-index:1}
.AboutMain .VerticalSplit{position:absolute;left:50%;top:10%;bottom:10%;width:2px;background:linear-gradient(180deg,transparent,#7260F7 30%,#0E477E 70%,transparent);opacity:.4}
.AboutMain .MissionArea{background:#111;padding:96px 24px;position:relative}
.AboutMain .MissionWrap{max-width:1600px;margin:0 auto}
.AboutMain .SectionLabel{font-size:16px;line-height:1.55;text-transform:uppercase;letter-spacing:.15em;color:#7260F7;margin:0 0 48px}
.AboutMain .MissionGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.AboutMain .MissionCard{background:#7260f70a;padding:48px;border-radius:20px;border:1px solid #7260f71f;position:relative;transition:transform .12s ease,box-shadow .12s ease}
.AboutMain .MissionCard:hover{transform:translateY(-4px);box-shadow:0 8px 52px 0 #7260f71f}
.AboutMain .MissionCard.shakeFocus:focus-visible{animation:shakeEffect .2s ease!important;outline:2px solid #7260F7!important;outline-offset:4px!important}
@keyframes shakeEffect {
0%,100%{transform:translateX(0)}
25%{transform:translateX(-4px)}
75%{transform:translateX(4px)}
}
.AboutMain .cardMarker{position:absolute;top:48px;right:48px;width:8px;height:8px;background:#7260F7;border-radius:50%}
.AboutMain .CardHead{font-size:28px;line-height:1.2;margin:0 0 24px;font-weight:600}
.AboutMain .CardText{font-size:16px;line-height:1.8;margin:0;color:#fefffcd1}
.AboutMain .StatsMetric{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin:48px 0 0}
.AboutMain .MetricBox{background:#0e477e14;padding:24px;border-radius:7px;text-align:center;position:relative;overflow:hidden}
.AboutMain .MetricBox::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#7260f71a,transparent);transition:left .18s ease-out}
.AboutMain .MetricBox:hover::before{left:100%}
.AboutMain .BigNum{font-size:56px;line-height:1.2;font-weight:700;margin:0 0 8px;color:#7260F7}
.AboutMain .MetricLabel{font-size:16px;line-height:1.55;margin:0;color:#fefffcb8}
.AboutMain .TeamSection{background:linear-gradient(135deg,#0a0a0aff 0%,#7260f708 30%,#0e477e0d 70%,#0a0a0aff 100%);padding:96px 24px;position:relative;overflow:hidden}
.AboutMain .meshGrad{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,#7260f714 0%,transparent 40%),radial-gradient(circle at 80% 70%,#0e477e0f 0%,transparent 40%),radial-gradient(circle at 50% 50%,#7260f70a 0%,transparent 60%);pointer-events:none}
.AboutMain .TeamWrap{max-width:1600px;margin:0 auto;position:relative}
.AboutMain .TeamHead{font-size:56px;line-height:1.2;margin:0 0 24px;font-weight:700}
.AboutMain .TeamIntro{font-size:18px;line-height:1.55;margin:0 0 48px;color:#fefffcc7;max-width:780px}
.AboutMain .TeamLayout{display:grid;grid-template-columns:1fr 0.8fr 1fr;gap:48px}
.AboutMain .TeamMember{position:relative;transition:transform .15s ease}
.AboutMain .TeamMember:nth-child(2){transform:translateY(48px)}
.AboutMain .TeamMember:hover{transform:translateY(-8px)}
.AboutMain .TeamMember:nth-child(2):hover{transform:translateY(40px)}
.AboutMain .MemberPhoto{width:100%;height:360px;object-fit:cover;border-radius:20px;margin:0 0 24px;filter:saturate(0.65);transition:filter .14s ease}
.AboutMain .TeamMember:hover .MemberPhoto{filter:saturate(1)}
.AboutMain .MemberName{font-size:28px;line-height:1.2;margin:0 0 8px;font-weight:600;position:relative;display:inline-block}
.AboutMain .MemberName::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#7260F7,#0E477E);transition:width .16s ease-out}
.AboutMain .TeamMember:hover .MemberName::after{width:100%}
.AboutMain .MemberRole{font-size:16px;line-height:1.55;margin:0;color:#fefffcad}
.AboutMain .shortDivide{text-align:center;margin:96px 0}
.AboutMain .divLine{display:inline-block;width:96px;height:1px;background:#7260f74d;position:relative}
.AboutMain .divLine::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#7260F7;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
@media (max-width: 1024px) {
.AboutMain .HeroLayout{grid-template-columns:1fr;gap:48px}
.AboutMain .VerticalSplit{display:none}
.AboutMain .TextZone,.AboutMain .ImageZone{padding:24px}
.AboutMain .PageTitle{font-size:56px}
.AboutMain .MissionGrid{grid-template-columns:1fr}
.AboutMain .TeamLayout{grid-template-columns:1fr;gap:48px}
.AboutMain .TeamMember:nth-child(2){transform:translateY(0)}
.AboutMain .TeamMember:nth-child(2):hover{transform:translateY(-8px)}
.AboutMain .StatsMetric{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.AboutMain .HeroZone,.AboutMain .MissionArea,.AboutMain .TeamSection{padding:48px 24px}
.AboutMain .PageTitle{font-size:42px}
.AboutMain .TeamHead{font-size:42px}
.AboutMain .CardHead,.AboutMain .MemberName{font-size:24px}
.AboutMain .BigNum{font-size:42px}
.AboutMain .MissionCard{padding:24px}
.AboutMain .cardMarker{top:24px;right:24px}
.AboutMain .heroVisual,.AboutMain .MemberPhoto{height:280px}
}
.AboutMain ::selection{background:#7260F7;color:#0a0a0a}
.ProgramPage{background:#000;color:#FEFFFC;min-height:100vh}
.ProgramPage .HeroWrap{max-width:1600px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:48px;align-items:center}
.ProgramPage .ImageZone{position:relative;padding:96px 48px}
.ProgramPage .ImageZone img{width:100%;height:580px;object-fit:cover;border-radius:20px;display:block;border:2px solid #7260f74d}
.ProgramPage .ImageZone::after{content:'';position:absolute;top:96px;left:48px;right:48px;bottom:96px;background:repeating-linear-gradient(0deg,#7260f708 0px,#7260f708 2px,transparent 2px,transparent 4px);pointer-events:none;border-radius:20px}
.ProgramPage .TextZone{padding:24px 48px 24px 24px}
.ProgramPage .HeroHeading{font-size:72px;line-height:1.2;margin:0 0 24px;display:flex;align-items:center;gap:24px}
.ProgramPage .CounterBadge{background:linear-gradient(135deg,#7260F7 0%,#0E477E 100%);color:#FEFFFC;font-size:28px;line-height:1.2;padding:8px 24px;border-radius:48px;font-weight:600;box-shadow:0 7px 20px 0 #7260f714}
.ProgramPage .HeroText{font-size:18px;line-height:1.55;margin:0;color:#fefffcd9}
.ProgramPage .GridMosaic{max-width:1600px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ProgramPage .MosaicCard{background:#0a0a0a;border-radius:20px;padding:48px;position:relative;overflow:hidden;box-shadow:0 2px 5px 0 #0e477e0f;transition:transform .15s ease-out,box-shadow .15s ease-out}
.ProgramPage .MosaicCard:hover{transform:translateY(-4px);box-shadow:0 8px 52px 0 #0e477e1f}
.ProgramPage .DoubleCard{grid-column:span 2}
.ProgramPage .CardIcon{width:56px;height:56px;border-radius:7px;background:linear-gradient(135deg,#7260f726 0%,#0e477e26 100%);display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ProgramPage .CardIcon svg{width:28px;height:28px;fill:#7260F7}
.ProgramPage .CardTitle{font-size:28px;line-height:1.2;margin:0 0 24px;color:#FEFFFC}
.ProgramPage .CardText{font-size:16px;line-height:1.8;margin:0;color:#fefffcbf}
.ProgramPage .StageLayout{background:linear-gradient(180deg,#000 0%,#0a0a0a 50%,#000 100%);padding:96px 24px}
.ProgramPage .StageInner{max-width:1600px;margin:0 auto}
.ProgramPage .StageHeading{font-size:56px;line-height:1.2;margin:0 0 48px;text-align:center;position:relative;display:inline-block;width:100%}
.ProgramPage .StageHeading::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:120px;height:3px;background:linear-gradient(90deg,#7260F7 0%,#0E477E 100%);animation:slideIn .6s ease-out}
@keyframes slideIn {
from{width:0}
to{width:120px}
}
.ProgramPage .PhaseGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;margin-top:48px}
.ProgramPage .PhaseItem{display:flex;gap:24px}
.ProgramPage .PhaseNumber{flex-shrink:0;width:56px;height:56px;border-radius:48px;background:#7260F7;color:#000;font-size:28px;line-height:1.2;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 7px 20px 0 #7260f714 inset 0 2px 4px 0 #fefffc33}
.ProgramPage .PhaseContent h3{font-size:28px;line-height:1.2;margin:0 0 8px;color:#FEFFFC}
.ProgramPage .PhaseContent p{font-size:16px;line-height:1.8;margin:0;color:#fefffcbf}
.ProgramPage .MetricsBar{background:#0a0a0a;padding:96px 24px;position:relative;overflow:hidden}
.ProgramPage .ZigzagTop{position:absolute;top:0;left:0;width:100%;height:24px;background:#000;clip-path:polygon(0 0,0 100%,2% 60%,4% 100%,6% 60%,8% 100%,10% 60%,12% 100%,14% 60%,16% 100%,18% 60%,20% 100%,22% 60%,24% 100%,26% 60%,28% 100%,30% 60%,32% 100%,34% 60%,36% 100%,38% 60%,40% 100%,42% 60%,44% 100%,46% 60%,48% 100%,50% 60%,52% 100%,54% 60%,56% 100%,58% 60%,60% 100%,62% 60%,64% 100%,66% 60%,68% 100%,70% 60%,72% 100%,74% 60%,76% 100%,78% 60%,80% 100%,82% 60%,84% 100%,86% 60%,88% 100%,90% 60%,92% 100%,94% 60%,96% 100%,98% 60%,100% 100%,100% 0)}
.ProgramPage .MetricsInner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.ProgramPage .MetricBox{background:linear-gradient(135deg,#7260f714 0%,#0e477e14 100%);border-radius:20px;padding:48px;position:relative;box-shadow:inset 0 -2px 8px 0 #7260f726}
.ProgramPage .MetricValue{font-size:72px;line-height:1.2;margin:0 0 8px;background:linear-gradient(135deg,#7260F7 0%,#0E477E 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
.ProgramPage .MetricLabel{font-size:18px;line-height:1.55;margin:0;color:#fefffcd9}
@media (max-width: 1024px) {
.ProgramPage .HeroWrap{grid-template-columns:1fr;padding:48px 24px}
.ProgramPage .ImageZone{padding:48px 24px}
.ProgramPage .ImageZone img{height:420px}
.ProgramPage .ImageZone::after{top:48px;left:24px;right:24px;bottom:48px}
.ProgramPage .HeroHeading{font-size:56px;flex-direction:column;align-items:flex-start}
.ProgramPage .GridMosaic{grid-template-columns:1fr;padding:48px 24px}
.ProgramPage .DoubleCard{grid-column:span 1}
.ProgramPage .PhaseGrid{grid-template-columns:1fr;gap:24px}
.ProgramPage .MetricsInner{grid-template-columns:1fr;gap:24px}
.ProgramPage .StageHeading{font-size:42px}
}
@media (max-width: 640px) {
.ProgramPage .HeroWrap{padding:24px}
.ProgramPage .ImageZone{padding:24px 8px}
.ProgramPage .ImageZone img{height:320px}
.ProgramPage .ImageZone::after{top:24px;left:8px;right:8px;bottom:24px}
.ProgramPage .TextZone{padding:24px 8px}
.ProgramPage .HeroHeading{font-size:42px}
.ProgramPage .CounterBadge{font-size:18px}
.ProgramPage .GridMosaic{padding:24px}
.ProgramPage .MosaicCard{padding:24px}
.ProgramPage .CardTitle{font-size:24px}
.ProgramPage .StageLayout{padding:48px 24px}
.ProgramPage .StageHeading{font-size:32px}
.ProgramPage .PhaseNumber{width:48px;height:48px;font-size:24px}
.ProgramPage .PhaseContent h3{font-size:24px}
.ProgramPage .MetricsBar{padding:48px 24px}
.ProgramPage .MetricBox{padding:24px}
.ProgramPage .MetricValue{font-size:56px}
}
.ServicesMain{background:#0a0a0a;color:#FEFFFC;min-height:100vh}
.ServicesMain .TopHero{max-width:1600px;margin:0 auto;padding:96px 48px;display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;position:relative;overflow:hidden}
.ServicesMain .TopHero::before{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:#7260f714;top:-120px;right:-80px;pointer-events:none}
.ServicesMain .TopHero::after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:#0e477e0f;bottom:-90px;right:140px;pointer-events:none}
.ServicesMain .TextZone-left{padding:48px 24px 48px 0}
.ServicesMain .TextZone-left h1{font-size:56px;line-height:1.2;margin:0 0 24px;color:#FEFFFC}
.ServicesMain .TextZone-left p{font-size:18px;line-height:1.55;margin:0 0 24px;color:#fefffcd9}
.ServicesMain .LinkAction{display:inline-flex;align-items:center;gap:8px;font-size:16px;color:#7260F7;text-decoration:none;transition:color .15s ease-out}
.ServicesMain .LinkAction:hover{color:#8a7af8}
.ServicesMain .ImgZone-right{padding:24px 0 24px 48px}
.ServicesMain .ImgZone-right img{width:100%;height:480px;object-fit:cover;border-radius:20px;box-shadow:0 8px 52px 0 #7260f71f}
.ServicesMain .Divider1{width:100%;height:96px;background:linear-gradient(135deg,#7260F7 0%,#0E477E 100%)}
.ServicesMain .OfferGrid{max-width:1600px;margin:0 auto;padding:96px 48px;background:#0a0a0a}
.ServicesMain .OfferGrid h2{font-size:56px;line-height:1.2;margin:0 0 48px;color:#FEFFFC;text-align:left}
.ServicesMain .GridCards{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.ServicesMain .CardOffer{background:#121212;padding:48px;border-radius:20px;box-shadow:0 7px 20px 0 #0e477e14;position:relative;transition:transform .12s ease-out,box-shadow .12s ease-out}
.ServicesMain .CardOffer:hover{transform:translateY(-4px);box-shadow:0 8px 52px 0 #7260f71f}
.ServicesMain .CardOffer h3{font-size:28px;line-height:1.2;margin:0 0 24px;color:#FEFFFC;position:relative;display:inline-block}
.ServicesMain .CardOffer h3::after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:2px;background:linear-gradient(90deg,#7260F7,#0E477E);transition:width .18s ease}
.ServicesMain .CardOffer:hover h3::after{width:100%}
.ServicesMain .CardOffer p{font-size:16px;line-height:1.55;margin:0;color:#fefffcbf}
.ServicesMain .CompareBlock{max-width:1600px;margin:0 auto;padding:96px 48px;background:#0f0f0f;position:relative}
.ServicesMain .CompareBlock::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/media_archive/container-1-251112.jpg) center/cover;opacity:.08;filter:blur(24px);pointer-events:none}
.ServicesMain .CompareBlock h2{font-size:56px;line-height:1.2;margin:0 0 48px;color:#FEFFFC;text-align:left;position:relative;z-index:1}
.ServicesMain .CompareWrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:1}
.ServicesMain .OptionBox{background:#1a1a1a;padding:48px 24px;border-radius:20px;text-align:center;transition:background .15s ease-out,transform .12s ease;box-shadow:0 2px 5px 0 #7260f70f}
.ServicesMain .OptionBox.recommended{background:linear-gradient(135deg,#7260f726,#0e477e1a);transform:scale(1.04);box-shadow:0 8px 52px 0 #7260f71f}
.ServicesMain .OptionBox h3{font-size:28px;line-height:1.2;margin:0 0 8px;color:#FEFFFC}
.ServicesMain .OptionBox .Label{display:inline-block;padding:8px 24px;background:#7260f733;color:#7260F7;font-size:16px;border-radius:48px;margin:0 0 24px}
.ServicesMain .OptionBox p{font-size:16px;line-height:1.55;margin:0;color:#fefffcbf}
.ServicesMain .OptionBox:hover:not(.recommended){background:#222}
.ServicesMain .ProcessSection{max-width:1600px;margin:0 auto;padding:96px 48px;display:grid;grid-template-columns:1.3fr 1fr;gap:96px;align-items:start}
.ServicesMain .ProcessContent{padding:24px 0}
.ServicesMain .ProcessContent h2{font-size:56px;line-height:1.2;margin:0 0 48px;color:#FEFFFC}
.ServicesMain .StepItem{margin:0 0 48px;display:flex;gap:24px}
.ServicesMain .StepNum{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:#7260F7;background:#7260f71f;border-radius:7px}
.ServicesMain .StepText h3{font-size:28px;line-height:1.2;margin:0 0 8px;color:#FEFFFC}
.ServicesMain .StepText p{font-size:16px;line-height:1.55;margin:0;color:#fefffcbf}
.ServicesMain .ProcessImage{position:sticky;top:96px}
.ServicesMain .ProcessImage img{width:100%;height:640px;object-fit:cover;border-radius:20px;box-shadow:0 7px 20px 0 #0e477e14}
@media (max-width: 1024px) {
.ServicesMain .TopHero{grid-template-columns:1fr;padding:48px 24px}
.ServicesMain .ImgZone-right{padding:24px 0}
.ServicesMain .ImgZone-right img{height:360px}
.ServicesMain .OfferGrid,.ServicesMain .CompareBlock,.ServicesMain .ProcessSection{padding:48px 24px}
.ServicesMain .GridCards{grid-template-columns:1fr;gap:24px}
.ServicesMain .CompareWrapper{grid-template-columns:1fr}
.ServicesMain .OptionBox.recommended{transform:scale(1)}
.ServicesMain .ProcessSection{grid-template-columns:1fr;gap:48px}
.ServicesMain .ProcessImage{position:static}
.ServicesMain .TopHero h1,.ServicesMain .OfferGrid h2,.ServicesMain .CompareBlock h2,.ServicesMain .ProcessContent h2{font-size:28px}
.ServicesMain .CardOffer h3,.ServicesMain .OptionBox h3,.ServicesMain .StepText h3,.ServicesMain .StepNum{font-size:18px}
}
@media (max-width: 640px) {
.ServicesMain .TopHero,.ServicesMain .OfferGrid,.ServicesMain .CompareBlock,.ServicesMain .ProcessSection{padding:48px 24px}
.ServicesMain .CardOffer{padding:24px}
.ServicesMain .ProcessImage img{height:320px}
}
.ServicesMain .CharHover{display:inline-block;transition:color .1s ease}
.ServicesMain .LinkAction:hover .CharHover:nth-child(1){color:#8a7af8;transition-delay:0s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(2){color:#8a7af8;transition-delay:.02s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(3){color:#8a7af8;transition-delay:.04s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(4){color:#8a7af8;transition-delay:.06s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(5){color:#8a7af8;transition-delay:.08s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(6){color:#8a7af8;transition-delay:.1s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(7){color:#8a7af8;transition-delay:.12s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(8){color:#8a7af8;transition-delay:.14s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(9){color:#8a7af8;transition-delay:.16s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(10){color:#8a7af8;transition-delay:.18s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(11){color:#8a7af8;transition-delay:.2s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(12){color:#8a7af8;transition-delay:.22s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(13){color:#8a7af8;transition-delay:.24s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(14){color:#8a7af8;transition-delay:.26s}
.ServicesMain .LinkAction:hover .CharHover:nth-child(15){color:#8a7af8;transition-delay:.28s}
.journalPage{background:#0a0a0a;color:#FEFFFC;min-height:100vh;padding:0;margin:0;max-width:100%;overflow-x:hidden}
.journalPage .IntroRow{max-width:1600px;margin:0 auto;padding:96px 48px;position:relative}
.journalPage .IntroRow::before{content:'';position:absolute;top:0;left:10%;width:400px;height:400px;background:radial-gradient(circle at top left,#7260f714,transparent 70%);pointer-events:none;z-index:0}
.journalPage .IntroContent{position:relative;z-index:1}
.journalPage .IntroTitle{font-size:72px;line-height:1.2;margin:0 0 24px;max-width:900px}
.journalPage .IntroSub{font-size:28px;line-height:1.55;margin:0;max-width:700px;color:#fefffcbf}
.journalPage .PostGrid{max-width:1600px;margin:0 auto;padding:96px 48px;display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.journalPage .CardPost{background:#121212;border-radius:20px;overflow:hidden;box-shadow:0 7px 20px 0 #7260f714;transition:transform .15s ease-out,box-shadow .15s ease-out;display:flex;flex-direction:column}
.journalPage .CardPost:hover{transform:translateY(-4px);box-shadow:0 8px 52px 0 #7260f71f}
.journalPage .PostImgWrap{width:100%;height:280px;overflow:hidden;background:#1a1a1a;position:relative}
.journalPage .PostImgWrap img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .2s ease}
.journalPage .CardPost:hover .PostImgWrap img{transform:scale(1.05)}
.journalPage .PostContent{padding:48px;flex:1;display:flex;flex-direction:column}
.journalPage .PostMeta{display:flex;gap:24px;margin:0 0 24px;align-items:center;flex-wrap:wrap}
.journalPage .MetaItem{font-size:16px;color:#fefffc80;display:flex;align-items:center;gap:8px}
.journalPage .MetaDot{width:4px;height:4px;background:#fefffc4d;border-radius:50%}
.journalPage .PostTitle{font-size:28px;line-height:1.55;margin:0 0 24px}
.journalPage .PostTitle a{color:#FEFFFC;text-decoration:none;transition:color .12s ease-out}
.journalPage .PostTitle a:hover{color:#7260F7}
.journalPage .PostSubtitle{font-size:18px;line-height:1.55;margin:0 0 24px;color:#fefffca6}
.journalPage .PostDesc{font-size:16px;line-height:1.8;margin:0 0 24px;color:#fefffcb3;flex:1}
.journalPage .PostAuthor{font-size:16px;color:#fefffc99;display:flex;align-items:center;gap:8px;margin:24px 0 0;padding:24px 0 0;border-top:1px solid #fefffc1a}
.journalPage .AuthorIcon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.journalPage .InsightBlock{background:linear-gradient(135deg,#0E477E 0%,#121212 100%);padding:96px 48px;position:relative;overflow:hidden}
.journalPage .InsightBlock::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border:2px solid #7260f71a;border-radius:48px;transform:rotate(45deg);pointer-events:none}
.journalPage .InsightInner{max-width:1600px;margin:0 auto;position:relative;z-index:1}
.journalPage .InsightHead{font-size:56px;line-height:1.2;margin:0 0 48px;max-width:800px}
.journalPage .InsightGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.journalPage .InsightItem{background:#12121299;padding:48px;border-radius:20px;border:1px solid #fefffc14}
.journalPage .InsightLabel{font-size:18px;line-height:1.55;margin:0 0 8px;color:#fefffc99;text-transform:uppercase;letter-spacing:.05em}
.journalPage .InsightValue{font-size:56px;line-height:1.2;margin:0;background:linear-gradient(135deg,#7260F7 0%,#0E477E 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.journalPage .TextBlock{max-width:1600px;margin:0 auto;padding:96px 48px;display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}
.journalPage .TextZone{display:flex;flex-direction:column;gap:24px}
.journalPage .TextHead{font-size:56px;line-height:1.2;margin:0;position:relative;display:inline-block}
.journalPage .TextHead::after{content:'';position:absolute;bottom:-8px;left:0;width:120px;height:3px;background:linear-gradient(90deg,#7260F7 0%,transparent 100%)}
.journalPage .TextPara{font-size:18px;line-height:1.8;margin:0;color:#fefffcbf}
.journalPage .ImageZone{position:relative}
.journalPage .ImageZone img{width:100%;height:auto;border-radius:20px;box-shadow:0 8px 52px 0 #7260f71f;display:block}
.journalPage .DividerSection{max-width:1600px;margin:0 auto;padding:48px;display:flex;justify-content:center;align-items:center}
.journalPage .DividerLine{display:flex;align-items:center;gap:24px}
.journalPage .DividerLine::before,.journalPage .DividerLine::after{content:'';width:80px;height:1px;background:#fefffc33}
.journalPage .DividerCross{width:16px;height:16px;position:relative}
.journalPage .DividerCross::before,.journalPage .DividerCross::after{content:'';position:absolute;background:#7260F7}
.journalPage .DividerCross::before{width:16px;height:2px;top:7px;left:0}
.journalPage .DividerCross::after{width:2px;height:16px;top:0;left:7px}
@media (max-width: 1024px) {
.journalPage .IntroRow{padding:48px 24px}
.journalPage .IntroTitle{font-size:56px}
.journalPage .IntroSub{font-size:18px}
.journalPage .PostGrid{padding:48px 24px;gap:24px}
.journalPage .InsightBlock{padding:48px 24px}
.journalPage .InsightHead{font-size:28px}
.journalPage .InsightGrid{gap:24px}
.journalPage .InsightItem{padding:24px}
.journalPage .InsightValue{font-size:28px}
.journalPage .TextBlock{padding:48px 24px;gap:48px}
.journalPage .TextHead{font-size:28px}
.journalPage .TextPara{font-size:16px}
}
@media (max-width: 640px) {
.journalPage .IntroTitle{font-size:28px}
.journalPage .IntroSub{font-size:16px}
.journalPage .PostGrid{grid-template-columns:1fr;gap:24px}
.journalPage .PostContent{padding:24px}
.journalPage .PostTitle{font-size:18px}
.journalPage .PostSubtitle{font-size:16px}
.journalPage .InsightGrid{grid-template-columns:1fr}
.journalPage .TextBlock{grid-template-columns:1fr;gap:24px}
}
.ContactMain{background:#000;color:#FEFFFC;min-height:100vh}
.ContactMain .TopBand{position:relative;background:linear-gradient(to bottom,#7260F7 0%,#7260f766 40%,transparent 100%);padding:48px 24px;overflow:hidden}
.ContactMain .TopBand::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#7260F7}
.ContactMain .TopBand::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#0E477E}
.ContactMain .TopBandInner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;position:relative}
.ContactMain .HdrText{position:relative;z-index:2}
.ContactMain .HdrText h1{font-size:72px;line-height:1.2;margin:0 0 24px;letter-spacing:-.02em}
.ContactMain .HdrText p{font-size:18px;line-height:1.55;margin:0 0 8px;max-width:520px}
.ContactMain .ImgSection{position:relative;height:380px;border-radius:20px;overflow:hidden}
.ContactMain .ImgSection img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(0.7) contrast(1.1)}
.ContactMain .ImgSection::before{content:'';position:absolute;top:24px;left:24px;width:120px;height:120px;background:#7260f726;border-radius:48px;z-index:1}
.ContactMain .ImgSection::after{content:'';position:absolute;bottom:48px;right:48px;width:80px;height:80px;background:#0e477e33;border-radius:7px;z-index:1;transform:rotate(15deg)}
.ContactMain .FormWrapper{max-width:1600px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:96px}
.ContactMain .InfoColumn{position:relative}
.ContactMain .InfoColumn h2{font-size:56px;line-height:1.2;margin:0 0 48px;position:relative}
.ContactMain .InfoColumn h2::after{content:'';position:absolute;bottom:-24px;left:0;width:140px;height:4px;background:linear-gradient(90deg,#7260F7 0%,#0E477E 100%);border-radius:7px}
.ContactMain .ContactDetails{display:flex;flex-direction:column;gap:24px;margin-bottom:48px}
.ContactMain .DetailCard{padding:24px;background:#7260f70a;border-radius:20px;border:1px solid #7260f71a;transition:background .15s ease-out,border-color .15s ease-out}
.ContactMain .DetailCard:hover{background:#7260f714;border-color:#7260f733}
.ContactMain .DetailCard h3{font-size:18px;line-height:1.55;margin:0 0 8px;color:#7260F7;text-transform:uppercase;letter-spacing:.08em}
.ContactMain .DetailCard p{font-size:18px;line-height:1.55;margin:0}
.ContactMain .DetailCard a{color:#FEFFFC;text-decoration:none;transition:color .12s ease}
.ContactMain .DetailCard a:hover{color:#7260F7}
.ContactMain .ImgAccent{width:100%;height:340px;border-radius:20px;overflow:hidden;position:relative}
.ContactMain .ImgAccent img{width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(0.3) contrast(1.15)}
.ContactMain .ImgAccent::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#7260f733 0%,#0e477e26 100%);z-index:1}
.ContactMain .FormColumn form{display:flex;flex-direction:column;gap:24px}
.ContactMain .FormColumn h3{font-size:28px;line-height:1.2;margin:0 0 24px}
.ContactMain .InputGroup{display:flex;flex-direction:column;gap:8px}
.ContactMain .InputGroup label{font-size:16px;line-height:1.55;color:#7260F7;text-transform:uppercase;letter-spacing:.06em}
.ContactMain .InputGroup input[type="email"],.ContactMain .InputGroup textarea{padding:24px;background:#fefffc08;border:2px solid #7260f733;border-radius:7px;color:#FEFFFC;font-size:18px;line-height:1.55;transition:border-color .12s ease,background .12s ease}
.ContactMain .InputGroup input[type="email"]:focus,.ContactMain .InputGroup textarea:focus{outline:none;border-color:#7260F7;background:#7260f70f}
.ContactMain .InputGroup textarea{resize:vertical;min-height:140px}
.ContactMain .InputGroup input[type="email"]::placeholder,.ContactMain .InputGroup textarea::placeholder{color:#fefffc4d;text-overflow:ellipsis}
.ContactMain .CheckGroup{display:flex;flex-direction:column;gap:24px}
.ContactMain .CheckGroup h4{font-size:18px;line-height:1.55;margin:0;color:#7260F7;text-transform:uppercase;letter-spacing:.06em}
.ContactMain .OptionSet{display:flex;flex-direction:column;gap:8px}
.ContactMain .CheckOption{position:relative;display:flex;align-items:center;gap:24px;padding:24px;background:#fefffc05;border:1px solid #7260f726;border-radius:20px;cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out}
.ContactMain .CheckOption:hover{background:#7260f70d;border-color:#7260f74d}
.ContactMain .CheckOption input[type="checkbox"]{appearance:none;width:28px;height:28px;border:2px solid #7260F7;border-radius:7px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:background .12s ease,border-color .12s ease}
.ContactMain .CheckOption input[type="checkbox"]:checked{background:#7260F7;border-color:#7260F7}
.ContactMain .CheckOption input[type="checkbox"]:checked::after{content:'';position:absolute;top:4px;left:8px;width:6px;height:12px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ContactMain .CheckOption label{font-size:18px;line-height:1.55;cursor:pointer;margin:0}
.ContactMain .PrivacyCheck{display:flex;align-items:start;gap:24px;padding:24px;background:#0e477e1a;border:1px solid #0e477e4d;border-radius:20px}
.ContactMain .PrivacyCheck input[type="checkbox"]{appearance:none;width:28px;height:28px;border:2px solid #0E477E;border-radius:7px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;margin-top:2px;transition:background .12s ease,border-color .12s ease}
.ContactMain .PrivacyCheck input[type="checkbox"]:checked{background:#0E477E;border-color:#0E477E}
.ContactMain .PrivacyCheck input[type="checkbox"]:checked::after{content:'';position:absolute;top:4px;left:8px;width:6px;height:12px;border:solid #FEFFFC;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ContactMain .PrivacyCheck label{font-size:16px;line-height:1.55;cursor:pointer;margin:0}
.ContactMain .PrivacyCheck a{color:#7260F7;text-decoration:none;transition:color .1s ease}
.ContactMain .PrivacyCheck a:hover{color:#FEFFFC}
.ContactMain .SubmitBtn{padding:24px 48px;background:linear-gradient(135deg,#7260F7 0%,#0E477E 100%);border:none;border-radius:7px;color:#FEFFFC;font-size:18px;line-height:1.55;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;position:relative;overflow:hidden;transition:transform .12s ease;box-shadow:0 7px 20px 0 #7260f714}
.ContactMain .SubmitBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#fefffc33 0%,transparent 100%);transition:left .18s ease-out}
.ContactMain .SubmitBtn:hover::before{left:100%}
.ContactMain .SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 8px 52px 0 #7260f71f}
.ContactMain .SubmitBtn:active{transform:translateY(0)}
@media (max-width: 1024px) {
.ContactMain .TopBandInner{grid-template-columns:1fr;gap:48px}
.ContactMain .HdrText h1{font-size:56px}
.ContactMain .ImgSection{height:320px}
.ContactMain .FormWrapper{grid-template-columns:1fr;gap:48px;padding:48px 24px}
.ContactMain .InfoColumn h2{font-size:28px}
}
@media (max-width: 640px) {
.ContactMain .TopBand{padding:24px}
.ContactMain .HdrText h1{font-size:28px}
.ContactMain .HdrText p{font-size:16px}
.ContactMain .ImgSection{height:240px}
.ContactMain .FormWrapper{padding:48px 24px}
.ContactMain .InfoColumn h2{font-size:28px;margin-bottom:24px}
.ContactMain .InfoColumn h2::after{bottom:-8px;width:80px}
.ContactMain .ImgAccent{height:220px}
.ContactMain .FormColumn h3{font-size:18px}
.ContactMain .CheckOption,.ContactMain .PrivacyCheck{padding:24px}
.ContactMain .SubmitBtn{width:100%;padding:24px}
}
.ContactMain ::selection{background:#7260F7;color:#000}
.ConfirmZone{background:#000;color:#FEFFFC;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px}
.ConfirmZone .StatusWrap{max-width:1600px;width:100%;text-align:center}
.ConfirmZone .iconCircle{width:120px;height:120px;margin:0 auto 48px;background:linear-gradient(135deg,#7260f726 0%,#0e477e26 100%);border-radius:48px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 52px 0 #7260f71f}
.ConfirmZone .iconCircle::before{content:'';position:absolute;width:100%;height:100%;border:2px solid #7260F7;border-radius:48px;opacity:.4}
.ConfirmZone .checkMark{width:48px;height:48px;position:relative}
.ConfirmZone .checkMark::before,.ConfirmZone .checkMark::after{content:'';position:absolute;background:#7260F7;border-radius:7px}
.ConfirmZone .checkMark::before{width:6px;height:24px;bottom:12px;left:16px;transform:rotate(-45deg)}
.ConfirmZone .checkMark::after{width:6px;height:36px;bottom:6px;right:8px;transform:rotate(45deg)}
.ConfirmZone .MainHead{font-size:56px;line-height:1.2;margin:0 0 24px;letter-spacing:-.02em}
.ConfirmZone .DescTxt{font-size:18px;line-height:1.55;margin:0 auto 48px;max-width:640px;color:#fefffccc}
.ConfirmZone .DetailBox{background:linear-gradient(135deg,#7260f714 0%,#0e477e14 100%);border-radius:20px;padding:48px;margin:0 auto 48px;max-width:840px;border:1px solid #7260f733}
.ConfirmZone .DetailBox .InfoRow{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid #fefffc1a}
.ConfirmZone .DetailBox .InfoRow:last-child{border-bottom:none;padding-bottom:0}
.ConfirmZone .DetailBox .InfoRow:first-child{padding-top:0}
.ConfirmZone .DetailBox .lbl{font-size:16px;line-height:1.55;color:#fefffc99}
.ConfirmZone .DetailBox .val{font-size:18px;line-height:1.55;color:#FEFFFC;font-weight:600}
.ConfirmZone .ActionSet{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.ConfirmZone .btnPrimary,.ConfirmZone .btnSecond{padding:24px 48px;font-size:18px;line-height:1.2;border:none;border-radius:7px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease-out,box-shadow .15s ease-out;position:relative;overflow:hidden}
.ConfirmZone .btnPrimary{background:#7260F7;color:#FEFFFC;box-shadow:0 7px 20px 0 #7260f714}
.ConfirmZone .btnPrimary::before{content:'';position:absolute;top:-50%;left:-50%;width:0;height:200%;background:linear-gradient(135deg,#fff3 0%,transparent 100%);transform:skewX(-20deg);transition:width .18s ease,left .18s ease}
.ConfirmZone .btnPrimary:hover::before{width:200%;left:100%}
.ConfirmZone .btnPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 52px 0 #7260f71f}
.ConfirmZone .btnSecond{background:transparent;color:#FEFFFC;border:2px solid #fefffc33}
.ConfirmZone .btnSecond::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#0e477e26;transition:left .16s ease-out}
.ConfirmZone .btnSecond:hover::before{left:0}
.ConfirmZone .btnSecond:hover{border-color:#fefffc66}
.ConfirmZone .btnSecond span,.ConfirmZone .btnPrimary span{position:relative;z-index:1}
.ConfirmZone .arrowRight{width:18px;height:18px;position:relative;z-index:1}
.ConfirmZone .arrowRight::before,.ConfirmZone .arrowRight::after{content:'';position:absolute;background:currentColor;border-radius:7px}
.ConfirmZone .arrowRight::before{width:12px;height:2px;top:8px;left:0}
.ConfirmZone .arrowRight::after{width:8px;height:2px;top:8px;right:0;transform:rotate(45deg);transform-origin:right center}
@media (max-width: 1024px) {
.ConfirmZone .MainHead{font-size:28px}
.ConfirmZone .DescTxt{font-size:16px}
.ConfirmZone .DetailBox{padding:24px}
.ConfirmZone .iconCircle{width:96px;height:96px;margin-bottom:24px}
.ConfirmZone .checkMark{width:36px;height:36px}
.ConfirmZone .checkMark::before{height:18px;bottom:9px;left:12px}
.ConfirmZone .checkMark::after{height:27px;bottom:5px;right:6px}
}
@media (max-width: 640px) {
.ConfirmZone .DetailBox .InfoRow{flex-direction:column;align-items:flex-start;gap:8px}
.ConfirmZone .ActionSet{flex-direction:column}
.ConfirmZone .btnPrimary,.ConfirmZone .btnSecond{width:100%;justify-content:center}
}