@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto@latest/300.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto@latest/700.css";
body{font-family:'Roboto',sans-serif;word-break:break-word;overflow-wrap:anywhere;margin:0;background:#fff;color:#1a1a1a}
body:focus-within{outline:3px solid #41A7EB;outline-offset:4px}
.TopFrame{max-width:1280px;margin:32px auto;padding:0 32px}
.hdr__shell{background:linear-gradient(135deg,#E7EFF2 0%,#fff 100%);border-radius:24px;border:2px solid #41A7EB;box-shadow:0 5px 20px 1px #41a7eb1a;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:96px}
.brand__zone{background:#fff;border:3px solid #FA0074;border-radius:16px;padding:8px;box-shadow:0 2px 4px 1px #fa007412;display:flex;align-items:center}
.brand__img{width:88px;height:88px;object-fit:contain;display:block}
.nav__primary{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.nav__link{font-size:14px;font-weight:400;color:#1a1a1a;text-decoration:none;padding:8px 16px;border-radius:16px;background:#fff;border:2px solid transparent;transition:border-color .5s cubic-bezier(0.22,1,0.36,1),box-shadow .6s ease-in-out;line-height:1.45;min-height:44px;display:flex;align-items:center}
.nav__link:hover{border-color:#41A7EB;box-shadow:0 5px 20px 1px #41a7eb1a}
.nav__link:focus{outline:3px solid #FA0074;outline-offset:4px}
.status__pill{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(90deg,#41A7EB 0%,#FA0074 100%);border-radius:24px;font-size:14px;font-weight:700;color:#fff;line-height:1.2}
.status__dot{width:12px;height:12px;background:#fff;border-radius:24px;animation:pulseDot 1.8s ease-in-out infinite}
@keyframes pulseDot {
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.6;transform:scale(0.85)}
}
.ftr__wrap{background:#E7EFF2;margin-top:32px;padding:32px 0}
.ftr__content{max-width:1280px;margin:0 auto;padding:0 32px}
.ftr__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start;margin-bottom:32px}
.ftr__brand{display:flex;flex-direction:column;gap:16px}
.ftr__logo--container{background:#fff;border:2px solid #41A7EB;border-radius:16px;padding:8px;display:inline-flex;box-shadow:0 2px 4px 1px #41a7eb12;width:fit-content}
.ftr__logo{width:72px;height:72px;object-fit:contain;display:block}
.ftr__nav{display:flex;flex-direction:column;gap:8px}
.ftr__navTitle{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.2}
.ftr__navLink{font-size:14px;font-weight:400;color:#1a1a1a;text-decoration:none;padding:4px 0;transition:color .4s cubic-bezier(0.22,1,0.36,1);line-height:1.65}
.ftr__navLink:hover{color:#41A7EB}
.ftr__navLink:focus{outline:3px solid #FA0074;outline-offset:4px}
.ftr__contact{display:flex;flex-direction:column;gap:8px}
.contact__item{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.65;color:#1a1a1a}
.contact__icon{width:20px;height:20px;flex-shrink:0}
.contact__icon--marker{background:linear-gradient(135deg,#41A7EB 0%,#FA0074 100%);clip-path:polygon(50% 0%,100% 38%,82% 100%,50% 85%,18% 100%,0% 38%)}
.contact__icon--phone{background:#41A7EB;clip-path:polygon(20% 0%,80% 0%,100% 15%,100% 85%,80% 100%,20% 100%,0% 85%,0% 15%)}
.contact__icon--email{background:#FA0074;clip-path:polygon(0% 20%,50% 50%,100% 20%,100% 80%,0% 80%)}
.contact__icon--web{background:linear-gradient(90deg,#41A7EB 0%,#FA0074 100%);border-radius:2px}
.contact__link{color:#1a1a1a;text-decoration:none;transition:color .5s cubic-bezier(0.22,1,0.36,1)}
.contact__link:hover{color:#41A7EB}
.contact__link:focus{outline:3px solid #FA0074;outline-offset:4px}
.ftr__bottom{border-top:2px solid #fff;padding-top:16px;text-align:center}
.ftr__copy{font-size:14px;font-weight:300;color:#1a1a1a;line-height:1.45}
.consent__overlay{position:fixed;top:0;left:0;right:0;margin:32px auto;max-width:920px;background:#fff;border:2px solid #41A7EB;border-radius:16px;box-shadow:0 8px 36px 1px #41a7eb1a;padding:16px 32px;z-index:1500;display:none;transition:transform .38s cubic-bezier(0.22,1,0.36,1);transform:translateX(100%)}
.consent__overlay.up{display:block;transform:translateX(0)}
.consent__overlay.closing{transform:translateX(100%)}
.consent__main{display:block}
.consent__details{display:none}
.consent__header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.consent__title{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.2}
.consent__text{font-size:14px;line-height:1.65;color:#1a1a1a;margin-bottom:16px}
.consent__actions{display:flex;gap:8px;flex-wrap:wrap}
.consent__btn{font-family:'Roboto',sans-serif;font-size:14px;font-weight:700;padding:8px 16px;border-radius:16px;border:2px solid transparent;cursor:pointer;transition:box-shadow .6s ease-in-out,border-color .5s cubic-bezier(0.22,1,0.36,1);min-height:44px;min-width:120px}
.consent__btn--accept{background:linear-gradient(135deg,#41A7EB 0%,#FA0074 100%);color:#fff}
.consent__btn--accept:hover{box-shadow:0 8px 36px 1px #41a7eb1a}
.consent__btn--reject{background:#E7EFF2;color:#1a1a1a;border-color:#41A7EB}
.consent__btn--reject:hover{box-shadow:0 5px 20px 1px #fa00741a;border-color:#FA0074}
.consent__btn--settings{background:#fff;color:#1a1a1a;border-color:#41A7EB}
.consent__btn--settings:hover{box-shadow:0 5px 20px 1px #41a7eb1a}
.consent__btn:focus{outline:3px solid #FA0074;outline-offset:4px}
.consent__category{margin-bottom:16px;padding:16px;background:#E7EFF2;border-radius:16px}
.consent__categoryHeader{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}
.consent__categoryName{font-size:14px;font-weight:700;color:#1a1a1a;line-height:1.2}
.consent__categoryDesc{font-size:14px;line-height:1.65;color:#1a1a1a}
.consent__toggle{width:56px;height:28px;position:relative;display:inline-block}
.consent__checkbox{opacity:0;width:0;height:0}
.consent__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#fff;border:2px solid #41A7EB;border-radius:24px;transition:background .5s cubic-bezier(0.22,1,0.36,1)}
.consent__slider::before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background:#41A7EB;border-radius:24px;transition:transform .5s cubic-bezier(0.22,1,0.36,1)}
.consent__checkbox:checked + .consent__slider{background:linear-gradient(135deg,#41A7EB 0%,#FA0074 100%)}
.consent__checkbox:checked + .consent__slider::before{transform:translateX(28px);background:#fff}
.consent__checkbox:disabled + .consent__slider{opacity:.5;cursor:not-allowed}
.consent__back{margin-top:16px}
::selection{background:#1a1a1a;color:#fff}
@media (max-width: 992px) {
.TopFrame{padding:0 16px}
.hdr__shell{flex-direction:column;gap:16px;padding:16px}
.nav__primary{justify-content:center;width:100%}
.ftr__grid{grid-template-columns:1fr;gap:32px}
.ftr__content{padding:0 16px}
.consent__overlay{margin:16px;padding:16px}
.consent__actions{flex-direction:column}
.consent__btn{width:100%}
}
@media (max-width: 576px) {
.TopFrame{margin:16px auto}
.hdr__shell{border-radius:16px;padding:8px}
.brand__img{width:64px;height:64px}
.nav__primary{flex-direction:column;align-items:stretch}
.nav__link{justify-content:center}
.status__pill{justify-content:center}
.ftr__wrap{margin-top:16px;padding:16px 0}
.ftr__grid{gap:16px}
.consent__overlay{margin:8px;padding:8px 16px}
}
.policy-box{max-width:1280px;margin:0 auto;padding:32px 16px;background:#fff}
.policy-box p{font-size:14px;line-height:1.65;color:#24292f;margin:0 0 16px}
.policy-box p:last-child{margin-bottom:0}
.policy-box strong,.policy-box b{font-weight:600;color:#1f2328}
.policy-box a{color:#41A7EB;text-decoration:none;transition:color .5s cubic-bezier(0.22,1,0.36,1)}
.policy-box a:hover{color:#FA0074;text-decoration:underline}
.policy-box a:focus{outline:2px solid #41A7EB;outline-offset:2px;border-radius:2px}
.policy-box table{width:100%;border-collapse:collapse;margin:32px 0;font-size:14px;line-height:1.45;background:#fff;border-radius:2px;overflow:hidden;box-shadow:0 2px 4px 1px #41a7eb12}
.policy-box thead{background:#E7EFF2}
.policy-box thead tr{border-bottom:2px solid #41A7EB}
.policy-box th{padding:16px;text-align:left;font-weight:600;color:#1f2328}
.policy-box tbody tr{border-bottom:1px solid #E7EFF2;transition:background-color .4s ease-in-out}
.policy-box tbody tr:last-child{border-bottom:none}
.policy-box tbody tr:hover{background:#f6f9fb}
.policy-box td{padding:16px;color:#24292f}
.policy-box hr{border:none;height:1px;background:linear-gradient(to right,#E7EFF2,#41A7EB,#E7EFF2);margin:32px 0;opacity:.6}
@media (max-width: 992px) {
.policy-box{padding:16px}
.policy-box table{margin:16px 0;font-size:14px}
.policy-box th,.policy-box td{padding:8px}
}
@media (max-width: 576px) {
.policy-box table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-box thead{display:none}
.policy-box tbody,.policy-box tr,.policy-box td{display:block}
.policy-box tr{margin-bottom:16px;border:1px solid #E7EFF2;border-radius:2px;padding:8px}
.policy-box td{padding:8px 4px;border-bottom:1px solid #E7EFF2}
.policy-box td:last-child{border-bottom:none}
.policy-box td::before{content:attr(data-label);font-weight:600;display:block;margin-bottom:4px;color:#1f2328}
}
.PostView{background:#fff;min-height:100vh;padding:0;margin:0;max-width:100%;overflow-x:hidden}
.PostView .HeroPost{max-width:1280px;margin:0 auto;padding:32px 16px;display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:start}
.PostView .ImgCol{position:relative;padding:16px}
.PostView .ImgCol::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#41A7EB 0%,#FA0074 100%);border-radius:2px}
.PostView .ImgCol img{width:100%;height:auto;border-radius:16px;filter:blur(1px);-webkit-mask-image:radial-gradient(ellipse 80% 70% at center,black 40%,transparent 85%);mask-image:radial-gradient(ellipse 80% 70% at center,black 40%,transparent 85%)}
.PostView .TextCol{padding:8px 32px 8px 16px}
.PostView .MetaTop{display:flex;gap:16px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.PostView .CategoryBadge{background:#E7EFF2;color:#24292f;padding:4px 16px;border-radius:16px;font-size:14px;line-height:1.45;font-weight:600}
.PostView .PublishInfo{font-size:14px;line-height:1.45;color:#57606a;display:flex;gap:16px;align-items:center}
.PostView .ReadTime{display:inline-flex;align-items:center;gap:8px}
.PostView .ReadTime svg{width:16px;height:16px;fill:#41A7EB}
.PostView .PostTitle{font-size:50px;line-height:1.2;color:#24292f;margin:0 0 16px;font-weight:700;letter-spacing:-.02em}
.PostView .EngageRow{display:flex;gap:32px;align-items:center;margin-top:16px}
.PostView .StatBlock{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.45;color:#57606a}
.PostView .StatBlock svg{width:20px;height:20px}
.PostView .ViewIcon{fill:#41A7EB}
.PostView .LikeIcon{fill:#FA0074}
.PostView .ContentZone{background:radial-gradient(circle at bottom left,#41a7eb0a 0%,transparent 60%);padding:32px 16px}
.PostView .ContentInner{max-width:1280px;margin:0 auto}
.PostView .ArticleBody{background:#fff;padding:32px;border-radius:24px;box-shadow:0 5px 20px 1px #41a7eb1a}
.PostView .ArticleBody p{font-size:20px;line-height:1.65;color:#24292f;margin:0 0 16px}
.PostView .ArticleBody p:first-of-type::first-letter{font-size:66px;line-height:1.2;float:left;margin:0 8px 0 0;color:#41A7EB;font-weight:700}
.PostView .ArticleBody h2{font-size:50px;line-height:1.2;color:#24292f;margin:32px 0 16px;font-weight:700;padding-bottom:8px;border-bottom:2px solid #E7EFF2}
.PostView .ArticleBody code{background:#E7EFF2;color:#24292f;padding:4px 8px;border-radius:2px;font-size:14px;line-height:1.45;font-family:monospace}
.PostView .ArticleBody blockquote{border-left:4px solid #41A7EB;padding:16px 16px 16px 32px;margin:32px 0;background:#E7EFF2;border-radius:2px;font-size:20px;line-height:1.65;color:#24292f;font-style:italic}
.PostView .ArticleBody table{width:100%;border-collapse:collapse;margin:32px 0;font-size:14px;line-height:1.45;border-radius:16px;overflow:hidden;box-shadow:0 2px 4px 1px #41a7eb12}
.PostView .ArticleBody caption{font-size:20px;line-height:1.45;font-weight:700;color:#24292f;text-align:left;padding:16px;background:#E7EFF2}
.PostView .ArticleBody th{background:#41A7EB;color:#fff;padding:16px;text-align:left;font-weight:700}
.PostView .ArticleBody td{padding:16px;border-bottom:1px solid #E7EFF2;color:#24292f}
.PostView .ArticleBody tr:last-child td{border-bottom:none}
.PostView .ArticleBody tfoot td{background:#E7EFF2;font-weight:700}
.PostView .ArticleBody figure{margin:32px 0;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px 1px #41a7eb1a}
.PostView .ArticleBody figcaption{background:#E7EFF2;padding:16px;font-size:14px;line-height:1.45;color:#57606a;text-align:center}
.PostView .InsightPanel{background:#E7EFF2;padding:32px 16px;margin-top:32px}
.PostView .InsightInner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.PostView .MetricCard{background:#fff;padding:32px;border-radius:16px;text-align:center;box-shadow:0 2px 4px 1px #fa007412;position:relative;transition:box-shadow .55s cubic-bezier(0.22,1,0.36,1)}
.PostView .MetricCard:hover{box-shadow:0 8px 36px 1px #fa00741a}
.PostView .MetricCard::before{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#FA0074 0%,#41A7EB 100%);border-radius:2px}
.PostView .MetricNumber{font-size:50px;line-height:1.2;color:#41A7EB;font-weight:700;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:8px}
.PostView .MetricNumber .RingAccent{width:64px;height:64px;border:3px solid #E7EFF2;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative}
.PostView .MetricNumber .RingAccent::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border:3px solid transparent;border-top-color:#FA0074;border-right-color:#FA0074;transform:rotate(45deg)}
.PostView .MetricLabel{font-size:14px;line-height:1.45;color:#57606a;text-transform:uppercase;letter-spacing:.05em}
.PostView .ActionZone{padding:32px 16px}
.PostView .ActionInner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 2fr;gap:32px;align-items:stretch}
.PostView .ActionCard{background:#fff;padding:32px;border-radius:24px;box-shadow:0 5px 20px 1px #41a7eb1a;display:flex;flex-direction:column;gap:16px}
.PostView .ActionCard h3{font-size:20px;line-height:1.45;color:#24292f;font-weight:700;margin:0;padding-bottom:8px;border-bottom:2px solid #E7EFF2}
.PostView .ActionCard p{font-size:14px;line-height:1.65;color:#57606a;margin:0;flex-grow:1}
.PostView .BtnAction{background:#41A7EB;color:#fff;padding:16px 32px;border-radius:16px;font-size:14px;line-height:1.45;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;justify-content:center;box-shadow:0 2px 4px 1px #41a7eb12;transition:box-shadow .65s cubic-bezier(0.22,1,0.36,1),background .5s ease-in-out}
.PostView .BtnAction:hover{box-shadow:0 8px 36px 1px #41a7eb1a;background:#2d8dc9}
.PostView .BtnAction svg{width:16px;height:16px;fill:currentColor}
.PostView .BtnSecondary{background:#FA0074;box-shadow:0 2px 4px 1px #fa007412}
.PostView .BtnSecondary:hover{box-shadow:0 8px 36px 1px #fa00741a;background:#c90060}
.PostView .WideCard{background:linear-gradient(135deg,#41a7eb14 0%,#fa007414 100%)}
.PostView .WideCard h3{border-bottom-color:#41A7EB}
@media (max-width: 992px) {
.PostView .HeroPost{grid-template-columns:1fr;gap:16px}
.PostView .ImgCol{max-width:400px;margin:0 auto}
.PostView .TextCol{padding:8px 16px}
.PostView .PostTitle{font-size:50px}
.PostView .InsightInner{grid-template-columns:1fr;gap:16px}
.PostView .ActionInner{grid-template-columns:1fr;gap:16px}
}
@media (max-width: 576px) {
.PostView .PostTitle{font-size:50px;line-height:1.2}
.PostView .ArticleBody{padding:16px}
.PostView .ArticleBody h2{font-size:50px}
.PostView .ArticleBody p{font-size:20px}
.PostView .MetaTop{flex-direction:column;align-items:flex-start;gap:8px}
.PostView .EngageRow{flex-direction:column;align-items:flex-start;gap:16px}
}
.PostView ::selection{background:#24292f;color:#fff}
.SuccessWrap{background:#fff;color:#1a1a1a;overflow-x:hidden}
.SuccessWrap *{box-sizing:border-box}
.SuccessWrap .HeroGrad{background:radial-gradient(circle at 15% 85%,#41A7EB,#FA0074 45%,#E7EFF2);padding:32px 16px;position:relative;overflow:hidden}
.SuccessWrap .HeroGrad::before{content:'';position:absolute;top:0;left:0;width:2px;height:80px;background:#fff;opacity:.3}
.SuccessWrap .HeroGrad::after{content:'';position:absolute;bottom:0;right:0;width:80px;height:2px;background:#fff;opacity:.3}
.SuccessWrap .HeroInner{max-width:1280px;margin:0 auto}
.SuccessWrap .EyebrowLbl{font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;opacity:.85}
.SuccessWrap .MainH1{font-size:50px;line-height:1.2;color:#fff;margin:0;font-weight:700}
.SuccessWrap .HeroImg{width:100%;max-width:800px;height:320px;margin:32px auto 0;border-radius:16px;overflow:hidden;position:relative}
.SuccessWrap .HeroImg img{width:100%;height:100%;object-fit:cover;display:block}
.SuccessWrap .HeroImg::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,#00000080);pointer-events:none;z-index:1}
.SuccessWrap .IntroSec{max-width:1280px;margin:0 auto;padding:32px 16px;background:#fff}
.SuccessWrap .IntroTxt{font-size:20px;line-height:1.65;color:#2a2a2a;margin:0}
.SuccessWrap .IntroTxt::first-letter{font-size:66px;line-height:1;float:left;margin:8px 16px 0 0;color:#41A7EB;font-weight:700}
.SuccessWrap .DividerLine{max-width:1280px;margin:32px auto;padding:0 16px;text-align:center;position:relative}
.SuccessWrap .DividerLine::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#E7EFF2}
.SuccessWrap .DividerTxt{display:inline-block;background:#fff;padding:0 16px;font-size:14px;color:#FA0074;text-transform:uppercase;letter-spacing:2px;position:relative;z-index:1}
.SuccessWrap .PostGrid{max-width:1280px;margin:0 auto;padding:32px 16px;background:#fff}
.SuccessWrap .GridWrap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;animation:slideInFromRight .6s cubic-bezier(0.22,1,0.36,1)}
@keyframes slideInFromRight {
from{opacity:0;transform:translateX(60px)}
to{opacity:1;transform:translateX(0)}
}
.SuccessWrap .PostCard{background:#fff;border-radius:16px;box-shadow:0 2px 4px 1px #41a7eb12;overflow:hidden;transition:box-shadow .55s cubic-bezier(0.22,1,0.36,1),transform .55s cubic-bezier(0.22,1,0.36,1);display:flex;flex-direction:column}
.SuccessWrap .PostCard:hover{box-shadow:0 8px 36px 1px #41a7eb1a;transform:translateY(-4px)}
.SuccessWrap .CardImgWrap{width:100%;height:220px;overflow:hidden;position:relative}
.SuccessWrap .CardImgWrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s ease-in-out}
.SuccessWrap .PostCard:hover .CardImgWrap img{transform:scale(1.05)}
.SuccessWrap .CardContent{padding:16px;flex:1;display:flex;flex-direction:column}
.SuccessWrap .CardMeta{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.SuccessWrap .TagLbl{display:inline-block;background:#E7EFF2;color:#41A7EB;font-size:14px;padding:4px 8px;border-radius:2px;font-weight:600}
.SuccessWrap .ReadTime{font-size:14px;color:#6a6a6a}
.SuccessWrap .CardTitle{font-size:20px;line-height:1.45;color:#1a1a1a;margin:0 0 8px;font-weight:700}
.SuccessWrap .CardDesc{font-size:14px;line-height:1.65;color:#4a4a4a;margin:0 0 16px;flex:1}
.SuccessWrap .CardFooter{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #E7EFF2}
.SuccessWrap .FooterLeft{font-size:14px;color:#6a6a6a}
.SuccessWrap .FooterRight{display:flex;gap:16px;align-items:center}
.SuccessWrap .StatItem{display:flex;align-items:center;gap:4px;font-size:14px;color:#6a6a6a}
.SuccessWrap .StatIcon{width:16px;height:16px;fill:#FA0074}
.SuccessWrap .TestimonialSec{background:radial-gradient(circle at 50% 50%,#fff,#f5f5f5);box-shadow:inset 0 2px 8px #41a7eb0d inset 0 -2px 8px #fa00740d;padding:32px 16px;position:relative}
.SuccessWrap .TestimonialSec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,transparent 60%,#00000026);pointer-events:none}
.SuccessWrap .TestiInner{max-width:1280px;margin:0 auto;position:relative;z-index:1}
.SuccessWrap .TestiH2{font-size:50px;line-height:1.2;color:#1a1a1a;margin:0 0 32px;font-weight:700;padding-bottom:16px;border-bottom:3px solid #41A7EB}
.SuccessWrap .TestiBox{display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:center;transition:filter .5s cubic-bezier(0.22,1,0.36,1)}
.SuccessWrap .TestiBox:hover{filter:none}
.SuccessWrap .TestiWrap:hover .TestiBox:not(:hover){filter:blur(2px)}
.SuccessWrap .TestiImgBox{width:100%;max-width:280px;aspect-ratio:5/7;border-radius:16px;overflow:hidden;margin:0 auto}
.SuccessWrap .TestiImgBox img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.SuccessWrap .TestiContent{background:#fff;padding:32px;border-radius:16px;box-shadow:0 5px 20px 1px #fa00741a}
.SuccessWrap .TestiQuote{font-size:20px;line-height:1.65;color:#2a2a2a;margin:0 0 16px;font-style:italic}
.SuccessWrap .TestiAuthor{font-size:14px;line-height:1.45;color:#41A7EB;margin:0;font-weight:700}
.SuccessWrap .TestiRole{font-size:14px;line-height:1.45;color:#6a6a6a;margin:4px 0 0}
.SuccessWrap .MetricsSec{background:#fff;max-width:1280px;margin:0 auto;padding:32px 16px}
.SuccessWrap .MetricsGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.SuccessWrap .MetricCard{background:#F9FAFB;padding:32px;border-radius:24px;position:relative;overflow:hidden;transition:background .6s ease-in-out}
.SuccessWrap .MetricCard:hover{background:#E7EFF2}
.SuccessWrap .MetricBigNum{font-size:66px;line-height:1;color:#FA0074;font-weight:700;margin:0 0 8px}
.SuccessWrap .MetricUnit{font-size:20px;color:#41A7EB;vertical-align:super;margin-left:4px}
.SuccessWrap .MetricLabel{font-size:14px;line-height:1.45;color:#4a4a4a;margin:0;text-transform:uppercase;letter-spacing:1px}
.SuccessWrap .CtaSec{background:#1a1a1a;padding:32px 16px;text-align:center}
.SuccessWrap .CtaInner{max-width:1280px;margin:0 auto}
.SuccessWrap .CtaH3{font-size:50px;line-height:1.2;color:#fff;margin:0 0 16px;font-weight:700}
.SuccessWrap .CtaTxt{font-size:20px;line-height:1.65;color:#E7EFF2;margin:0 0 32px}
.SuccessWrap .CtaBtn{display:inline-flex;align-items:center;gap:8px;background:#41A7EB;color:#fff;font-size:20px;font-weight:700;padding:16px 32px;border-radius:16px;text-decoration:none;transition:box-shadow .5s cubic-bezier(0.22,1,0.36,1),transform .5s cubic-bezier(0.22,1,0.36,1);box-shadow:0 2px 4px 1px #41a7eb12}
.SuccessWrap .CtaBtn:hover{box-shadow:0 8px 36px 1px #41a7eb1a;transform:translateY(-2px)}
.SuccessWrap .BtnIcon{width:20px;height:20px;fill:currentColor}
@media (max-width: 992px) {
.SuccessWrap .GridWrap{grid-template-columns:repeat(2,1fr)}
.SuccessWrap .TestiBox{grid-template-columns:1fr}
.SuccessWrap .MetricsGrid{grid-template-columns:1fr}
.SuccessWrap .MainH1,.SuccessWrap .TestiH2,.SuccessWrap .CtaH3{font-size:50px}
}
@media (max-width: 576px) {
.SuccessWrap .GridWrap{grid-template-columns:1fr}
.SuccessWrap .MainH1,.SuccessWrap .TestiH2,.SuccessWrap .CtaH3{font-size:50px}
.SuccessWrap .IntroTxt,.SuccessWrap .TestiQuote,.SuccessWrap .CtaTxt{font-size:20px}
.SuccessWrap .HeroImg{height:240px}
}
.seoEeuHub *{box-sizing:border-box}
.seoEduHub{background:#fff;color:#1a1a1a;overflow-x:hidden}
.seoEduHub .Hero--main{position:relative;background:linear-gradient(135deg,#E7EFF2 0%,#fff 100%);padding:64px 32px;max-width:1280px;margin:0 auto}
.seoEduHub .HeroInner{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;max-width:1280px;margin:0 auto}
.seoEduHub .Hero__txtWrap{position:relative;z-index:2}
.seoEduHub .Hero__eyebrow{font-size:14px;color:#41A7EB;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-weight:600}
.seoEduHub .Hero__h1{font-size:66px;line-height:1.2;margin:0;font-weight:700;color:#1a1a1a}
.seoEduHub .Hero__imgBox{position:relative;height:480px;border:2px solid #41a7eb33;border-radius:16px;overflow:hidden}
.seoEduHub .Hero__imgBox::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#41a7eb66 0%,transparent 100%);z-index:1;pointer-events:none}
.seoEduHub .Hero__imgBox img{width:100%;height:100%;object-fit:cover;object-position:center}
.seoEduHub .statsRibbon{background:#fff;padding:32px;max-width:1280px;margin:0 auto}
.seoEduHub .statsRibbon__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.seoEduHub .statCard{background:#E7EFF2;padding:32px;border-radius:16px;text-align:center;transition:transform .55s cubic-bezier(0.22,1,0.36,1),box-shadow .6s ease-in-out}
.seoEduHub .statCard:hover{transform:translateY(-8px);box-shadow:0 8px 36px 1px #41a7eb1a}
.seoEduHub .statCard__num{font-size:66px;line-height:1.2;font-weight:700;color:#41A7EB;margin:0 0 8px}
.seoEduHub .statCard__label{font-size:20px;line-height:1.45;color:#1a1a1a;margin:0}
.seoEduHub .divider--tri{width:100%;height:80px;background:#fff;position:relative}
.seoEduHub .divider--tri svg{position:absolute;bottom:0;left:0;width:100%;height:80px}
.seoEduHub .learnPath{background:radial-gradient(circle at bottom left,#fa007414 0%,transparent 60%);padding:64px 32px;max-width:1280px;margin:0 auto}
.seoEduHub .learnPath__heading{font-size:50px;line-height:1.2;text-align:center;margin:0 0 8px;font-weight:700;color:#1a1a1a;border-bottom:3px solid #FA0074;display:inline-block;padding:0 0 4px}
.seoEduHub .learnPath__hWrap{text-align:center;margin:0 0 32px}
.seoEduHub .learnPath__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.seoEduHub .pathCard{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 2px 4px 1px #41a7eb12;transition:box-shadow .5s cubic-bezier(0.22,1,0.36,1);position:relative}
.seoEduHub .pathCard:hover{box-shadow:0 8px 36px 1px #fa00741a}
.seoEduHub .pathCard:first-child{grid-row:span 2}
.seoEduHub .pathCard__imgWrap{position:relative;height:280px;overflow:hidden}
.seoEduHub .pathCard:first-child .pathCard__imgWrap{height:420px}
.seoEduHub .pathCard__imgWrap img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(0.22,1,0.36,1)}
.seoEduHub .pathCard:hover .pathCard__imgWrap img{transform:scale(1.05)}
.seoEduHub .pathCard__caption{position:absolute;bottom:0;left:0;right:0;background:#1a1a1ae6;color:#fff;padding:16px;font-size:14px;line-height:1.45;transform:translateY(100%);transition:transform .5s ease-in-out}
.seoEduHub .pathCard:hover .pathCard__caption{transform:translateY(0)}
.seoEduHub .pathCard__body{padding:32px}
.seoEduHub .pathCard__title{font-size:20px;line-height:1.45;margin:0 0 16px;font-weight:700;color:#1a1a1a}
.seoEduHub .pathCard__desc{font-size:14px;line-height:1.65;margin:0;color:#4a4a4a}
.seoEduHub .pathCard__badge{position:absolute;top:16px;right:16px;background:#FA0074;color:#fff;width:40px;height:40px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;z-index:2;box-shadow:0 5px 20px 1px #fa00741a}
.seoEduHub .method--space{background:#E7EFF2;padding:64px 32px;max-width:1280px;margin:0 auto;position:relative}
.seoEduHub .method__inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:start}
.seoEduHub .method__contentZone{padding:32px 0}
.seoEduHub .method__h2{font-size:50px;line-height:1.2;margin:0 0 32px;font-weight:700;color:#1a1a1a}
.seoEduHub .method__p{font-size:20px;line-height:1.65;margin:0 0 16px;color:#2a2a2a}
.seoEduHub .method__p:first-letter{font-size:66px;line-height:1;font-weight:700;color:#41A7EB;float:left;margin:0 8px 0 0}
.seoEduHub .method__emptyZone{border-left:4px solid #41A7EB;padding:0 0 0 32px;min-height:320px}
.seoEduHub .method__emptyZone p{font-size:14px;line-height:1.65;margin:0;color:#4a4a4a}
.seoEduHub .quizDisplay{background:#fff;padding:64px 32px;max-width:1280px;margin:0 auto}
.seoEduHub .quizDisplay__head{text-align:center;margin:0 0 32px}
.seoEduHub .quizDisplay__h2{font-size:50px;line-height:1.2;margin:0 0 16px;font-weight:700;color:#1a1a1a;border-bottom:3px solid #41A7EB;display:inline-block;padding:0 0 4px}
.seoEduHub .quizDisplay__intro{font-size:20px;line-height:1.65;margin:0;color:#4a4a4a;max-width:720px;margin:0 auto}
.seoEduHub .quizPanel{max-width:860px;margin:0 auto}
.seoEduHub .quizItem{background:#E7EFF2;border-radius:16px;padding:32px;margin:0 0 16px}
.seoEduHub .quizItem__q{font-size:20px;line-height:1.45;font-weight:700;margin:0 0 16px;color:#1a1a1a;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.seoEduHub .quizItem__toggle{width:32px;height:32px;border-radius:2px;background:#41A7EB;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;transition:transform .4s cubic-bezier(0.22,1,0.36,1),background .5s ease-in-out;flex-shrink:0}
.seoEduHub .quizItem__input{display:none}
.seoEduHub .quizItem__answer{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(0.22,1,0.36,1),opacity .5s ease-in-out;opacity:0}
.seoEduHub .quizItem__input:checked ~ .quizItem__q .quizItem__toggle{transform:rotate(45deg);background:#FA0074}
.seoEduHub .quizItem__input:checked ~ .quizItem__answer{max-height:400px;opacity:1}
.seoEduHub .quizItem__answer p{font-size:14px;line-height:1.65;margin:0;color:#2a2a2a}
.seoEduHub .expertVoice{background:radial-gradient(circle at bottom left,#41a7eb14 0%,transparent 60%);padding:64px 32px;max-width:1280px;margin:0 auto}
.seoEduHub .expertVoice__wrap{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start;max-width:1100px;margin:0 auto}
.seoEduHub .expertPortrait{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px 1px #41a7eb1a}
.seoEduHub .expertPortrait__img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:top;display:block}
.seoEduHub .expertVoice__content{padding:32px;background:#fff;border-radius:24px;box-shadow:0 2px 4px 1px #fa007412}
.seoEduHub .expertVoice__h2{font-size:50px;line-height:1.2;margin:0 0 16px;font-weight:700;color:#1a1a1a}
.seoEduHub .expertVoice__txt{font-size:14px;line-height:1.65;margin:0 0 16px;color:#4a4a4a}
.seoEduHub .expertVoice__name{font-size:20px;line-height:1.45;margin:0;font-weight:700;color:#41A7EB}
.seoEduHub .successLink{background:#FA0074;padding:64px 32px;text-align:center;max-width:1280px;margin:0 auto}
.seoEduHub .successLink__h2{font-size:50px;line-height:1.2;margin:0 0 32px;font-weight:700;color:#fff}
.seoEduHub .successLink__btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#FA0074;padding:16px 32px;border-radius:16px;font-size:20px;font-weight:700;text-decoration:none;transition:box-shadow .55s cubic-bezier(0.22,1,0.36,1),transform .4s ease-in-out;box-shadow:0 2px 4px 1px #1a1a1a12}
.seoEduHub .successLink__btn:hover{box-shadow:0 8px 36px 1px #1a1a1a1a;transform:translateY(-2px)}
.seoEduHub .successLink__arrow{width:24px;height:24px;fill:#FA0074}
.seoEduHub .ctaForm{background:#E7EFF2;padding:64px 32px;max-width:1280px;margin:0 auto}
.seoEduHub .ctaForm__inner{max-width:680px;margin:0 auto;text-align:center}
.seoEduHub .ctaForm__h2{font-size:50px;line-height:1.2;margin:0 0 16px;font-weight:700;color:#1a1a1a;border-bottom:3px solid #FA0074;display:inline-block;padding:0 0 4px}
.seoEduHub .ctaForm__desc{font-size:20px;line-height:1.65;margin:0 0 32px;color:#2a2a2a}
.seoEduHub .ctaForm__form{display:flex;flex-direction:column;gap:16px}
.seoEduHub .ctaForm__input{padding:16px;border:2px solid #41A7EB;border-radius:16px;font-size:14px;background:#fff;transition:border-color .5s ease-in-out,box-shadow .6s cubic-bezier(0.22,1,0.36,1)}
.seoEduHub .ctaForm__input::placeholder{text-transform:uppercase;font-size:14px;letter-spacing:.05em;color:#999}
.seoEduHub .ctaForm__input:focus{outline:none;border-color:#FA0074;box-shadow:0 5px 20px 1px #fa00741a}
.seoEduHub .ctaForm__submit{padding:16px 32px;background:#41A7EB;color:#fff;border:none;border-radius:16px;font-size:20px;font-weight:700;cursor:pointer;transition:box-shadow .55s cubic-bezier(0.22,1,0.36,1),transform .4s ease-in-out;box-shadow:0 2px 4px 1px #41a7eb12}
.seoEduHub .ctaForm__submit:hover{box-shadow:0 8px 36px 1px #41a7eb1a;transform:translateY(-2px)}
.seoEduHub .pulsingLine{display:inline-block;position:relative;padding:0 0 4px}
.seoEduHub .pulsingLine::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#FA0074;animation:expandContract 2.4s cubic-bezier(0.22,1,0.36,1) infinite;transform:translateX(-50%)}
@keyframes expandContract {
0%,100%{width:0}
50%{width:100%}
}
.seoEduHub .wordReveal{display:inline-block;opacity:0;animation:revealWord .7s cubic-bezier(0.22,1,0.36,1) forwards}
.seoEduHub .wordReveal:nth-child(1){animation-delay:.1s}
.seoEduHub .wordReveal:nth-child(2){animation-delay:.25s}
.seoEduHub .wordReveal:nth-child(3){animation-delay:.4s}
.seoEduHub .wordReveal:nth-child(4){animation-delay:.55s}
.seoEduHub .wordReveal:nth-child(5){animation-delay:.7s}
.seoEduHub .wordReveal:nth-child(6){animation-delay:.85s}
@keyframes revealWord {
from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:translateY(0)}
}
.seoEduHub ::selection{background:#1a1a1a;color:#fff}
@media (max-width: 992px) {
.seoEduHub .HeroInner{grid-template-columns:1fr}
.seoEduHub .Hero__h1{font-size:50px}
.seoEduHub .statsRibbon__grid{grid-template-columns:1fr}
.seoEduHub .learnPath__grid{grid-template-columns:1fr}
.seoEduHub .pathCard:first-child{grid-row:span 1}
.seoEduHub .pathCard:first-child .pathCard__imgWrap{height:280px}
.seoEduHub .method__inner{grid-template-columns:1fr;gap:32px}
.seoEduHub .expertVoice__wrap{grid-template-columns:1fr}
.seoEduHub .expertPortrait{max-width:320px;margin:0 auto}
}
@media (max-width: 576px) {
.seoEduHub .Hero--main{padding:32px 16px}
.seoEduHub .Hero__h1{font-size:50px}
.seoEduHub .statCard__num{font-size:50px}
.seoEduHub .learnPath__heading,.seoEduHub .method__h2,.seoEduHub .quizDisplay__h2,.seoEduHub .expertVoice__h2,.seoEduHub .successLink__h2,.seoEduHub .ctaForm__h2{font-size:50px}
.seoEduHub .statsRibbon,.seoEduHub .learnPath,.seoEduHub .method--space,.seoEduHub .quizDisplay,.seoEduHub .expertVoice,.seoEduHub .successLink,.seoEduHub .ctaForm{padding:32px 16px}
}
.KontaktHauptSeite{background:#fff;min-height:100vh;overflow-x:clip}
.KontaktHauptSeite .topHeroBg{background:linear-gradient(135deg,#41A7EB 0%,#FA0074 100%);position:relative;padding:32px 16px;overflow:hidden;animation:bgShift 8s cubic-bezier(0.22,1,0.36,1) infinite alternate}
@keyframes bgShift {
0%{background-position:0 50%}
100%{background-position:100% 50%}
}
.KontaktHauptSeite .bgStripePattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.04;background-image:repeating-linear-gradient(45deg,transparent,transparent 32px,#fff 32px,#fff 64px);pointer-events:none}
.KontaktHauptSeite .heroInner{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.KontaktHauptSeite .heroTitleBox h1{font-size:66px;line-height:1.2;color:#fff;margin:0 0 16px;letter-spacing:-.02em}
.KontaktHauptSeite .heroTitleBox p{font-size:20px;line-height:1.45;color:#fffffff2;margin:0;max-width:640px}
.KontaktHauptSeite .FormSection{max-width:1280px;margin:0 auto;padding:32px 16px}
.KontaktHauptSeite .formGrid{display:grid;grid-template-columns:1fr;gap:32px}
.KontaktHauptSeite .contactLeftPanel{background:radial-gradient(circle at bottom left,#41a7eb14,transparent 70%);border-radius:16px;padding:32px;box-shadow:0 5px 20px 1px #41a7eb1a}
.KontaktHauptSeite .contactLeftPanel h2{font-size:50px;line-height:1.2;color:#000;margin:0 0 8px;border-bottom:2px solid #41A7EB;padding-bottom:8px}
.KontaktHauptSeite .contactLeftPanel h2::first-letter{font-size:90px;line-height:1;color:#FA0074;float:left;margin-right:8px;margin-top:-8px}
.KontaktHauptSeite .contactLeftPanel p{font-size:14px;line-height:1.65;color:#1f1f1f;margin:16px 0 0}
.KontaktHauptSeite .contactInfoList{list-style:none;padding:0;margin:32px 0 0}
.KontaktHauptSeite .contactInfoList li{margin:0 0 16px;padding:0 0 0 32px;position:relative;font-size:14px;line-height:1.65;color:#1f1f1f}
.KontaktHauptSeite .contactInfoList li::before{content:'';position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:2px;background:linear-gradient(135deg,#41A7EB,#FA0074)}
.KontaktHauptSeite .contactInfoList a{color:#41A7EB;text-decoration:none;position:relative;transition:color .5s cubic-bezier(0.22,1,0.36,1)}
.KontaktHauptSeite .contactInfoList a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#FA0074;transition:width .6s cubic-bezier(0.22,1,0.36,1),left .6s cubic-bezier(0.22,1,0.36,1)}
.KontaktHauptSeite .contactInfoList a:hover{color:#FA0074}
.KontaktHauptSeite .contactInfoList a:hover::after{width:100%;left:0}
.KontaktHauptSeite .formRightPanel{background:#E7EFF2;border-radius:24px;padding:32px;box-shadow:0 8px 36px 1px #fa00741a}
.KontaktHauptSeite .formRightPanel h3{font-size:20px;line-height:1.2;color:#000;margin:0 0 16px;padding-left:16px;border-left:4px solid #FA0074}
.KontaktHauptSeite .formFieldGroup{margin:0 0 16px}
.KontaktHauptSeite .formFieldGroup label{display:block;font-size:14px;line-height:1.45;color:#1f1f1f;margin:0 0 4px;text-transform:uppercase;font-weight:600;letter-spacing:.03em}
.KontaktHauptSeite .formFieldGroup input[type="text"],.KontaktHauptSeite .formFieldGroup input[type="tel"]{width:100%;padding:16px;border:2px solid transparent;border-radius:2px;background:#fff;font-size:14px;line-height:1.45;color:#000;transition:border-color .4s cubic-bezier(0.22,1,0.36,1),box-shadow .5s cubic-bezier(0.22,1,0.36,1);box-sizing:border-box}
.KontaktHauptSeite .formFieldGroup input[type="text"]::placeholder,.KontaktHauptSeite .formFieldGroup input[type="tel"]::placeholder{color:#999;text-transform:uppercase;font-size:14px}
.KontaktHauptSeite .formFieldGroup input[type="text"]:focus,.KontaktHauptSeite .formFieldGroup input[type="tel"]:focus{outline:none;border-color:#41A7EB;box-shadow:0 2px 4px 1px #41a7eb12}
.KontaktHauptSeite .prioritySelector{margin:0 0 16px}
.KontaktHauptSeite .prioritySelector p{font-size:14px;line-height:1.45;color:#1f1f1f;margin:0 0 8px;text-transform:uppercase;font-weight:600;letter-spacing:.03em}
.KontaktHauptSeite .priorityOptions{display:flex;gap:8px;flex-wrap:wrap}
.KontaktHauptSeite .priorityOptions input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.KontaktHauptSeite .priorityOptions label{padding:8px 16px;border:2px solid #41A7EB;border-radius:16px;background:#fff;font-size:14px;line-height:1.45;color:#41A7EB;cursor:pointer;transition:background-color .5s cubic-bezier(0.22,1,0.36,1),color .5s cubic-bezier(0.22,1,0.36,1),transform .4s ease-in-out;text-transform:none;font-weight:400;letter-spacing:0}
.KontaktHauptSeite .priorityOptions label:hover{transform:translateY(-2px)}
.KontaktHauptSeite .priorityOptions input[type="radio"]:checked + label{background:#41A7EB;color:#fff;box-shadow:0 5px 20px 1px #41a7eb1a}
.KontaktHauptSeite .privacyCheck{margin:16px 0;display:flex;align-items:flex-start;gap:8px}
.KontaktHauptSeite .privacyCheck input[type="checkbox"]{margin-top:4px;width:16px;height:16px;cursor:pointer;flex-shrink:0}
.KontaktHauptSeite .privacyCheck label{font-size:14px;line-height:1.65;color:#1f1f1f;cursor:pointer;text-transform:none;font-weight:400;letter-spacing:0}
.KontaktHauptSeite .privacyCheck a{color:#41A7EB;text-decoration:none;position:relative}
.KontaktHauptSeite .privacyCheck a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:1px;background:#FA0074;transition:width .6s cubic-bezier(0.22,1,0.36,1),left .6s cubic-bezier(0.22,1,0.36,1)}
.KontaktHauptSeite .privacyCheck a:hover::after{width:100%;left:0}
.KontaktHauptSeite .submitBtnWrap{margin:16px 0 0}
.KontaktHauptSeite .submitBtnWrap button{padding:16px 32px;background:linear-gradient(135deg,#FA0074,#41A7EB);border:none;border-radius:2px;color:#fff;font-size:14px;line-height:1.45;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:box-shadow .7s ease-in-out,transform .5s cubic-bezier(0.22,1,0.36,1);box-shadow:0 2px 4px 1px #fa007412;display:inline-flex;align-items:center;gap:8px}
.KontaktHauptSeite .submitBtnWrap button::after{content:'';width:12px;height:12px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);display:inline-block}
.KontaktHauptSeite .submitBtnWrap button:hover{box-shadow:0 8px 36px 1px #fa00741a;transform:translateY(-2px)}
.KontaktHauptSeite .submitBtnWrap button:active{transform:translateY(0)}
@media (min-width: 992px) {
.KontaktHauptSeite .topHeroBg{padding:64px 32px}
.KontaktHauptSeite .FormSection{padding:64px 32px}
.KontaktHauptSeite .formGrid{grid-template-columns:1fr 1.2fr}
.KontaktHauptSeite .contactLeftPanel{padding:32px}
.KontaktHauptSeite .formRightPanel{padding:32px}
}
@media (max-width: 576px) {
.KontaktHauptSeite .heroTitleBox h1{font-size:50px}
.KontaktHauptSeite .contactLeftPanel h2{font-size:20px}
.KontaktHauptSeite .contactLeftPanel h2::first-letter{font-size:50px;margin-top:0}
.KontaktHauptSeite .priorityOptions{flex-direction:column}
.KontaktHauptSeite .priorityOptions label{text-align:center}
}
.KontaktHauptSeite ::selection{background:#000;color:#fff}
.AboutPage{background:#fff;min-height:100vh}
.AboutPage .heroZone{max-width:1280px;margin:0 auto;padding:32px 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:32px;align-items:center}
.AboutPage .textContent{padding:32px}
.AboutPage .mainHeading{font-size:66px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.02em}
.AboutPage .subTitle{font-size:20px;line-height:1.45;color:#4a4a4a;margin:0 0 32px}
.AboutPage .ctaLink{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#41A7EB;color:#fff;text-decoration:none;border-radius:2px;font-size:14px;font-weight:600;box-shadow:0 2px 4px 1px #41a7eb12;transition:box-shadow .5s cubic-bezier(0.22,1,0.36,1),transform .45s ease-in-out}
.AboutPage .ctaLink:hover{box-shadow:0 8px 36px 1px #41a7eb1a;transform:translateY(-2px)}
.AboutPage .ctaLink svg{width:16px;height:16px;fill:currentColor}
.AboutPage .imageMosaic{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:16px;padding:16px;position:relative}
.AboutPage .imageMosaic::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #E7EFF2;pointer-events:none;border-radius:2px}
.AboutPage .mosaicImg{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:2px;overflow:hidden;position:relative}
.AboutPage .mosaicImg img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(0.22,1,0.36,1)}
.AboutPage .mosaicImg:hover img{transform:scale(1.05) translateX(8px)}
.AboutPage .mosaicImg:first-child{grid-column:span 2}
.AboutPage .mosaicImg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#41a7eb1a 0%,#fa00740d 100%);pointer-events:none;mix-blend-mode:overlay}
.AboutPage .metricsWave{background:radial-gradient(circle at bottom left,#41a7eb14 0%,transparent 60%);padding:32px 16px;position:relative;overflow:hidden}
.AboutPage .metricsWave::before{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:radial-gradient(ellipse 180px 40px at 10% 100%,#E7EFF2 0%,transparent 50%),radial-gradient(ellipse 220px 55px at 35% 100%,#E7EFF2 0%,transparent 50%),radial-gradient(ellipse 150px 35px at 60% 100%,#E7EFF2 0%,transparent 50%),radial-gradient(ellipse 200px 50px at 85% 100%,#E7EFF2 0%,transparent 50%);pointer-events:none;opacity:.6}
.AboutPage .metricsWave::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 19px,#41a7eb08 19px,#41a7eb08 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,#41a7eb08 19px,#41a7eb08 20px);pointer-events:none;opacity:.4}
.AboutPage .metricsContainer{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative;z-index:1}
.AboutPage .statCard{background:#fff;padding:32px;border-radius:16px;box-shadow:0 5px 20px 1px #41a7eb1a;position:relative;overflow:hidden;animation:expandHeight .65s cubic-bezier(0.22,1,0.36,1) forwards;animation-delay:calc(var(--index) * 0.15s);height:0;opacity:0}
@keyframes expandHeight {
0%{height:0;opacity:0}
100%{height:auto;opacity:1}
}
.AboutPage .statCard:nth-child(1){--index:0}
.AboutPage .statCard:nth-child(2){--index:1}
.AboutPage .statCard:nth-child(3){--index:2}
.AboutPage .statCard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#41A7EB 0%,#FA0074 100%);border-radius:16px;opacity:0;transition:opacity .55s ease-in-out;z-index:-1}
.AboutPage .statCard:hover::before{opacity:.1}
.AboutPage .statNumber{font-size:66px;line-height:1.2;color:#41A7EB;margin:0 0 8px;font-weight:700;letter-spacing:-.03em}
.AboutPage .statLabel{font-size:14px;line-height:1.45;color:#4a4a4a;margin:0;text-transform:uppercase;letter-spacing:.05em}
.AboutPage .storySection{max-width:1280px;margin:0 auto;padding:32px 16px;display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:start}
.AboutPage .profileArea{position:relative}
.AboutPage .expertCard{background:#fff;padding:32px;border-radius:24px;box-shadow:inset 0 2px 4px #fffc inset 0 -2px 4px #0000000d 0 5px 20px 1px #fa00741a;text-align:center;position:relative;overflow:hidden}
.AboutPage .expertCard::before{content:'';position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle,#fa00740d 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}
.AboutPage .expertPhoto{width:180px;height:180px;border-radius:50%;overflow:hidden;margin:0 auto 16px;position:relative;border:4px solid #E7EFF2}
.AboutPage .expertPhoto img{width:100%;height:100%;object-fit:cover;object-position:top}
.AboutPage .expertName{font-size:20px;line-height:1.45;color:#1a1a1a;margin:0 0 4px;font-weight:600}
.AboutPage .expertRole{font-size:14px;line-height:1.45;color:#FA0074;margin:0}
.AboutPage .storyContent{padding:16px 0}
.AboutPage .storyHeading{font-size:50px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;padding-bottom:16px;border-bottom:2px solid #E7EFF2;letter-spacing:-.02em}
.AboutPage .storyParagraph{font-size:14px;line-height:1.65;color:#2a2a2a;margin:0 0 16px}
.AboutPage .storyParagraph:first-of-type::first-letter{font-size:50px;line-height:1;float:left;margin:4px 8px 0 0;color:#41A7EB;font-weight:700}
.AboutPage .storyParagraph:last-of-type{margin-bottom:0}
.AboutPage .hiddenTagsWrapper{margin:32px 0 0;position:relative}
.AboutPage .tagTrigger{display:none}
.AboutPage .tagLabel{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#FA0074;color:#fff;border-radius:2px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 4px 1px #fa007412;transition:box-shadow .5s cubic-bezier(0.22,1,0.36,1)}
.AboutPage .tagLabel:hover{box-shadow:0 8px 36px 1px #fa00741a}
.AboutPage .tagLabel svg{width:16px;height:16px;fill:currentColor;transition:transform .45s ease-in-out}
.AboutPage .tagTrigger:checked + .tagLabel svg{transform:rotate(180deg)}
.AboutPage .tagList{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;max-height:0;overflow:hidden;opacity:0;transition:max-height .55s cubic-bezier(0.22,1,0.36,1),opacity .6s ease-in-out}
.AboutPage .tagTrigger:checked ~ .tagList{max-height:400px;opacity:1}
.AboutPage .tagItem{padding:8px 16px;background:#E7EFF2;color:#2a2a2a;border-radius:16px;font-size:14px;line-height:1.45;transform:translateY(-16px);opacity:0;transition:transform .5s cubic-bezier(0.22,1,0.36,1),opacity .5s ease-in-out;transition-delay:calc(var(--tag-index) * 0.08s)}
.AboutPage .tagTrigger:checked ~ .tagList .tagItem{transform:translateY(0);opacity:1}
.AboutPage .tagItem:nth-child(1){--tag-index:0}
.AboutPage .tagItem:nth-child(2){--tag-index:1}
.AboutPage .tagItem:nth-child(3){--tag-index:2}
.AboutPage .tagItem:nth-child(4){--tag-index:3}
.AboutPage .tagItem:nth-child(5){--tag-index:4}
.AboutPage .tagItem:nth-child(6){--tag-index:5}
.AboutPage .tagItem:nth-child(7){--tag-index:6}
.AboutPage ::selection{background:#1a1a1a;color:#fff}
@media (max-width: 992px) {
.AboutPage .heroZone{grid-template-columns:1fr;gap:32px}
.AboutPage .imageMosaic{order:-1}
.AboutPage .mainHeading{font-size:50px}
.AboutPage .metricsContainer{grid-template-columns:1fr;gap:16px}
.AboutPage .storySection{grid-template-columns:1fr;gap:32px}
.AboutPage .expertCard{max-width:400px;margin:0 auto}
}
@media (max-width: 576px) {
.AboutPage .mainHeading{font-size:50px}
.AboutPage .statNumber{font-size:50px}
.AboutPage .storyHeading{font-size:50px}
.AboutPage .imageMosaic{grid-template-columns:1fr}
.AboutPage .mosaicImg:first-child{grid-column:span 1}
}
.SubmitConfirm{background:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}
.SubmitConfirm .CenterBox{max-width:680px;width:100%;text-align:center}
.SubmitConfirm .StatusIcon{width:88px;height:88px;margin:0 auto 32px;position:relative}
.SubmitConfirm .StatusIcon::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 80%,#41A7EB,transparent 68%);border-radius:50%;opacity:.12}
.SubmitConfirm .StatusIcon::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;background:#41A7EB;clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 32%,40% 82%,15% 57%)}
.SubmitConfirm .MainTitle{font-size:50px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:600;letter-spacing:-.02em}
.SubmitConfirm .StatusMsg{font-size:20px;line-height:1.65;color:#4a4a4a;margin:0 0 32px;max-width:540px;margin-left:auto;margin-right:auto}
.SubmitConfirm .DetailBlock{background:linear-gradient(135deg,#E7EFF2 0%,#fff 100%);border-radius:16px;padding:32px;margin:0 0 32px;box-shadow:0 2px 4px 1px #41a7eb12}
.SubmitConfirm .DetailBlock .InfoRow{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 16px}
.SubmitConfirm .DetailBlock .InfoRow:last-child{margin:0}
.SubmitConfirm .DetailBlock .InfoLabel{font-size:14px;line-height:1.45;color:#666;font-weight:500}
.SubmitConfirm .DetailBlock .InfoValue{font-size:14px;line-height:1.45;color:#1a1a1a;font-weight:600}
.SubmitConfirm .ActionBar{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.SubmitConfirm .PrimaryBtn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#41A7EB;color:#fff;font-size:14px;line-height:1.2;font-weight:600;text-decoration:none;border-radius:16px;border:none;cursor:pointer;transition:box-shadow .55s cubic-bezier(0.22,1,0.36,1),transform .55s cubic-bezier(0.22,1,0.36,1);box-shadow:0 2px 4px 1px #41a7eb12}
.SubmitConfirm .PrimaryBtn:hover{box-shadow:0 8px 36px 1px #41a7eb1a;transform:translateY(-1px)}
.SubmitConfirm .PrimaryBtn::after{content:'';width:16px;height:16px;background:currentColor;clip-path:polygon(0 20%,60% 20%,60% 0,100% 50%,60% 100%,60% 80%,0 80%)}
.SubmitConfirm .SecondaryBtn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#fff;color:#41A7EB;font-size:14px;line-height:1.2;font-weight:600;text-decoration:none;border-radius:16px;border:2px solid #41A7EB;cursor:pointer;transition:background .48s ease-in-out,color .48s ease-in-out}
.SubmitConfirm .SecondaryBtn:hover{background:#E7EFF2}
.SubmitConfirm .SecondaryBtn::before{content:'';width:16px;height:16px;background:currentColor;clip-path:polygon(50% 0,80% 20%,65% 20%,65% 80%,80% 80%,50% 100%,20% 80%,35% 80%,35% 20%,20% 20%)}
.SubmitConfirm .FootNote{margin:32px 0 0;font-size:14px;line-height:1.65;color:#666}
.SubmitConfirm .FootNote a{color:#41A7EB;text-decoration:none;position:relative;background:linear-gradient(to right,#41a7eb26 0%,#41a7eb26 100%);background-size:0 100%;background-position:center;background-repeat:no-repeat;padding:2px 4px;margin:0 -4px;border-radius:2px;transition:background-size .62s cubic-bezier(0.22,1,0.36,1)}
.SubmitConfirm .FootNote a:hover{background-size:100% 100%}
@media (max-width: 576px) {
.SubmitConfirm{padding:16px}
.SubmitConfirm .MainTitle{font-size:36px}
.SubmitConfirm .StatusMsg{font-size:16px}
.SubmitConfirm .DetailBlock{padding:16px}
.SubmitConfirm .ActionBar{flex-direction:column}
.SubmitConfirm .PrimaryBtn,.SubmitConfirm .SecondaryBtn{width:100%;justify-content:center}
}