ul,ol,h1,h2,h3,h4,h5,h6,figure,blockquote{margin:0;padding:0;list-style:none;font-size:inherit;font-weight:inherit}
body{font-family:'Roboto Mono',monospace;background-color:#fff;color:#272D30;font-size:15px;line-height:1.6}
.HeaderWrap{background-color:#fff;border-bottom:1px solid #EDEDED;position:relative;z-index:100}
.HeaderTop{background:linear-gradient(135deg,#272D30 0%,#3a4347 100%);padding:10px 0;text-align:center}
.HeaderTop .CompanyNameWrap{max-width:1140px;margin:auto;padding:0 20px}
.HeaderTop .CompanyNameWrap a{font-family:'Roboto Mono',monospace;font-size:13px;font-weight:700;color:#EDEDED;text-decoration:none;letter-spacing:.18em;text-transform:uppercase}
.HeaderBottom{padding:18px 0}
.HeaderBottom .heado-inner{max-width:1140px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.HeaderBottom .LogoWrap a{display:block}
.HeaderBottom .LogoWrap img{height:80px;width:80px;object-fit:contain;display:block;border-radius:8px;box-shadow:0 2px 12px #272d301a}
.HeaderBottom .navi-wrapper{display:flex;align-items:center;gap:0}
.HeaderBottom .navi-wrapper ul{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.HeaderBottom .navi-wrapper ul li a{display:block;font-family:'Roboto Mono',monospace;font-size:13px;font-weight:400;color:#272D30;text-decoration:none;padding:10px 16px;border-radius:6px;letter-spacing:.04em;transition:background-color 0.18s,color .18s}
.HeaderBottom .navi-wrapper ul li a:hover{background-color:#EDEDED;color:#FD5B9B}
.HeaderBottom .navi-wrapper ul li.is-active a{background-color:#FD5B9B;color:#fff}
.HeaderDivider{height:1px;background:linear-gradient(90deg,#EDEDED 0%,#FD5B9B 50%,#EDEDED 100%)}
@media (max-width: 768px) {
.HeaderBottom .heado-inner{flex-direction:column;gap:16px;align-items:center}
.HeaderBottom .navi-wrapper ul{justify-content:center}
.HeaderBottom .navi-wrapper ul li a{font-size:12px;padding:8px 12px}
}
@media (max-width: 375px) {
.HeaderBottom .navi-wrapper ul li a{font-size:11px;padding:7px 9px}
}
.FooterWrap{background-color:#272D30;color:#EDEDED;padding:56px 0 0;margin-top:0}
.FooterWrap .foot-inner{max-width:1140px;margin:auto;padding:0 20px}
.FooterWrap .foot-cols-wrapper{display:grid;grid-template-columns:2fr 1.2fr 1.5fr;gap:48px 40px;padding-bottom:48px;border-bottom:1px solid #ededed1f}
.FooterWrap .foot-col-title{font-size:11px;font-weight:700;color:#FD5B9B;letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px}
.FooterWrap .foot-col-about p{font-size:13px;color:#edededa6;line-height:1.75}
.FooterWrap .foot-col-links ul{display:flex;flex-direction:column;gap:10px}
.FooterWrap .foot-col-links ul li a{font-size:13px;color:#edededb3;text-decoration:none;font-family:'Roboto Mono',monospace;transition:color .16s;display:flex;align-items:center;gap:8px}
.FooterWrap .foot-col-links ul li a:hover{color:#FD5B9B}
.FooterWrap .foot-col-links ul li a .pe-7s-angle-right{font-size:14px}
.FooterWrap .foot-col-contact .ContactItem{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.FooterWrap .foot-col-contact .ContactItem i{font-size:18px;color:#FD5B9B;margin-top:2px;flex-shrink:0}
.FooterWrap .foot-col-contact .ContactItem span{font-size:13px;color:#edededa6;line-height:1.65}
.FooterWrap .foot-col-contact .ContactItem a{color:#edededa6;text-decoration:none;transition:color .16s}
.FooterWrap .foot-col-contact .ContactItem a:hover{color:#FD5B9B}
.FooterWrap .foot-bottom-wrapper{max-width:1140px;margin:auto;padding:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.FooterWrap .foot-copyright{font-size:12px;color:#ededed66}
@media (max-width: 768px) {
.FooterWrap .foot-cols-wrapper{grid-template-columns:1fr;gap:32px}
.FooterWrap .foot-bottom-wrapper{flex-direction:column;align-items:flex-start}
}
.CookieCardWrap{position:fixed;bottom:28px;left:28px;width:340px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #272d302e 0 2px 8px #272d3014;z-index:9999;transform:translateX(calc(-100% - 60px));transition:transform .42s cubic-bezier(0.22,1,0.36,1);border:1px solid #EDEDED;overflow:hidden}
.CookieCardWrap.is-visible{transform:translateX(0)}
.CookieCardWrap.is-hidden{transform:translateX(calc(-100% - 60px))}
.CookieCardInner{padding:24px 22px 20px}
.CookieCardInner .CookieHeado{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.CookieCardInner .CookieHeado i{font-size:20px;color:#FD5B9B}
.CookieCardInner .CookieHeado span{font-size:14px;font-weight:700;color:#272D30;font-family:'Roboto Mono',monospace}
.CookieCardInner .CookieDesc{font-size:12px;color:#555;line-height:1.65;margin-bottom:16px}
.CookieCategories{border-top:1px solid #EDEDED;padding-top:14px;margin-bottom:16px}
.CookieCategories .CatItem{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.CookieCategories .CatItem:last-child{margin-bottom:0}
.CookieCategories .CatLabel{font-size:12px;color:#272D30;font-family:'Roboto Mono',monospace}
.CookieCategories .CatLabel span{display:block;font-size:11px;color:#999;margin-top:2px}
.CookieCategories .CatCheck{flex-shrink:0;width:36px;height:20px;position:relative}
.CookieCategories .CatCheck input[type="checkbox"]{opacity:0;width:0;height:0;position:absolute}
.CookieCategories .CatCheck .toggle-track{position:absolute;top:0;left:0;width:36px;height:20px;background:#EDEDED;border-radius:20px;cursor:pointer;transition:background .2s}
.CookieCategories .CatCheck .toggle-track::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 4px #0000002e}
.CookieCategories .CatCheck input:checked + .toggle-track{background:#FD5B9B}
.CookieCategories .CatCheck input:checked + .toggle-track::after{transform:translateX(16px)}
.CookieCategories .CatCheck input:disabled + .toggle-track{opacity:.5;cursor:not-allowed}
.CookieBtns{display:flex;gap:10px}
.CookieBtns .butt-cookie{flex:1;padding:10px 8px;border-radius:6px;font-family:'Roboto Mono',monospace;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:opacity .16s;letter-spacing:.04em}
.CookieBtns .butt-cookie:hover{opacity:.82}
.CookieBtns .butt-cookie.AcceptAll{background:linear-gradient(135deg,#272D30 0%,#FD5B9B 100%);color:#fff}
.CookieBtns .butt-cookie.DeclineAll{background:#EDEDED;color:#272D30}
@media (max-width: 375px) {
.CookieCardWrap{width:calc(100vw - 32px);left:16px;bottom:16px}
}
.doc-box-y{max-width:1140px;margin:0 auto;padding:48px 24px 64px;background:#fff;color:#272D30;font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.8}
.doc-box-y h1{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:2.4rem;font-weight:700;line-height:1.2;color:#272D30;margin:0 0 32px;padding-bottom:16px;border-bottom:3px solid #FD5B9B}
.doc-box-y h2{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.3;color:#272D30;margin:48px 0 16px;padding-left:12px;border-left:4px solid #FD5B9B}
.doc-box-y h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:1.35rem;font-weight:600;line-height:1.4;color:#272D30;margin:36px 0 12px}
.doc-box-y h4{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.5;color:#272D30;margin:28px 0 10px;text-transform:uppercase;letter-spacing:.04em}
.doc-box-y h5{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:1rem;font-weight:600;line-height:1.5;color:#272D30;margin:24px 0 8px}
.doc-box-y h6{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:.9rem;font-weight:600;line-height:1.5;color:#6b7280;margin:20px 0 8px;text-transform:uppercase;letter-spacing:.06em}
.doc-box-y p{margin:0 0 20px;color:#3d4448;font-size:1rem;line-height:1.85}
.doc-box-y ul{margin:0 0 24px;padding:0 0 0 28px;list-style:none}
.doc-box-y ol{margin:0 0 24px;padding:0 0 0 28px;list-style:none;counter-reset:policy-counter}
.doc-box-y ul li{position:relative;padding:4px 0 4px 18px;color:#3d4448;font-size:1rem;line-height:1.75}
.doc-box-y ul li::before{content:'';position:absolute;left:0;top:14px;width:7px;height:7px;background:#FD5B9B;border-radius:50%}
.doc-box-y ol li{position:relative;padding:4px 0 4px 18px;color:#3d4448;font-size:1rem;line-height:1.75;counter-increment:policy-counter}
.doc-box-y ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;top:4px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:.85rem;font-weight:700;color:#FD5B9B;line-height:1.75}
.doc-box-y ul ul,.doc-box-y ol ol,.doc-box-y ul ol,.doc-box-y ol ul{margin:6px 0}
.doc-box-y strong{font-weight:700;color:#272D30}
.doc-box-y b{font-weight:700;color:#272D30}
.doc-box-y table{width:100%;border-collapse:collapse;margin:32px 0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:.92rem;box-shadow:0 4px 24px #272d3014;border-radius:8px;overflow:hidden}
.doc-box-y thead{background:linear-gradient(135deg,#272D30,#3d4448)}
.doc-box-y thead tr{background:transparent}
.doc-box-y thead th{padding:14px 18px;text-align:left;font-weight:600;font-size:.85rem;color:#fff;letter-spacing:.05em;text-transform:uppercase;border:none}
.doc-box-y tbody{background:#fff}
.doc-box-y tbody tr{border-bottom:1px solid #EDEDED;transition:background .15s ease}
.doc-box-y tbody tr:last-child{border-bottom:none}
.doc-box-y tbody tr:nth-child(even){background:#fafafa}
.doc-box-y tbody tr:hover{background:#fff5f9}
.doc-box-y td{padding:13px 18px;color:#3d4448;vertical-align:top;line-height:1.65;border:none;border-right:1px solid #EDEDED}
.doc-box-y td:last-child{border-right:none}
.doc-box-y th:last-child{border-right:none}
.doc-box-y div{box-sizing:border-box}
.doc-box-y div.notice-wrapper,.doc-box-y div[class*="notice"]{background:#fff5f9;border-left:4px solid #FD5B9B;border-radius:0 8px 8px 0;padding:16px 20px;margin:24px 0;box-shadow:inset 2px 0 0 #fd5b9b26}
.doc-box-y div.info-wrapper,.doc-box-y div[class*="info"]{background:#f5f7f8;border-left:4px solid #272D30;border-radius:0 8px 8px 0;padding:16px 20px;margin:24px 0}
@media screen and (max-width: 768px) {
.doc-box-y{padding:32px 16px 48px;font-size:15px}
.doc-box-y h1{font-size:1.8rem;margin-bottom:24px}
.doc-box-y h2{font-size:1.4rem;margin-top:36px}
.doc-box-y h3{font-size:1.2rem;margin-top:28px}
.doc-box-y h4{font-size:1rem}
.doc-box-y table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:6px}
.doc-box-y thead th{padding:11px 13px;font-size:.78rem;white-space:nowrap}
.doc-box-y td{padding:10px 13px;font-size:.88rem;white-space:nowrap}
.doc-box-y ul li,.doc-box-y ol li{font-size:.95rem}
}
@media screen and (max-width: 375px) {
.doc-box-y{padding:24px 12px 40px;font-size:14px}
.doc-box-y h1{font-size:1.5rem}
.doc-box-y h2{font-size:1.2rem}
.doc-box-y h3{font-size:1.1rem}
.doc-box-y ul{padding-left:16px}
.doc-box-y ol{padding-left:16px}
}
@media screen and (min-width: 1366px) {
.doc-box-y{font-size:17px;padding:56px 32px 80px}
.doc-box-y h1{font-size:2.75rem}
.doc-box-y h2{font-size:1.95rem}
.doc-box-y h3{font-size:1.5rem}
.doc-box-y p{font-size:1.05rem}
}
.TitleBlockWrapper{position:relative;overflow:hidden;background:linear-gradient(145deg,#272D30 0%,#1a1f22 60%,#272D30 100%);padding:100px 20px 80px}
.TitleBlockWrapper .BgLayerAlt{position:absolute;top:-80px;right:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#fd5b9b2e 0%,transparent 70%);pointer-events:none}
.TitleBlockWrapper .BgLayerSecondary{position:absolute;bottom:-60px;left:-80px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#fd5b9b1a 0%,transparent 65%);pointer-events:none}
.TitleBlockWrapper .BgDotPattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(#ededed0f 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.TitleInnerWrap{max-width:1140px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:60px}
.TitleTextSide{flex:1 1 480px;position:relative;z-index:2}
.TitleTextSide .HeadoBadge{display:inline-flex;align-items:center;gap:8px;background:#fd5b9b26;border:1px solid #fd5b9b4d;border-radius:20px;padding:6px 14px;margin-bottom:24px}
.TitleTextSide .HeadoBadge span{font-size:12px;color:#FD5B9B;letter-spacing:.08em;text-transform:uppercase}
.TitleTextSide .MainHeado{font-size:clamp(32px,5vw,54px);font-weight:800;line-height:1.15;color:#EDEDED;margin:0 0 20px;letter-spacing:-.02em}
.TitleTextSide .MainHeado em{font-style:normal;color:#FD5B9B}
.TitleTextSide .SubHeado{font-size:17px;line-height:1.65;color:#edededb8;margin:0 0 36px;max-width:440px}
.TitleTextSide .HeroButt{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FD5B9B,#c94080);color:#fff;font-size:15px;font-weight:600;padding:14px 30px;border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:box-shadow .25s ease,transform .2s ease;position:relative;z-index:5;box-shadow:0 6px 24px #fd5b9b59}
.TitleTextSide .HeroButt:hover{transform:translateY(-2px);box-shadow:0 10px 32px #fd5b9b80}
.TitleImageSide{flex:1 1 380px;position:relative;z-index:2}
.TitleImageSide .ImgFrameWrap{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000073}
.TitleImageSide .ImgFrameWrap img{width:100%;height:340px;object-fit:cover;display:block;filter:brightness(0.88)}
.TitleImageSide .ImgOverlayTag{position:absolute;bottom:18px;left:18px;background:#272d30e0;backdrop-filter:blur(8px);border-radius:8px;padding:10px 16px;display:flex;flex-direction:column;gap:2px}
.TitleImageSide .ImgOverlayTag .TagLabel{font-size:11px;color:#ededed8c;text-transform:uppercase;letter-spacing:.07em}
.TitleImageSide .ImgOverlayTag .TagVal{font-size:16px;font-weight:700;color:#FD5B9B}
.ReqBlockWrapper{background:#EDEDED;padding:88px 20px}
.ReqInnerWrap{max-width:1140px;margin:0 auto}
.ReqHeadoWrap{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:52px}
.ReqHeadoWrap .SectionLabelAlt{font-size:12px;font-weight:700;color:#FD5B9B;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.ReqHeadoWrap .SectionLabelAlt::before{content:'';display:inline-block;width:24px;height:2px;background:#FD5B9B;border-radius:2px}
.ReqHeadoWrap h2{font-size:clamp(26px,4vw,40px);font-weight:800;color:#272D30;margin:0 0 14px;line-height:1.2}
.ReqHeadoWrap p{font-size:16px;color:#555;line-height:1.65;max-width:520px;margin:0}
.ReqGridLayout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:48px}
.ReqCard{background:#fff;border-radius:10px;padding:28px 24px;box-shadow:0 4px 20px #272d3014;border-top:3px solid transparent;transition:box-shadow .25s ease,transform .2s ease;position:relative}
.ReqCard:hover{box-shadow:0 10px 32px #272d3024;transform:translateY(-3px)}
.ReqCard.CardAccent{border-top-color:#FD5B9B}
.ReqCard.CardMuted{border-top-color:#272D30}
.ReqCard.CardLight{border-top-color:#b0b0b0}
.ReqCard .CardIconWrap{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:20px}
.ReqCard.CardAccent .CardIconWrap{background:#fd5b9b1f;color:#FD5B9B}
.ReqCard.CardMuted .CardIconWrap{background:#272d301a;color:#272D30}
.ReqCard.CardLight .CardIconWrap{background:#9696961f;color:#555}
.ReqCard .CardTitle{font-size:16px;font-weight:700;color:#272D30;margin:0 0 10px}
.ReqCard .CardDesc{font-size:14px;line-height:1.62;color:#666;margin:0}
.ReqAccordionArea{display:flex;flex-direction:column;gap:0;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #272d3014}
.AccordItem input[type="checkbox"]{display:none}
.AccordItem{background:#fff;border-bottom:1px solid #272d3014}
.AccordItem:last-child{border-bottom:none}
.AccordItem label{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;cursor:pointer;font-size:15px;font-weight:600;color:#272D30;transition:background .2s ease;gap:12px}
.AccordItem label:hover{background:#fd5b9b0a}
.AccordItem label .AccordIcon{width:22px;height:22px;border-radius:50%;background:#EDEDED;display:flex;align-items:center;justify-content:center;font-size:14px;color:#FD5B9B;transition:transform .25s ease,background .2s ease;flex-shrink:0}
.AccordItem input:checked + label .AccordIcon{transform:rotate(45deg);background:#fd5b9b26}
.AccordBody{max-height:0;overflow:hidden;transition:max-height .35s ease}
.AccordItem input:checked ~ .AccordBody{max-height:200px}
.AccordBody .AccordBodyInner{padding:4px 24px 20px;font-size:14px;line-height:1.7;color:#555}
.StepsBlockWrapper{background:#272D30;padding:88px 20px 80px;position:relative;overflow:hidden}
.StepsBlockWrapper .DecoBlobAlt{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:700px;height:300px;background:radial-gradient(ellipse,#fd5b9b14 0%,transparent 70%);pointer-events:none}
.StepsInnerWrap{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.StepsSplitLayout{display:flex;flex-direction:row;align-items:flex-start;gap:72px}
.StepsLeftCol{flex:0 0 360px;position:sticky;top:40px}
.StepsLeftCol .SectionTagAlt{font-size:11px;font-weight:700;color:#FD5B9B;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.StepsLeftCol h2{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:#EDEDED;line-height:1.25;margin:0 0 18px}
.StepsLeftCol .ColDesc{font-size:15px;line-height:1.68;color:#ededed9e;margin:0 0 32px}
.StepsLeftCol .ColImgWrap{border-radius:10px;overflow:hidden;box-shadow:0 16px 48px #0006}
.StepsLeftCol .ColImgWrap img{width:100%;height:240px;object-fit:cover;display:block;filter:brightness(0.8) saturate(0.9)}
.StepsRightCol{flex:1 1 auto;display:flex;flex-direction:column;gap:0}
.StepItem{display:flex;flex-direction:row;gap:24px;padding:28px 0;border-bottom:1px solid #ededed14;position:relative}
.StepItem:last-child{border-bottom:none}
.StepNumCol{display:flex;flex-direction:column;align-items:center;flex-shrink:0}
.StepNum{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#FD5B9B,#c94080);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0}
.StepLineCon{flex:1;width:2px;background:#fd5b9b33;margin-top:8px}
.StepItem:last-child .StepLineCon{display:none}
.StepContentCol{flex:1;padding-top:6px}
.StepContentCol .StepTitle{font-size:16px;font-weight:700;color:#EDEDED;margin:0 0 8px}
.StepContentCol .StepDesc{font-size:14px;line-height:1.68;color:#ededed99;margin:0 0 12px}
.StepContentCol .StepTag{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#FD5B9B;background:#fd5b9b1a;border-radius:4px;padding:3px 10px}
@media (max-width: 1024px) {
.ReqGridLayout{grid-template-columns:1fr 1fr}
.StepsSplitLayout{flex-direction:column;gap:40px}
.StepsLeftCol{flex:none;position:static;width:100%}
}
@media (max-width: 768px) {
.TitleInnerWrap{flex-direction:column;gap:36px}
.TitleImageSide{width:100%;flex:none}
.ReqGridLayout{grid-template-columns:1fr}
.TitleBlockWrapper{padding:70px 20px 60px}
.ReqBlockWrapper{padding:60px 20px}
.StepsBlockWrapper{padding:60px 20px}
}
@media (max-width: 375px) {
.TitleTextSide .MainHeado{font-size:28px}
.StepsLeftCol h2{font-size:22px}
}
.HeroWrap{position:relative;overflow:hidden;background:#272D30;min-height:520px;display:flex;align-items:center}
.HeroWrap .HeroInner{max-width:1140px;margin:0 auto;padding:80px 24px;display:flex;flex-direction:row;align-items:center;gap:48px;position:relative;z-index:2;width:100%}
.HeroWrap .HeroTextCol{flex:1 1 50%;display:flex;flex-direction:column;gap:20px}
.HeroWrap .HeroTextCol h1{font-size:2.8rem;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.5px;margin:0}
.HeroWrap .HeroTextCol h1 .AccentWord{color:#FD5B9B;position:relative;display:inline-block}
.HeroWrap .HeroTextCol h1 .AccentWord::after{content:'';display:block;height:3px;background:linear-gradient(90deg,#FD5B9B,transparent);border-radius:2px;margin-top:2px}
.HeroWrap .HeroTextCol .HeroSub{font-size:1.05rem;color:#EDEDED;line-height:1.65;margin:0;max-width:440px}
.HeroWrap .HeroTextCol .HeroButtWrap{display:flex;flex-direction:row;gap:12px;flex-wrap:wrap}
.HeroWrap .HeroTextCol .HeroButtWrap .PrimaryButt{background:linear-gradient(135deg,#FD5B9B 0%,#c93d7a 100%);color:#fff;border:none;border-radius:8px;padding:14px 32px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 4px 18px #fd5b9b59;transition:transform 0.18s,box-shadow .18s;z-index:3}
.HeroWrap .HeroTextCol .HeroButtWrap .PrimaryButt:hover{transform:translateY(-2px);box-shadow:0 8px 28px #fd5b9b7a}
.HeroWrap .HeroTextCol .HeroButtWrap .SecondButt{background:transparent;color:#EDEDED;border:2px solid #ededed66;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color 0.18s,color .18s;z-index:3}
.HeroWrap .HeroTextCol .HeroButtWrap .SecondButt:hover{border-color:#FD5B9B;color:#FD5B9B}
.HeroWrap .HeroImgCol{flex:1 1 42%;position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:380px}
.HeroWrap .HeroImgCol .ImgCutout{width:100%;max-width:420px;height:420px;object-fit:cover;border-radius:18px 18px 0 18px;box-shadow:0 20px 60px #00000073;position:relative;z-index:2;display:block}
.HeroWrap .HeroImgCol .ShapeAccent{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#fd5b9b59 0%,transparent 70%);top:10%;right:-30px;z-index:1;animation:PulseShape 4s ease-in-out infinite}
.HeroWrap .HeroImgCol .ShapeSquare{position:absolute;width:60px;height:60px;border:3px solid #fd5b9b80;border-radius:10px;bottom:40px;left:-20px;z-index:1;animation:RotShape 8s linear infinite}
.HeroBgShape{position:absolute;top:-80px;right:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#fd5b9b1f 0%,transparent 70%);z-index:1;pointer-events:none}
.HeroBgLine{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#FD5B9B,transparent);z-index:2}
@keyframes PulseShape {
0%,100%{transform:scale(1);opacity:.7}
50%{transform:scale(1.15);opacity:1}
}
@keyframes RotShape {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.DividerWave{width:100%;overflow:hidden;line-height:0;background:#272D30}
.DividerWave svg{display:block;width:100%}
.OppsSection{background:#fff;padding:72px 24px}
.OppsSection .OppsSectionInner{max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:48px}
.OppsSection .OppsSectionHeado{text-align:center}
.OppsSection .OppsSectionHeado h2{font-size:2rem;font-weight:800;color:#272D30;margin:0 0 12px;position:relative;display:inline-block}
.OppsSection .OppsSectionHeado h2::before{content:'';display:block;width:40px;height:4px;background:linear-gradient(90deg,#FD5B9B,#272D30);border-radius:2px;margin:0 auto 14px}
.OppsSection .OppsSectionHeado p{font-size:1rem;color:#555;max-width:520px;margin:0 auto;line-height:1.65}
.OppsSection .OppsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.OppsSection .OppsGrid .OppsCard{background:#EDEDED;border-radius:12px;padding:32px 26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 20px #272d3012;transition:transform 0.18s,box-shadow .18s;position:relative;overflow:hidden}
.OppsSection .OppsGrid .OppsCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FD5B9B,#272D30);border-radius:12px 0 0 12px}
.OppsSection .OppsGrid .OppsCard:hover{transform:translateY(-4px);box-shadow:0 12px 36px #fd5b9b26}
.OppsSection .OppsGrid .OppsCard .CardIco{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#FD5B9B,#272D30);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem}
.OppsSection .OppsGrid .OppsCard h4{font-size:1.1rem;font-weight:700;color:#272D30;margin:0}
.OppsSection .OppsGrid .OppsCard p{font-size:.93rem;color:#555;margin:0;line-height:1.6}
.OppsSection .OppsBanner{display:flex;flex-direction:row;align-items:center;gap:32px;background:linear-gradient(120deg,#272D30 60%,#3d1a2a 100%);border-radius:16px;padding:36px 40px;overflow:hidden;position:relative}
.OppsSection .OppsBanner::after{content:'';position:absolute;right:-40px;top:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#fd5b9b40 0%,transparent 70%)}
.OppsSection .OppsBanner .BannerImgWrap{flex:0 0 260px;border-radius:10px;overflow:hidden}
.OppsSection .OppsBanner .BannerImgWrap img{width:260px;height:180px;object-fit:cover;display:block;border-radius:10px}
.OppsSection .OppsBanner .BannerText{flex:1;display:flex;flex-direction:column;gap:14px;position:relative;z-index:2}
.OppsSection .OppsBanner .BannerText h3{font-size:1.45rem;font-weight:800;color:#fff;margin:0}
.OppsSection .OppsBanner .BannerText p{font-size:.95rem;color:#edededd9;margin:0;line-height:1.6}
.OppsSection .OppsBanner .BannerText a{background:#FD5B9B;color:#fff;border-radius:8px;padding:12px 26px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block;align-self:flex-start;transition:background 0.18s,transform .18s;z-index:3}
.OppsSection .OppsBanner .BannerText a:hover{background:#c93d7a;transform:translateY(-2px)}
.SupportSection{background:#EDEDED;padding:72px 24px}
.SupportSection .SupportInner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.SupportSection .SupportLeft{display:flex;flex-direction:column;gap:24px}
.SupportSection .SupportLeft h2{font-size:1.9rem;font-weight:800;color:#272D30;margin:0;position:relative;padding-left:18px}
.SupportSection .SupportLeft h2::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:5px;background:linear-gradient(180deg,#FD5B9B,#272D30);border-radius:3px}
.SupportSection .SupportLeft p{font-size:.97rem;color:#555;line-height:1.65;margin:0}
.SupportSection .SupportLeft .SupportImgRow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.SupportSection .SupportLeft .SupportImgRow img{width:100%;height:160px;object-fit:cover;border-radius:10px;box-shadow:0 4px 16px #272d301a}
.SupportSection .SupportLeft .TechLink{display:inline-flex;align-items:center;gap:8px;color:#FD5B9B;font-size:.95rem;font-weight:600;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .18s;align-self:flex-start}
.SupportSection .SupportLeft .TechLink:hover{border-bottom-color:#FD5B9B}
.SupportSection .SupportRight{display:flex;flex-direction:column;gap:16px}
.SupportSection .SupportRight .AccordionWrap{display:flex;flex-direction:column;gap:10px}
.SupportSection .SupportRight .AccordionWrap .AccItem{background:#fff;border-radius:10px;box-shadow:0 2px 12px #272d300f;overflow:hidden}
.SupportSection .SupportRight .AccordionWrap .AccItem input[type="checkbox"]{display:none}
.SupportSection .SupportRight .AccordionWrap .AccItem .AccLabel{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;font-size:.97rem;font-weight:600;color:#272D30;user-select:none;transition:background .15s}
.SupportSection .SupportRight .AccordionWrap .AccItem .AccLabel:hover{background:#fd5b9b0d}
.SupportSection .SupportRight .AccordionWrap .AccItem .AccLabel .AccIco{color:#FD5B9B;font-size:1.2rem;transition:transform .25s;display:inline-block}
.SupportSection .SupportRight .AccordionWrap .AccItem input:checked + .AccLabel .AccIco{transform:rotate(45deg)}
.SupportSection .SupportRight .AccordionWrap .AccItem .AccBody{max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:.93rem;color:#555;line-height:1.65}
.SupportSection .SupportRight .AccordionWrap .AccItem input:checked ~ .AccBody{max-height:200px}
.SupportSection .SupportRight .AccordionWrap .AccItem .AccBodyInner{padding:0 22px 18px}
.SupportSection .SupportRight .ContactBoxWrap{margin-top:8px;background:linear-gradient(135deg,#272D30,#1a1f22);border-radius:12px;padding:28px 26px;display:flex;flex-direction:column;gap:14px}
.SupportSection .SupportRight .ContactBoxWrap h4{color:#fff;font-size:1.05rem;font-weight:700;margin:0}
.SupportSection .SupportRight .ContactBoxWrap .ContactRow{display:flex;flex-direction:column;gap:10px}
.SupportSection .SupportRight .ContactBoxWrap .ContactRow a{display:flex;align-items:center;gap:10px;color:#EDEDED;text-decoration:none;font-size:.92rem;transition:color .15s}
.SupportSection .SupportRight .ContactBoxWrap .ContactRow a:hover{color:#FD5B9B}
.SupportSection .SupportRight .ContactBoxWrap .ContactRow a span.CIco{color:#FD5B9B;font-size:1.1rem}
@media (max-width: 1024px) {
.OppsSection .OppsGrid{grid-template-columns:repeat(2,1fr)}
.OppsSection .OppsBanner{flex-direction:column}
.OppsSection .OppsBanner .BannerImgWrap{flex:none;width:100%}
.OppsSection .OppsBanner .BannerImgWrap img{width:100%;height:200px}
}
@media (max-width: 768px) {
.HeroWrap .HeroInner{flex-direction:column;padding:48px 20px 32px;gap:32px}
.HeroWrap .HeroTextCol h1{font-size:2rem}
.HeroWrap .HeroImgCol{width:100%;min-height:260px}
.HeroWrap .HeroImgCol .ImgCutout{height:260px;max-width:100%}
.OppsSection .OppsGrid{grid-template-columns:1fr}
.SupportSection .SupportInner{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 375px) {
.HeroWrap .HeroTextCol h1{font-size:1.65rem}
.OppsSection .OppsBanner{padding:24px 18px}
}
.ContactPageWrap{max-width:1140px;margin:0 auto;padding:0 20px}
.TitleBlockWrap{position:relative;overflow:hidden;padding:90px 0 70px;background:linear-gradient(135deg,#272D30 0%,#1a1f22 60%,#272D30 100%)}
.TitleBlockWrap .BlurSpotAlt{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
.TitleBlockWrap .BlurSpotAlt:nth-child(1){width:340px;height:340px;background:#fd5b9b47;top:-80px;left:-60px}
.TitleBlockWrap .BlurSpotAlt:nth-child(2){width:260px;height:260px;background:#fd5b9b29;bottom:-40px;right:10%}
.TitleBlockWrap .BlurSpotAlt:nth-child(3){width:180px;height:180px;background:#ffffff0f;top:40%;left:50%}
.TitleBlockInner{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;gap:48px;max-width:1140px;margin:0 auto;padding:0 20px}
.TitleBlockText{flex:1 1 55%}
.TitleBlockText .HeadoLabel{display:inline-block;background:#fd5b9b2e;border:1px solid #fd5b9b66;color:#FD5B9B;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:22px}
.TitleBlockText .MainHeado{color:#fff;font-size:clamp(32px,5vw,54px);font-weight:700;line-height:1.2;margin:0 0 18px}
.TitleBlockText .MainHeado span{color:#FD5B9B}
.TitleBlockText .SubPara{color:#edededbf;font-size:17px;line-height:1.65;margin:0;max-width:440px}
.TitleBlockVisual{flex:1 1 40%;display:flex;flex-direction:column;gap:14px;align-items:flex-end}
.TitleBlockVisual .InfoPill{background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;padding:16px 22px;display:flex;flex-direction:row;align-items:center;gap:14px;min-width:260px;backdrop-filter:blur(8px)}
.TitleBlockVisual .InfoPill .PillIco{width:38px;height:38px;background:linear-gradient(135deg,#FD5B9B,#d43e80);border-radius:10px;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0}
.TitleBlockVisual .InfoPill .PillIco i{color:#fff;font-size:18px}
.TitleBlockVisual .InfoPill .PillText{display:flex;flex-direction:column;gap:2px}
.TitleBlockVisual .InfoPill .PillText .PillLabel{color:#ededed8c;font-size:11px;text-transform:uppercase;letter-spacing:1.2px}
.TitleBlockVisual .InfoPill .PillText .PillVal{color:#fff;font-size:14px;font-weight:600}
.TitleBlockBottom{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,#ffffff08);pointer-events:none}
.QuickInfoSect{padding:64px 0;background:#EDEDED}
.QuickInfoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1140px;margin:0 auto;padding:0 20px}
.QuickInfoCard{background:#fff;border-radius:12px;padding:32px 26px;box-shadow:0 4px 24px #272d3014;position:relative;overflow:hidden;transition:box-shadow 0.25s,transform .25s}
.QuickInfoCard:hover{box-shadow:0 8px 36px #272d3024;transform:translateY(-3px)}
.QuickInfoCard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FD5B9B,#272D30)}
.QuickInfoCard .CardIcoWrap{width:48px;height:48px;background:linear-gradient(135deg,#fd5b9b1f,#fd5b9b0f);border-radius:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:18px}
.QuickInfoCard .CardIcoWrap i{color:#FD5B9B;font-size:22px}
.QuickInfoCard .CardTitle{color:#272D30;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 10px}
.QuickInfoCard .CardDetail{color:#555e63;font-size:15px;line-height:1.6;margin:0}
.QuickInfoCard .CardDetail a{color:#FD5B9B;text-decoration:none}
.QuickInfoCard .CardDetail a:hover{text-decoration:underline}
.FormSectWrap{padding:80px 0;background:#fff}
.FormSectInner{display:flex;flex-direction:row;gap:64px;align-items:flex-start;max-width:1140px;margin:0 auto;padding:0 20px}
.FormSideText{flex:1 1 38%}
.FormSideText .SideTextLabel{display:inline-block;width:36px;height:4px;background:linear-gradient(90deg,#FD5B9B,#272D30);border-radius:2px;margin-bottom:20px}
.FormSideText .SideHeado{color:#272D30;font-size:clamp(22px,3vw,34px);font-weight:700;line-height:1.3;margin:0 0 16px}
.FormSideText .SidePara{color:#5a6268;font-size:16px;line-height:1.65;margin:0 0 28px}
.FormSideText .StepListWrap{display:flex;flex-direction:column;gap:16px}
.FormSideText .StepListWrap .StepItem{display:flex;flex-direction:row;align-items:flex-start;gap:14px}
.FormSideText .StepListWrap .StepItem .StepNum{width:28px;height:28px;background:linear-gradient(135deg,#FD5B9B,#d43e80);color:#fff;font-size:12px;font-weight:700;border-radius:50%;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.FormSideText .StepListWrap .StepItem .StepDesc{color:#5a6268;font-size:14px;line-height:1.55}
.FormSideText .StepListWrap .StepItem .StepDesc strong{color:#272D30}
.FormWrapper{flex:1 1 58%}
.StepFormBox{background:#fafafa;border:1px solid #e8eaeb;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #272d3012}
.StepFormBox .FormStepHeader{background:linear-gradient(135deg,#272D30,#3a4347);padding:24px 32px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
.StepFormBox .FormStepHeader .StepHeadoTitle{color:#fff;font-size:16px;font-weight:600}
.StepFormBox .FormStepHeader .StepIndicatorRow{display:flex;flex-direction:row;gap:8px;align-items:center}
.StepFormBox .FormStepHeader .StepDot{width:10px;height:10px;border-radius:50%;background:#ffffff40}
.StepFormBox .FormStepHeader .StepDot.is-active{background:#FD5B9B;box-shadow:0 0 8px #fd5b9b80}
.StepFormBox .FormStepHeader .StepDot.is-done{background:#fff9}
.StepFormBox .FormBody{padding:36px 32px}
.StepFormBox .FormBody .FieldGroupWrap{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}
.StepFormBox .FormBody .FieldRowWrap{display:flex;flex-direction:row;gap:16px}
.StepFormBox .FormBody .FieldRowWrap .FieldItem{flex:1}
.FieldItem label{display:block;color:#272D30;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.FieldItem input[type="text"],.FieldItem input[type="tel"]{width:100%;padding:14px 16px;border:1.5px solid #dde1e4;border-radius:8px;background:#fff;color:#272D30;font-size:15px;box-sizing:border-box;transition:border-color 0.2s,box-shadow .2s;box-shadow:inset 0 2px 4px #272d300a;outline:none;-webkit-appearance:none}
.FieldItem input[type="text"]:focus,.FieldItem input[type="tel"]:focus{border-color:#FD5B9B;box-shadow:0 0 0 3px #fd5b9b1f inset 0 2px 4px #272d300a}
.FieldSeparatorLine{height:1px;background:linear-gradient(90deg,transparent,#e0e3e5,transparent);margin:8px 0 20px}
.PhoneFieldNote{color:#8e969c;font-size:12px;margin:6px 0 0;display:block}
.PrivacyCheckWrap{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin:24px 0 28px;padding:16px 18px;background:#fd5b9b0a;border:1px solid #fd5b9b26;border-radius:10px}
.PrivacyCheckWrap input[type="checkbox"]{width:18px;height:18px;accent-color:#FD5B9B;flex-shrink:0;margin-top:2px;cursor:pointer}
.PrivacyCheckWrap .PrivacyText{color:#5a6268;font-size:13px;line-height:1.55}
.PrivacyCheckWrap .PrivacyText a{color:#FD5B9B;text-decoration:underline}
.SubmitButtWrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}
.SubmitButtWrapper .SubmiButton{display:inline-flex;flex-direction:row;align-items:center;gap:10px;background:linear-gradient(135deg,#FD5B9B,#d43e80);color:#fff;font-size:15px;font-weight:700;padding:15px 36px;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:box-shadow 0.2s,transform .2s;box-shadow:0 4px 18px #fd5b9b4d;position:relative;z-index:2}
.SubmitButtWrapper .SubmiButton:hover{box-shadow:0 6px 28px #fd5b9b73;transform:translateY(-2px)}
.SubmitButtWrapper .SecureNote{color:#9ba3a9;font-size:12px;display:flex;flex-direction:row;align-items:center;gap:6px}
.SubmitButtWrapper .SecureNote i{color:#FD5B9B;font-size:14px}
.WhyWriteSect{padding:70px 0;background:linear-gradient(160deg,#1e2427 0%,#272D30 50%,#2e353a 100%);position:relative;overflow:hidden}
.WhyWriteSect::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#fd5b9b1a 0%,transparent 70%);top:-150px;right:-100px;pointer-events:none}
.WhyWriteInner{max-width:1140px;margin:0 auto;padding:0 20px}
.WhyWriteSectTitle{color:#fff;font-size:clamp(20px,3vw,30px);font-weight:700;margin:0 0 8px;text-align:center}
.WhyWriteSectSub{color:#ededed99;text-align:center;font-size:15px;margin:0 0 48px}
.WhyCardsRow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.WhyCard{background:#ffffff0d;border:1px solid #ffffff17;border-radius:12px;padding:28px 22px;text-align:center;transition:background 0.25s,border-color .25s}
.WhyCard:hover{background:#fd5b9b1a;border-color:#fd5b9b4d}
.WhyCard .WhyCardIco{width:52px;height:52px;background:linear-gradient(135deg,#fd5b9b33,#fd5b9b14);border-radius:50%;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 auto 16px}
.WhyCard .WhyCardIco i{color:#FD5B9B;font-size:22px}
.WhyCard .WhyCardTitle{color:#fff;font-size:15px;font-weight:600;margin:0 0 8px}
.WhyCard .WhyCardText{color:#ededed99;font-size:13px;line-height:1.6;margin:0}
.FaqSectWrap{padding:72px 0;background:#f7f8f8}
.FaqSectInner{max-width:1140px;margin:0 auto;padding:0 20px;display:flex;flex-direction:row;gap:64px;align-items:flex-start}
.FaqSideCol{flex:1 1 35%}
.FaqSideCol .FaqSideLabel{color:#FD5B9B;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}
.FaqSideCol .FaqSideHeado{color:#272D30;font-size:clamp(20px,2.5vw,28px);font-weight:700;line-height:1.35;margin:0 0 16px}
.FaqSideCol .FaqSidePara{color:#5a6268;font-size:15px;line-height:1.65;margin:0 0 24px}
.FaqSideCol .FaqContactLink{display:inline-flex;flex-direction:row;align-items:center;gap:8px;color:#FD5B9B;font-size:14px;font-weight:600;text-decoration:none;border-bottom:2px solid #fd5b9b4d;padding-bottom:3px;transition:border-color .2s}
.FaqSideCol .FaqContactLink:hover{border-color:#FD5B9B}
.FaqListCol{flex:1 1 60%}
.FaqAccordWrap{display:flex;flex-direction:column;gap:12px}
.FaqAccordItem{background:#fff;border:1px solid #e4e7e9;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #272d300d}
.FaqAccordItem input[type="checkbox"]{display:none}
.FaqAccordItem .FaqQ{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;user-select:none;color:#272D30;font-size:15px;font-weight:600;transition:color .2s}
.FaqAccordItem .FaqQ .FaqArrow{width:24px;height:24px;background:#fd5b9b1a;border-radius:50%;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.25s,background .25s}
.FaqAccordItem .FaqQ .FaqArrow i{color:#FD5B9B;font-size:12px}
.FaqAccordItem .FaqAns{max-height:0;overflow:hidden;transition:max-height .35s ease;color:#5a6268;font-size:14px;line-height:1.65}
.FaqAccordItem .FaqAns .FaqAnsInner{padding:0 22px 18px;border-top:1px solid #f0f2f3}
.FaqAccordItem input[type="checkbox"]:checked ~ .FaqQ .FaqArrow{transform:rotate(180deg);background:#fd5b9b33}
.FaqAccordItem input[type="checkbox"]:checked ~ .FaqAns{max-height:200px}
.FaqAccordItem input[type="checkbox"]:checked ~ .FaqQ{color:#FD5B9B}
@media (max-width: 1024px) {
.WhyCardsRow{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.TitleBlockInner{flex-direction:column;gap:32px}
.TitleBlockVisual{align-items:flex-start;width:100%}
.TitleBlockVisual .InfoPill{min-width:unset;width:100%}
.QuickInfoGrid{grid-template-columns:1fr}
.FormSectInner{flex-direction:column;gap:40px}
.FormWrapper{width:100%}
.StepFormBox .FormBody .FieldRowWrap{flex-direction:column}
.WhyCardsRow{grid-template-columns:1fr 1fr}
.FaqSectInner{flex-direction:column;gap:36px}
.SubmitButtWrapper{flex-direction:column;align-items:flex-start}
}
@media (max-width: 375px) {
.TitleBlockWrap{padding:60px 0 50px}
.StepFormBox .FormBody{padding:24px 18px}
.StepFormBox .FormStepHeader{padding:18px}
.WhyCardsRow{grid-template-columns:1fr}
}
.TitleBlockWrapper{position:relative;overflow:hidden;background:#272D30;min-height:480px;display:flex;flex-direction:row;align-items:stretch}
.TitleBlockWrapper::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,#fd5b9b2e 0%,transparent 60%);pointer-events:none;z-index:1}
.TitleTextSide{position:relative;z-index:2;flex:1 1 50%;display:flex;flex-direction:column;justify-content:center;padding:64px 48px 64px 56px}
.TitleAccentBar{width:48px;height:4px;background:linear-gradient(90deg,#FD5B9B,#272D30);border-radius:2px;margin-bottom:28px}
.TitleTextSide .HeadoMain{font-size:2.6rem;font-weight:800;line-height:1.18;color:#EDEDED;margin:0 0 24px;letter-spacing:-.5px}
.TitleTextSide .HeadoMain span{color:#FD5B9B}
.TitleSlogan{font-size:1.08rem;line-height:1.7;color:#edededb8;border-left:3px solid #FD5B9B;padding-left:18px;margin:0 0 36px;max-width:400px;font-style:italic}
.TitleCtaButt{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FD5B9B 0%,#c73d78 100%);color:#fff;font-size:1rem;font-weight:700;padding:14px 32px;border-radius:8px;text-decoration:none;box-shadow:0 8px 24px #fd5b9b47;transition:transform 0.2s,box-shadow .2s;border:none;cursor:pointer;width:fit-content;z-index:3}
.TitleCtaButt:hover{transform:translateY(-2px);box-shadow:0 14px 32px #fd5b9b61}
.TitleImgSide{position:relative;flex:1 1 50%;display:flex;align-items:stretch;min-height:400px}
.TitleImgFrame{position:relative;width:100%;margin:32px 40px 32px 0;border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #00000073;z-index:2}
.TitleImgFrame img{width:100%;height:100%;object-fit:cover;display:block;min-height:340px}
.TitleImgFrame::after{content:'';position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(to bottom,transparent 0%,#272d30d1 100%);pointer-events:none}
.ColorPulse{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#fd5b9b1f 0%,transparent 70%);bottom:-80px;right:-60px;z-index:0;animation:PulseSlow 6s ease-in-out infinite alternate}
@keyframes PulseSlow {
from{transform:scale(1);opacity:.7}
to{transform:scale(1.18);opacity:1}
}
.CoursesBlockWrapper{background:#f7f7f7;padding:72px 0 80px}
.CoursesInner{max-width:1140px;margin:0 auto;padding:0 24px}
.CoursesHeadoWrapper{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:52px}
.CoursesHeadoLeft{max-width:540px}
.SectionTagline{display:inline-flex;align-items:center;gap:8px;background:#fd5b9b1a;color:#FD5B9B;font-size:.78rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:16px}
.CoursesHeadoLeft h2{font-size:2rem;font-weight:800;color:#272D30;margin:0 0 12px;line-height:1.22}
.CoursesHeadoLeft h2::after{content:'';display:block;width:52px;height:3px;background:linear-gradient(90deg,#FD5B9B,#fd5b9b33);border-radius:2px;margin-top:12px}
.CoursesHeadoLeft p{font-size:1rem;color:#555;line-height:1.65;margin:0}
.CoursesHeadoRight{display:flex;align-items:center;gap:12px;flex-shrink:0}
.StatBadge{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:10px;padding:18px 22px;box-shadow:0 4px 18px #272d3017;min-width:100px}
.StatBadge .StatNum{font-size:1.6rem;font-weight:800;color:#FD5B9B;line-height:1}
.StatBadge .StatLbl{font-size:.72rem;color:#888;margin-top:4px;text-align:center;font-weight:600;letter-spacing:.4px}
.CoursesTabsWrapper{margin-bottom:36px}
.CoursesTabsWrapper input[type="radio"]{display:none}
.TabsNavButt{display:flex;flex-direction:row;gap:8px;margin-bottom:32px;flex-wrap:wrap}
.TabsNavButt label{padding:10px 22px;border-radius:7px;font-size:.9rem;font-weight:600;cursor:pointer;background:#fff;color:#555;border:2px solid #EDEDED;transition:all .18s;user-select:none}
.TabsNavButt label:hover{border-color:#FD5B9B;color:#FD5B9B}
#tab-debutant:checked ~ .TabsNavButt label[for="tab-debutant"],#tab-intermediaire:checked ~ .TabsNavButt label[for="tab-intermediaire"],#tab-avance:checked ~ .TabsNavButt label[for="tab-avance"]{background:linear-gradient(135deg,#FD5B9B,#c73d78);color:#fff;border-color:#FD5B9B;box-shadow:0 4px 14px #fd5b9b4d}
.TabPanel{display:none;flex-direction:row;gap:24px;flex-wrap:wrap}
#tab-debutant:checked ~ .TabPanel-debutant,#tab-intermediaire:checked ~ .TabPanel-intermediaire,#tab-avance:checked ~ .TabPanel-avance{display:flex}
.CourseCard{background:#fff;border-radius:12px;box-shadow:0 4px 22px #272d3014;flex:1 1 280px;max-width:calc(33.33% - 16px);display:flex;flex-direction:column;overflow:hidden;transition:transform 0.2s,box-shadow .2s;border:1.5px solid #EDEDED}
.CourseCard:hover{transform:translateY(-4px);box-shadow:0 12px 36px #272d3024}
.CourseCardTop{background:linear-gradient(135deg,#272D30 0%,#3d464a 100%);padding:24px 24px 20px;position:relative;overflow:hidden}
.CourseCardTop::after{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:#fd5b9b26}
.CourseTopIcon{font-size:2rem;color:#FD5B9B;display:block;margin-bottom:12px;position:relative;z-index:1}
.CourseCardTop h4{font-size:1.08rem;font-weight:700;color:#EDEDED;margin:0 0 6px;position:relative;z-index:1}
.CourseDuration{font-size:.78rem;color:#ededed8c;display:flex;align-items:center;gap:5px;position:relative;z-index:1}
.CourseCardBody{padding:20px 24px;flex:1;display:flex;flex-direction:column}
.CourseCardBody p{font-size:.92rem;color:#555;line-height:1.6;margin:0 0 16px;flex:1}
.CourseTopics{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:6px}
.CourseTopics li{font-size:.82rem;color:#444;display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.CourseTopics li::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#FD5B9B;margin-top:4px;flex-shrink:0}
.CourseCardFooter{padding:16px 24px;border-top:1px solid #EDEDED;display:flex;align-items:center;justify-content:space-between}
.CourseLevel{font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:20px;text-transform:uppercase}
.is-debutant{background:#fd5b9b1a;color:#FD5B9B}
.is-inter{background:#272d3014;color:#272D30}
.is-avance{background:linear-gradient(90deg,#fd5b9b1f,#272d3014);color:#c73d78}
.CardEnrollButt{display:inline-flex;align-items:center;gap:6px;background:#272D30;color:#EDEDED;font-size:.82rem;font-weight:600;padding:8px 16px;border-radius:6px;text-decoration:none;transition:background 0.18s,color .18s;z-index:2;position:relative}
.CardEnrollButt:hover{background:#FD5B9B;color:#fff}
.WaveDivider{line-height:0;background:#f7f7f7}
.WaveDivider svg{display:block;width:100%}
@media (max-width: 1024px) {
.CourseCard{max-width:calc(50% - 12px)}
}
@media (max-width: 768px) {
.TitleBlockWrapper{flex-direction:column;min-height:auto}
.TitleTextSide{padding:40px 24px 32px}
.TitleTextSide .HeadoMain{font-size:1.9rem}
.TitleImgSide{min-height:260px}
.TitleImgFrame{margin:0 20px 24px;min-height:240px}
.TitleImgFrame img{min-height:240px}
.CoursesHeadoWrapper{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:32px}
.CoursesHeadoRight{width:100%}
.StatBadge{flex:1}
.CourseCard{max-width:100%}
.CoursesBlockWrapper{padding:48px 0 56px}
}
@media (max-width: 375px) {
.TitleTextSide .HeadoMain{font-size:1.55rem}
.TitleSlogan{font-size:.95rem}
.TabsNavButt label{padding:8px 14px;font-size:.82rem}
}
.HeadoWrapper{position:relative;overflow:hidden;min-height:480px;display:flex;flex-direction:row;align-items:stretch}
.HeadoGradBg{position:absolute;inset:0;background:linear-gradient(135deg,#272D30 0%,#1a1f22 55%,#FD5B9B 100%);z-index:0}
.HeadoGradAnim{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 60%,#fd5b9b38 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,#272d3059 0%,transparent 55%);z-index:1;animation:HeadoPulse 7s ease-in-out infinite alternate}
@keyframes HeadoPulse {
0%{opacity:.7;transform:scale(1)}
100%{opacity:1;transform:scale(1.06)}
}
.HeadoContentWrapper{position:relative;z-index:3;display:flex;flex-direction:row;align-items:center;width:100%;max-width:1140px;margin:auto;padding:72px 32px 64px;gap:48px}
.HeadoTextCol{flex:1 1 0;min-width:220px}
.HeadoEyebrow{display:inline-block;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#FD5B9B;background:#fd5b9b1a;border:1px solid #fd5b9b47;border-radius:20px;padding:5px 16px;margin-bottom:22px}
.HeadoH1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff;line-height:1.15;margin:0 0 20px;letter-spacing:-.01em}
.HeadoH1 .HeadoAccent{color:#FD5B9B}
.HeadoDesc{font-size:1.05rem;color:#edededd1;line-height:1.7;margin:0;max-width:420px}
.HeadoImgCol{flex:0 0 340px;max-width:360px;position:relative}
.HeadoImgFrame{border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #272d3073 0 2px 8px #fd5b9b2e;animation:HeadoImgFloat 5s ease-in-out infinite alternate;position:relative}
@keyframes HeadoImgFloat {
0%{transform:translateY(0px)}
100%{transform:translateY(-10px)}
}
.HeadoImgFrame img{width:100%;height:320px;object-fit:cover;display:block}
.HeadoImgBadge{position:absolute;bottom:-18px;left:-18px;background:#FD5B9B;color:#fff;font-size:.82rem;font-weight:700;border-radius:10px;padding:10px 18px;box-shadow:0 6px 24px #fd5b9b59}
.StoryWrapper{background:#fff;padding:80px 32px 64px}
.StoryInner{max-width:1140px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.StoryImgSide{position:relative}
.StoryImgMain{width:100%;height:380px;object-fit:cover;border-radius:12px;display:block;box-shadow:0 12px 40px #272d3021}
.StoryImgAccent{position:absolute;top:-18px;right:-18px;width:90px;height:90px;background:linear-gradient(135deg,#FD5B9B,#272D30);border-radius:50%;opacity:.15;z-index:0}
.StoryTextSide{display:flex;flex-direction:column;gap:18px}
.StorySectionLabel{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#FD5B9B;font-weight:700}
.StoryH2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:#272D30;line-height:1.25;margin:0 0 4px;position:relative;padding-bottom:16px}
.StoryH2::after{content:'';display:block;position:absolute;bottom:0;left:0;width:48px;height:3px;background:linear-gradient(90deg,#FD5B9B,#272D30);border-radius:2px}
.StoryPara{font-size:.97rem;color:#444;line-height:1.75;margin:0}
.StoryFoundedTag{display:inline-flex;align-items:center;gap:8px;background:#EDEDED;border-radius:8px;padding:8px 16px;font-size:.85rem;color:#272D30;font-weight:600;width:fit-content}
.StoryFoundedTag .pe-7s-flag{color:#FD5B9B;font-size:1.1rem}
.ValuesWrapper{background:#272D30;padding:80px 32px;position:relative;overflow:hidden}
.ValuesWrapper::before{content:'';position:absolute;top:-60px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,#fd5b9b2e 0%,transparent 70%);z-index:0}
.ValuesInner{max-width:1140px;margin:auto;position:relative;z-index:1}
.ValuesHeadRow{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:48px;gap:24px;flex-wrap:wrap}
.ValuesSectionLabel{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#FD5B9B;font-weight:700;margin-bottom:10px}
.ValuesH2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#fff;line-height:1.2;margin:0}
.ValuesSubNote{font-size:.93rem;color:#ededed99;max-width:280px;line-height:1.6;margin:0}
.ValuesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ValueCard{background:#ededed0d;border:1px solid #ededed1a;border-radius:12px;padding:32px 24px;transition:background 0.3s,border-color 0.3s,transform .3s}
.ValueCard:hover{background:#fd5b9b17;border-color:#fd5b9b4d;transform:translateY(-4px)}
.ValueCardIcon{font-size:2rem;color:#FD5B9B;margin-bottom:16px;display:block}
.ValueCardTitle{font-size:1.05rem;font-weight:700;color:#fff;margin:0 0 10px}
.ValueCardText{font-size:.88rem;color:#edededa6;line-height:1.65;margin:0}
.ApproachWrapper{background:#EDEDED;padding:80px 32px}
.ApproachInner{max-width:1140px;margin:auto}
.ApproachHeadCenter{text-align:center;margin-bottom:56px}
.ApproachSectionLabel{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#FD5B9B;font-weight:700;margin-bottom:10px}
.ApproachH2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:#272D30;line-height:1.25;margin:0 0 14px}
.ApproachSubText{font-size:.97rem;color:#555;max-width:520px;margin:0 auto;line-height:1.7}
.ApproachStepsWrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.ApproachStepsWrapper::before{content:'';position:absolute;top:36px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#FD5B9B,#272D30);z-index:0}
.ApproachStep{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 12px;position:relative;z-index:1}
.ApproachStepNum{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#FD5B9B 0%,#272D30 100%);color:#fff;font-size:1.3rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 6px 20px #fd5b9b4d;flex-shrink:0}
.ApproachStepTitle{font-size:.97rem;font-weight:700;color:#272D30;margin:0 0 8px}
.ApproachStepText{font-size:.84rem;color:#555;line-height:1.6;margin:0}
.CtaWrapper{background:#fff;padding:80px 32px}
.CtaInner{max-width:1140px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.CtaImgSide img{width:100%;height:360px;object-fit:cover;border-radius:12px;display:block;box-shadow:0 12px 40px #272d3021}
.CtaTextSide{display:flex;flex-direction:column;gap:20px}
.CtaSectionLabel{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#FD5B9B;font-weight:700}
.CtaH2{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:#272D30;line-height:1.25;margin:0 0 4px}
.CtaPara{font-size:.97rem;color:#444;line-height:1.75;margin:0}
.CtaStatRow{display:flex;flex-direction:row;gap:28px;flex-wrap:wrap}
.CtaStat{display:flex;flex-direction:column;gap:4px}
.CtaStatNum{font-size:1.8rem;font-weight:800;color:#FD5B9B;line-height:1}
.CtaStatLabel{font-size:.8rem;color:#666;line-height:1.3}
.CtaBtnWrapper{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap}
.CtaBtnPrimary{display:inline-block;background:linear-gradient(135deg,#FD5B9B 0%,#272D30 100%);color:#fff;font-size:.95rem;font-weight:700;border-radius:8px;padding:13px 28px;text-decoration:none;box-shadow:0 4px 16px #fd5b9b47;transition:opacity 0.2s,transform .2s;position:relative;z-index:2}
.CtaBtnPrimary:hover{opacity:.88;transform:translateY(-2px)}
.CtaBtnSecondary{display:inline-block;background:transparent;color:#272D30;font-size:.95rem;font-weight:700;border-radius:8px;padding:13px 28px;text-decoration:none;border:2px solid #272D30;transition:background 0.2s,color .2s;position:relative;z-index:2}
.CtaBtnSecondary:hover{background:#272D30;color:#fff}
.WaveDivider{display:block;width:100%;line-height:0}
@media (max-width: 1024px) {
.ValuesGrid{grid-template-columns:repeat(2,1fr)}
.ApproachStepsWrapper{grid-template-columns:repeat(2,1fr);gap:32px}
.ApproachStepsWrapper::before{display:none}
}
@media (max-width: 768px) {
.HeadoContentWrapper{flex-direction:column;padding:48px 20px 40px;gap:32px}
.HeadoImgCol{flex:none;max-width:100%;width:100%}
.StoryInner{grid-template-columns:1fr;gap:36px}
.StoryImgMain{height:240px}
.ValuesGrid{grid-template-columns:1fr}
.ValuesHeadRow{flex-direction:column;align-items:flex-start}
.ApproachStepsWrapper{grid-template-columns:1fr;gap:28px}
.CtaInner{grid-template-columns:1fr;gap:32px}
.CtaImgSide img{height:220px}
.StoryWrapper,.ValuesWrapper,.ApproachWrapper,.CtaWrapper{padding:48px 20px}
}
@media (max-width: 375px) {
.HeadoH1{font-size:1.6rem}
.CtaStatRow{gap:18px}
.CtaBtnWrapper{flex-direction:column}
}
.SuccessWrapper{max-width:1140px;margin:0 auto;padding:0 20px}
.TitleBlock{position:relative;overflow:hidden;padding:80px 0 60px;background:#fff}
.TitleBlock .GridBg{position:absolute;inset:0;background-image:linear-gradient(#272d300a 1px,transparent 1px),linear-gradient(90deg,#272d300a 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}
.TitleBlock .TitleInner{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;gap:56px;max-width:1140px;margin:0 auto;padding:0 20px}
.TitleBlock .VisualSide{flex:0 0 380px;max-width:380px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.TitleBlock .CheckRing{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#272D30 0%,#FD5B9B 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 48px #fd5b9b40 0 4px 16px #272d301f;position:relative}
.TitleBlock .CheckRing::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px dashed #fd5b9b4d}
.TitleBlock .CheckRing .pe-7s-check{font-size:72px;color:#fff;line-height:1}
.TitleBlock .VisualLabel{margin-top:20px;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#FD5B9B;font-weight:600}
.TitleBlock .TextSide{flex:1 1 auto;display:flex;flex-direction:column;gap:16px}
.TitleBlock .TextSide .PreLabel{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#272d3073;font-weight:500}
.TitleBlock .TextSide h1{font-size:44px;line-height:1.15;font-weight:800;color:#272D30;margin:0}
.TitleBlock .TextSide h1 .AccentWord{color:#FD5B9B;position:relative;display:inline-block}
.TitleBlock .TextSide h1 .AccentWord::after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:3px;border-radius:2px;background:linear-gradient(90deg,#FD5B9B,#fd5b9b33)}
.TitleBlock .TextSide .SubHead{font-size:20px;color:#272D30;font-weight:600;line-height:1.4;margin:0;opacity:.75}
.TitleBlock .TextSide .BodyText{font-size:16px;line-height:1.7;color:#272d30a6;margin:0;max-width:480px}
.TitleBlock .CtaRow{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.TitleBlock .BtnPrimary{display:inline-flex;flex-direction:row;align-items:center;gap:8px;padding:14px 28px;border-radius:8px;background:linear-gradient(135deg,#FD5B9B 0%,#272D30 120%);color:#fff;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 8px 24px #fd5b9b4d;transition:box-shadow 0.2s,transform .2s;z-index:2;position:relative}
.TitleBlock .BtnPrimary:hover{box-shadow:0 12px 32px #fd5b9b73;transform:translateY(-2px)}
.TitleBlock .BtnSecondary{display:inline-flex;flex-direction:row;align-items:center;gap:8px;padding:13px 24px;border-radius:8px;border:2px solid #EDEDED;color:#272D30;font-size:15px;font-weight:500;text-decoration:none;transition:border-color 0.2s,background .2s;z-index:2;position:relative;background:#fff}
.TitleBlock .BtnSecondary:hover{border-color:#FD5B9B;background:#fd5b9b0a}
.NextStepsBlock{padding:70px 0 80px;background:#EDEDED;position:relative}
.NextStepsBlock::before{content:'';display:block;width:100%;height:4px;background:linear-gradient(90deg,#272D30 0%,#FD5B9B 50%,#EDEDED 100%);position:absolute;top:0;left:0}
.NextStepsBlock .StepsInner{max-width:1140px;margin:0 auto;padding:0 20px}
.NextStepsBlock .SectionHead{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.NextStepsBlock .SectionHead h2{font-size:32px;font-weight:800;color:#272D30;margin:0;line-height:1.2;position:relative;padding-bottom:12px}
.NextStepsBlock .SectionHead h2::before{content:'';position:absolute;left:0;bottom:0;width:48px;height:3px;border-radius:2px;background:#FD5B9B}
.NextStepsBlock .SectionHead .SectionNote{font-size:15px;color:#272d308c;line-height:1.6;max-width:340px;margin:0}
.StepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.StepCard{background:#fff;border-radius:12px;padding:32px 28px;box-shadow:0 4px 20px #272d3012;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:box-shadow 0.2s,transform .2s}
.StepCard:hover{box-shadow:0 10px 32px #272d301f;transform:translateY(-3px)}
.StepCard .StepNum{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#FD5B9B;font-weight:700}
.StepCard .StepIconWrap{width:52px;height:52px;border-radius:10px;background:linear-gradient(135deg,#fd5b9b1a 0%,#272d3012 100%);display:flex;flex-direction:row;align-items:center;justify-content:center}
.StepCard .StepIconWrap .pe-7s-angle-right-circle,.StepCard .StepIconWrap .pe-7s-study,.StepCard .StepIconWrap .pe-7s-mail{font-size:28px;color:#272D30}
.StepCard h4{font-size:18px;font-weight:700;color:#272D30;margin:0;line-height:1.3}
.StepCard .StepDesc{font-size:14px;line-height:1.65;color:#272d3099;margin:0;flex:1}
.StepCard .StepLink{display:inline-flex;flex-direction:row;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#FD5B9B;text-decoration:none;transition:gap .2s;margin-top:4px}
.StepCard .StepLink:hover{gap:10px}
.StepCard .CornerAccent{position:absolute;top:-18px;right:-18px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#fd5b9b14,#272d300a);pointer-events:none}
@media (max-width: 1024px) {
.TitleBlock .TitleInner{gap:36px}
.TitleBlock .VisualSide{flex:0 0 280px;max-width:280px}
.TitleBlock .CheckRing{width:140px;height:140px}
.TitleBlock .CheckRing .pe-7s-check{font-size:56px}
.TitleBlock .TextSide h1{font-size:36px}
.StepsGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.TitleBlock{padding:52px 0 44px}
.TitleBlock .TitleInner{flex-direction:column;gap:32px;text-align:center;align-items:center}
.TitleBlock .VisualSide{flex:none;max-width:100%}
.TitleBlock .TextSide{align-items:center}
.TitleBlock .TextSide .BodyText{max-width:100%}
.TitleBlock .CtaRow{justify-content:center}
.NextStepsBlock .SectionHead{flex-direction:column;align-items:flex-start;gap:10px}
.StepsGrid{grid-template-columns:1fr;gap:16px}
}
@media (max-width: 375px) {
.TitleBlock .TextSide h1{font-size:28px}
.TitleBlock .CheckRing{width:120px;height:120px}
.TitleBlock .CheckRing .pe-7s-check{font-size:46px}
.TitleBlock .BtnPrimary,.TitleBlock .BtnSecondary{width:100%;justify-content:center}
.TitleBlock .CtaRow{flex-direction:column;width:100%}
.NextStepsBlock .SectionHead h2{font-size:26px}
}