*{margin:0;padding:0;box-sizing:border-box}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:700}
figure,blockquote{margin:0}
body{font-family:'Montserrat',sans-serif;font-size:16px;line-height:1.6;color:#1E2731;background:linear-gradient(135deg,#F1F3F6 0%,#fff 100%);overflow-x:hidden;scroll-behavior:smooth}
body.scrollSlow{scroll-behavior:smooth}
.mainHd{background:linear-gradient(148deg,#1E2731 0%,#2a3540 100%);position:relative;padding:35px 0;box-shadow:0 8px 24px #1e273126;z-index:100}
.mainHd .hdPattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#ffffff05 10px,#ffffff05 20px);pointer-events:none;z-index:1}
.mainHd .hdWrap{max-width:1280px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.mainHd .topStrip{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:40px}
.mainHd .logoZone{flex-shrink:0}
.mainHd .logoLink{display:block;width:120px;height:120px;background:#f1f3f6f2;border-radius:32px;padding:18px;box-shadow:0 6px 20px #00000040;transition:transform .3s ease,box-shadow .3s ease}
.mainHd .logoLink:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000004d}
.mainHd .siteLogo{width:100%;height:100%;object-fit:contain}
.mainHd .companyTitle{flex:1;text-align:center}
.mainHd .brandName{font-size:42px;font-weight:700;color:#F1F3F6;letter-spacing:2px;text-shadow:0 4px 12px #0000004d;margin:0}
.mainHd .mainNavi{background:#ffffff14;border-radius:30px;padding:8px 20px;backdrop-filter:blur(10px);box-shadow:inset 0 2px 8px #00000026}
.mainHd .naviList{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.mainHd .naviItem{flex-shrink:0}
.mainHd .naviLink{display:block;padding:14px 26px;color:#F1F3F6;text-decoration:none;font-weight:400;font-size:15px;border-radius:24px;transition:background-color .3s ease,color .3s ease}
.mainHd .naviLink:hover{background-color:#ff5e5c33;color:#fff}
.mainHd .naviLink.is-active{background-color:#FF5E5C;color:#fff}
.mainFt{background:linear-gradient(162deg,#1E2731 0%,#2d3845 100%);color:#F1F3F6;padding:65px 0 35px;margin-top:80px;position:relative}
.mainFt::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#FF5E5C 50%,transparent 100%)}
.mainFt .ftFlow{max-width:1280px;margin:0 auto;padding:0 40px}
.mainFt .ftTop{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #f1f3f626}
.mainFt .ftBrand .ftTitle{font-size:28px;font-weight:700;margin-bottom:12px;color:#F1F3F6}
.mainFt .ftBrand .ftTagline{font-size:15px;color:#f1f3f6bf;line-height:1.7}
.mainFt .ftContact .ctItem{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;color:#f1f3f6d9}
.mainFt .ftContact .ctItem i{color:#FF5E5C;font-size:16px}
.mainFt .ftContact .ctItem a{color:#f1f3f6d9;text-decoration:none;transition:color .3s ease}
.mainFt .ftContact .ctItem a:hover{color:#FF5E5C}
.mainFt .ftMid{margin-bottom:40px}
.mainFt .ftNavi{display:flex;gap:35px;justify-content:center;flex-wrap:wrap}
.mainFt .ftLink{color:#f1f3f6d9;text-decoration:none;font-size:14px;transition:color .3s ease;position:relative}
.mainFt .ftLink::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#FF5E5C;transition:width .3s ease}
.mainFt .ftLink:hover{color:#FF5E5C}
.mainFt .ftLink:hover::after{width:100%}
.mainFt .ftBot{text-align:center;padding-top:30px;border-top:1px solid #f1f3f626}
.mainFt .copyrightTxt{font-size:13px;color:#f1f3f6a6}
.cookieBox{position:fixed;top:30px;left:30px;z-index:9999;opacity:0;transform:translateY(-100%);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
.cookieBox.is-visible{opacity:1;transform:translateY(0);pointer-events:all}
.cookieBox.is-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}
.cookieBox .cookieCard{background:#fff;border-radius:28px;padding:32px;box-shadow:0 12px 40px #1e273140;max-width:420px;border:2px solid #F1F3F6}
.cookieBox .cookieTitle{font-size:22px;font-weight:700;color:#1E2731;margin-bottom:14px}
.cookieBox .cookieTxt{font-size:14px;color:#1E2731;line-height:1.6;margin-bottom:24px;opacity:.85}
.cookieBox .cookieSettings{margin-bottom:24px}
.cookieBox .settingGroup{margin-bottom:20px;padding:18px;background:#F1F3F6;border-radius:18px}
.cookieBox .settingRow{margin-bottom:8px}
.cookieBox .settingLabel{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;color:#1E2731;font-size:15px}
.cookieBox .settingCheck{width:20px;height:20px;cursor:pointer;accent-color:#FF5E5C}
.cookieBox .settingCheck:disabled{cursor:not-allowed}
.cookieBox .settingDesc{font-size:13px;color:#1E2731;opacity:.75;margin-left:32px;line-height:1.5}
.cookieBox .cookieActions{display:flex;gap:12px}
.cookieBox .cookieButt{flex:1;padding:14px 24px;border:none;border-radius:50px;font-family:'Montserrat',sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease}
.cookieBox .cookieAccept{background:linear-gradient(135deg,#FF5E5C 0%,#ff7573 100%);color:#fff}
.cookieBox .cookieAccept:hover{background:linear-gradient(135deg,#ff7573 0%,#FF5E5C 100%)}
.cookieBox .cookieDecline{background:#1E2731;color:#F1F3F6}
.cookieBox .cookieDecline:hover{background:#2a3540}
@media (max-width: 1366px) {
.mainHd .hdWrap{padding:0 30px}
.mainHd .brandName{font-size:36px}
.mainFt .ftFlow{padding:0 30px}
}
@media (max-width: 768px) {
.mainHd{padding:25px 0}
.mainHd .hdWrap{padding:0 20px}
.mainHd .topStrip{flex-direction:column;gap:20px;margin-bottom:20px}
.mainHd .logoLink{width:90px;height:90px;padding:14px}
.mainHd .brandName{font-size:28px}
.mainHd .mainNavi{width:100%;padding:6px 15px}
.mainHd .naviList{flex-direction:column;gap:4px}
.mainHd .naviLink{padding:12px 20px;font-size:14px;text-align:center}
.mainFt{padding:50px 0 30px;margin-top:60px}
.mainFt .ftFlow{padding:0 20px}
.mainFt .ftTop{grid-template-columns:1fr;gap:40px;margin-bottom:40px;padding-bottom:40px}
.mainFt .ftNavi{flex-direction:column;gap:20px;align-items:center}
.cookieBox{top:20px;left:20px;right:20px;width:auto}
.cookieBox .cookieCard{padding:24px;max-width:100%}
.cookieBox .cookieActions{flex-direction:column}
}
@media (max-width: 375px) {
.mainHd .brandName{font-size:24px}
.mainHd .logoLink{width:75px;height:75px}
.mainFt .ftBrand .ftTitle{font-size:24px}
.cookieBox{top:15px;left:15px;right:15px}
.cookieBox .cookieCard{padding:20px}
}
.policy-region{max-width:1280px;margin:0 auto;padding:80px 24px;background:#F1F3F6}
.policy-region h1{font-size:48px;font-weight:700;color:#1E2731;margin:0 0 16px;line-height:1.2;letter-spacing:-.02em}
.policy-region h2{font-size:36px;font-weight:700;color:#1E2731;margin:64px 0 24px;line-height:1.3;letter-spacing:-.01em}
.policy-region h3{font-size:28px;font-weight:600;color:#1E2731;margin:48px 0 20px;line-height:1.4}
.policy-region h4{font-size:22px;font-weight:600;color:#1E2731;margin:40px 0 16px;line-height:1.4}
.policy-region h5{font-size:18px;font-weight:600;color:#1E2731;margin:32px 0 12px;line-height:1.5}
.policy-region h6{font-size:16px;font-weight:600;color:#1E2731;margin:24px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}
.policy-region p{font-size:17px;line-height:1.75;color:#1E2731;margin:0 0 24px;max-width:75ch}
.policy-region ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:none}
.policy-region ul li{font-size:17px;line-height:1.75;color:#1E2731;margin:0 0 12px;position:relative;padding-left:8px}
.policy-region ul li:before{content:"•";color:#FF5E5C;font-size:20px;position:absolute;left:-20px;top:0}
.policy-region ol{margin:0 0 24px;padding:0 0 0 28px;counter-reset:policy-counter;list-style:none}
.policy-region ol li{font-size:17px;line-height:1.75;color:#1E2731;margin:0 0 12px;position:relative;padding-left:8px;counter-increment:policy-counter}
.policy-region ol li:before{content:counter(policy-counter) ".";color:#FF5E5C;font-weight:600;position:absolute;left:-28px;top:0}
.policy-region strong,.policy-region b{font-weight:700;color:#1E2731}
.policy-region em,.policy-region i{font-style:italic;color:#1E2731}
.policy-region a{color:#FF5E5C;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .3s ease,color .3s ease}
.policy-region a:hover{color:#1E2731;border-bottom-color:#1E2731}
.policy-region hr{border:none;height:2px;background:linear-gradient(90deg,#FF5E5C 0%,transparent 100%);margin:56px 0;border-radius:30px}
@media (max-width: 1366px) {
.policy-region{padding:64px 32px}
.policy-region h1{font-size:40px}
.policy-region h2{font-size:32px;margin:56px 0 20px}
.policy-region h3{font-size:24px}
}
@media (max-width: 768px) {
.policy-region{padding:48px 20px}
.policy-region h1{font-size:32px;margin:0 0 12px}
.policy-region h2{font-size:26px;margin:48px 0 16px}
.policy-region h3{font-size:22px;margin:40px 0 16px}
.policy-region h4{font-size:20px;margin:32px 0 12px}
.policy-region h5{font-size:17px;margin:28px 0 10px}
.policy-region h6{font-size:15px;margin:20px 0 10px}
.policy-region p{font-size:16px;margin:0 0 20px}
.policy-region ul,.policy-region ol{padding:0 0 0 24px;margin:0 0 20px}
.policy-region ul li,.policy-region ol li{font-size:16px;margin:0 0 10px}
.policy-region hr{margin:40px 0}
}
@media (max-width: 375px) {
.policy-region{padding:40px 16px}
.policy-region h1{font-size:28px}
.policy-region h2{font-size:24px;margin:40px 0 16px}
.policy-region ul,.policy-region ol{padding:0 0 0 20px}
}
.heroWrap{position:relative;max-width:1280px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;justify-content:center;gap:40px;overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:-120px;left:10%;width:280px;height:280px;background:linear-gradient(135deg,#FF5E5C 0%,#F1F3F6 100%);border-radius:50%;opacity:.15;z-index:0}
.heroWrap::after{content:'';position:absolute;bottom:-140px;right:15%;width:320px;height:320px;background:linear-gradient(225deg,#1E2731 0%,#F1F3F6 100%);border-radius:50%;opacity:.12;z-index:0}
.heroWrap .heroImg{position:relative;flex-shrink:0;width:280px;height:360px;border-radius:32px;overflow:hidden;z-index:1}
.heroWrap .heroImg img{width:100%;height:100%;object-fit:cover}
.heroWrap .heroImg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,#1e273199);pointer-events:none}
.heroWrap .heroCnt{position:relative;z-index:1;max-width:480px;text-align:center}
.heroWrap .heroCnt h1{font-size:2.8rem;line-height:1.2;color:#1E2731;margin:0 0 32px;font-weight:700}
.heroWrap .heroCnt .heroBtn{display:inline-block;padding:16px 42px;background:linear-gradient(120deg,#FF5E5C 0%,#ff8280 100%);color:#fff;text-decoration:none;border-radius:28px;font-size:1.05rem;font-weight:600;transition:all .3s ease;box-shadow:0 8px 20px #ff5e5c40}
.heroWrap .heroCnt .heroBtn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #ff5e5c59}
.communityArea{background:#F1F3F6;padding:100px 20px;margin-top:60px}
.communityArea .commCont{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.communityArea .commCont .txtZone h2{font-size:2.4rem;color:#1E2731;margin:0 0 24px;font-weight:700;position:relative;padding-bottom:20px}
.communityArea .commCont .txtZone h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#FF5E5C 0%,transparent 100%)}
.communityArea .commCont .txtZone p{font-size:1.05rem;line-height:1.7;color:#1E2731;margin:0 0 16px}
.communityArea .commCont .imgZone{position:relative;height:400px;border-radius:36px;overflow:hidden;box-shadow:0 16px 48px #1e273126}
.communityArea .commCont .imgZone img{width:100%;height:100%;object-fit:cover}
.afterBox{max-width:1280px;margin:120px auto;padding:0 20px}
.afterBox .afterHead{text-align:center;margin-bottom:70px}
.afterBox .afterHead h2{font-size:2.6rem;color:#1E2731;margin:0 0 18px;font-weight:700}
.afterBox .afterHead .subline{font-size:1.15rem;color:#1E2731;opacity:.75}
.afterBox .afterGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.afterBox .afterGrid .cardItem{background:#fff;border-radius:28px;padding:40px 32px;box-shadow:0 8px 24px #1e273114;transition:all .4s ease;position:relative}
.afterBox .afterGrid .cardItem::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#FF5E5C 0%,#1E2731 100%);border-radius:28px 28px 0 0;opacity:0;transition:opacity .4s ease}
.afterBox .afterGrid .cardItem:hover{transform:translateY(-8px);box-shadow:0 16px 40px #1e273124}
.afterBox .afterGrid .cardItem:hover::before{opacity:1}
.afterBox .afterGrid .cardItem .icnWrap{width:64px;height:64px;background:linear-gradient(135deg,#FF5E5C 0%,#ff8280 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.afterBox .afterGrid .cardItem .icnWrap i{font-size:1.8rem;color:#fff}
.afterBox .afterGrid .cardItem h3{font-size:1.4rem;color:#1E2731;margin:0 0 16px;font-weight:600}
.afterBox .afterGrid .cardItem p{font-size:1rem;line-height:1.6;color:#1E2731;margin:0;opacity:.8}
.researchSec{background:linear-gradient(165deg,#1E2731 0%,#2d3944 100%);padding:100px 20px;position:relative;overflow:hidden}
.researchSec::before{content:'';position:absolute;top:-50px;right:-80px;width:300px;height:300px;background:#ff5e5c26;border-radius:50%}
.researchSec .resCont{max-width:1280px;margin:0 auto;display:flex;flex-direction:row-reverse;gap:80px;align-items:center;position:relative;z-index:1}
.researchSec .resCont .txtCol h2{font-size:2.5rem;color:#fff;margin:0 0 28px;font-weight:700}
.researchSec .resCont .txtCol p{font-size:1.1rem;line-height:1.75;color:#F1F3F6;margin:0 0 18px}
.researchSec .resCont .txtCol .highlight{display:inline-block;background:linear-gradient(90deg,#FF5E5C 0%,#ff8280 100%);color:#fff;padding:3px 12px;border-radius:16px;font-weight:600;font-size:.95rem}
.researchSec .resCont .imgCol{flex-shrink:0;width:380px;height:480px;border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #0000004d}
.researchSec .resCont .imgCol img{width:100%;height:100%;object-fit:cover}
.devPath{max-width:1280px;margin:120px auto;padding:0 20px}
.devPath .pathHead{text-align:center;margin-bottom:80px}
.devPath .pathHead h2{font-size:2.7rem;color:#1E2731;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.devPath .pathHead h2::before{content:'';position:absolute;top:-15px;left:-20px;width:40px;height:40px;background:linear-gradient(135deg,#FF5E5C 0%,transparent 100%);border-radius:50%;opacity:.2}
.devPath .pathHead p{font-size:1.15rem;color:#1E2731;opacity:.7;max-width:680px;margin:0 auto;line-height:1.6}
.devPath .stepsWrap{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 40px;position:relative}
.devPath .stepsWrap::before{content:'';position:absolute;top:40px;left:50%;transform:translateX(-50%);width:2px;height:calc(100% - 80px);background:linear-gradient(180deg,#FF5E5C 0%,#1E2731 100%);opacity:.2}
.devPath .stepsWrap .stepCard{background:#fff;border:2px solid #F1F3F6;border-radius:24px;padding:36px;position:relative;transition:all .3s ease}
.devPath .stepsWrap .stepCard:hover{border-color:#FF5E5C;box-shadow:0 12px 32px #ff5e5c1f}
.devPath .stepsWrap .stepCard .stepNum{position:absolute;top:-20px;right:32px;width:48px;height:48px;background:linear-gradient(135deg,#FF5E5C 0%,#ff8280 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;box-shadow:0 6px 16px #ff5e5c4d}
.devPath .stepsWrap .stepCard h3{font-size:1.5rem;color:#1E2731;margin:0 0 16px;font-weight:600}
.devPath .stepsWrap .stepCard p{font-size:1rem;line-height:1.65;color:#1E2731;margin:0;opacity:.85}
.testimBlock{background:#F1F3F6;padding:100px 20px;margin-top:80px}
.testimBlock .testCont{max-width:1100px;margin:0 auto}
.testimBlock .testCont h2{font-size:2.5rem;color:#1E2731;text-align:center;margin:0 0 70px;font-weight:700}
.testimBlock .testCont .testGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.testimBlock .testCont .testGrid .testCard{background:#fff;border-radius:28px;padding:40px;box-shadow:0 8px 24px #1e273114;display:flex;flex-direction:column;gap:24px}
.testimBlock .testCont .testGrid .testCard .profRow{display:flex;align-items:center;gap:20px}
.testimBlock .testCont .testGrid .testCard .profRow .profPic{width:70px;height:70px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #1e273126}
.testimBlock .testCont .testGrid .testCard .profRow .profPic img{width:100%;height:100%;object-fit:cover}
.testimBlock .testCont .testGrid .testCard .profRow .profInfo h4{font-size:1.2rem;color:#1E2731;margin:0 0 6px;font-weight:600}
.testimBlock .testCont .testGrid .testCard .profRow .profInfo .role{font-size:.95rem;color:#FF5E5C;font-weight:500}
.testimBlock .testCont .testGrid .testCard .quoteTxt{font-size:1.05rem;line-height:1.7;color:#1E2731;font-style:italic;opacity:.9}
@media (max-width: 1366px) {
.heroWrap{padding:60px 20px}
.communityArea .commCont{gap:40px}
.researchSec .resCont{gap:60px}
}
@media (max-width: 768px) {
.heroWrap{flex-direction:column;padding:40px 20px}
.heroWrap .heroImg{width:240px;height:300px}
.heroWrap .heroCnt h1{font-size:2rem}
.communityArea{padding:60px 20px}
.communityArea .commCont{grid-template-columns:1fr;gap:40px}
.communityArea .commCont .txtZone h2{font-size:2rem}
.communityArea .commCont .imgZone{height:300px}
.afterBox{margin:80px auto}
.afterBox .afterHead h2{font-size:2rem}
.afterBox .afterGrid{grid-template-columns:1fr;gap:30px}
.researchSec{padding:60px 20px}
.researchSec .resCont{flex-direction:column;gap:40px}
.researchSec .resCont .txtCol h2{font-size:2rem}
.researchSec .resCont .imgCol{width:100%;height:360px}
.devPath{margin:80px auto}
.devPath .pathHead h2{font-size:2rem}
.devPath .stepsWrap{grid-template-columns:1fr;gap:40px}
.devPath .stepsWrap::before{display:none}
.testimBlock{padding:60px 20px}
.testimBlock .testCont h2{font-size:2rem;margin-bottom:50px}
.testimBlock .testCont .testGrid{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 375px) {
.heroWrap .heroCnt h1{font-size:1.7rem}
.heroWrap .heroCnt .heroBtn{padding:14px 32px;font-size:.95rem}
.communityArea .commCont .txtZone h2{font-size:1.7rem}
.afterBox .afterHead h2{font-size:1.7rem}
.researchSec .resCont .txtCol h2{font-size:1.7rem}
.devPath .pathHead h2{font-size:1.7rem}
.testimBlock .testCont h2{font-size:1.7rem}
}
.ctPg{background:linear-gradient(127deg,#F1F3F6 0%,#fff 45%,#F1F3F6 100%);min-height:100vh;overflow-x:hidden}
.heroWrap{position:relative;max-width:1280px;margin:0 auto;padding:80px 20px 60px;display:flex;flex-direction:column;align-items:center;text-align:center}
.heroWrap .decorBg{position:absolute;top:-50px;left:-80px;width:380px;height:380px;background:linear-gradient(215deg,#ff5e5c1f 0%,#1e273114 100%);border-radius:50%;z-index:1;transform:translateZ(0);animation:floatShape 8s ease-in-out infinite}
.heroWrap .decorBg2{position:absolute;bottom:-60px;right:-100px;width:320px;height:320px;background:linear-gradient(45deg,#1e27310f 0%,#ff5e5c1a 100%);border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;z-index:1;animation:morphShape 10s ease-in-out infinite}
@keyframes floatShape {
0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-30px) rotate(5deg)}
}
@keyframes morphShape {
0%,100%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}
50%{border-radius:70% 30% 30% 70% / 70% 70% 30% 30%}
}
.heroWrap .imgContainer{position:relative;z-index:2;margin-bottom:40px;width:100%;max-width:520px}
.heroWrap .imgContainer img{width:100%;height:360px;object-fit:cover;border-radius:32px;filter:sepia(0.15) contrast(1.1) brightness(0.95);box-shadow:0 8px 24px #1e273126}
.heroWrap .txtContent{position:relative;z-index:3;max-width:680px}
.heroWrap .txtContent h1{font-size:2.8rem;font-weight:700;color:#1E2731;margin:0 0 20px;line-height:1.2}
.heroWrap .txtContent .subline{font-size:1.15rem;color:#5a6470;line-height:1.7;margin:0}
.infoSec{background:linear-gradient(173deg,#fff 0%,#F1F3F6 100%);padding:60px 20px 70px}
.infoSec .wrapper{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.infoSec .contactCard{background:#fff;padding:36px 30px;border-radius:28px;box-shadow:0 4px 16px #1e273114;transition:transform .3s ease,box-shadow .3s ease}
.infoSec .contactCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #1e273124}
.infoSec .contactCard .iconWrap{width:64px;height:64px;background:linear-gradient(135deg,#FF5E5C 0%,#ff7a78 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.infoSec .contactCard .iconWrap i{font-size:1.6rem;color:#fff}
.infoSec .contactCard h3{font-size:1.4rem;font-weight:600;color:#1E2731;margin:0 0 14px}
.infoSec .contactCard p{font-size:1rem;color:#5a6470;line-height:1.7;margin:0}
.infoSec .contactCard a{color:#FF5E5C;text-decoration:none;transition:color .3s ease}
.infoSec .contactCard a:hover{color:#1E2731}
.formSec{background:#fff;padding:80px 20px}
.formSec .wrapper{max-width:840px;margin:0 auto}
.formSec .introTxt{text-align:center;margin-bottom:50px}
.formSec .introTxt h2{font-size:2.4rem;font-weight:700;color:#1E2731;margin:0 0 16px;position:relative;display:inline-block}
.formSec .introTxt h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FF5E5C 0%,#ff8886 100%);border-radius:2px}
.formSec .introTxt p{font-size:1.05rem;color:#5a6470;line-height:1.6;margin:24px 0 0}
.formSec .contactForm{background:linear-gradient(147deg,#F1F3F6 0%,#fff 100%);padding:46px 40px;border-radius:32px;box-shadow:0 6px 20px #1e27311a}
.formSec .fieldGroup{margin-bottom:28px}
.formSec .fieldGroup label{display:block;font-size:.95rem;font-weight:600;color:#1E2731;margin-bottom:10px}
.formSec .fieldGroup input[type="text"],.formSec .fieldGroup input[type="email"],.formSec .fieldGroup select,.formSec .fieldGroup textarea{width:100%;padding:14px 18px;font-size:1rem;color:#1E2731;background:#fff;border:2px solid #e2e5ea;border-radius:16px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}
.formSec .fieldGroup input:focus,.formSec .fieldGroup select:focus,.formSec .fieldGroup textarea:focus{border-color:#FF5E5C;box-shadow:0 0 0 3px #ff5e5c26}
.formSec .fieldGroup select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%231E2731' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.formSec .fieldGroup textarea{resize:vertical;min-height:120px}
.formSec .radioGroup{margin-bottom:28px}
.formSec .radioGroup .labelMain{display:block;font-size:.95rem;font-weight:600;color:#1E2731;margin-bottom:14px}
.formSec .radioGroup .options{display:flex;flex-wrap:wrap;gap:16px}
.formSec .radioGroup .options label{display:flex;align-items:center;cursor:pointer;padding:12px 20px;background:#fff;border:2px solid #e2e5ea;border-radius:16px;transition:border-color .3s ease,background .3s ease}
.formSec .radioGroup .options label:hover{border-color:#FF5E5C;background:#ff5e5c0a}
.formSec .radioGroup .options input[type="radio"]{width:20px;height:20px;margin-right:10px;accent-color:#FF5E5C;cursor:pointer}
.formSec .radioGroup .options input[type="radio"]:checked + span{color:#FF5E5C;font-weight:600}
.formSec .privacyWrap{display:flex;align-items:flex-start;margin-bottom:32px}
.formSec .privacyWrap input[type="checkbox"]{width:20px;height:20px;margin-right:12px;accent-color:#FF5E5C;cursor:pointer;flex-shrink:0;margin-top:2px}
.formSec .privacyWrap label{font-size:.9rem;color:#5a6470;line-height:1.6;cursor:pointer}
.formSec .privacyWrap label a{color:#FF5E5C;text-decoration:none;font-weight:600}
.formSec .privacyWrap label a:hover{text-decoration:underline}
.formSec .submitWrap{text-align:center}
.formSec .submitWrap button{padding:16px 48px;font-size:1.05rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#FF5E5C 0%,#ff7a78 100%);border:none;border-radius:24px;cursor:pointer;box-shadow:0 4px 16px #ff5e5c4d;transition:transform .3s ease,box-shadow .3s ease;z-index:10;position:relative}
.formSec .submitWrap button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ff5e5c66}
.formSec .submitWrap button:active{transform:translateY(-1px)}
@media (max-width: 768px) {
.heroWrap{padding:60px 20px 50px}
.heroWrap .decorBg{width:280px;height:280px;left:-60px}
.heroWrap .decorBg2{width:240px;height:240px;right:-60px}
.heroWrap .imgContainer img{height:280px}
.heroWrap .txtContent h1{font-size:2.2rem}
.heroWrap .txtContent .subline{font-size:1.05rem}
.infoSec{padding:50px 20px}
.infoSec .wrapper{grid-template-columns:1fr;gap:30px}
.formSec{padding:60px 20px}
.formSec .introTxt h2{font-size:2rem}
.formSec .contactForm{padding:34px 24px}
.formSec .radioGroup .options{flex-direction:column;gap:12px}
.formSec .radioGroup .options label{width:100%}
.formSec .submitWrap button{width:100%;padding:16px 32px}
}
@media (max-width: 375px) {
.heroWrap .txtContent h1{font-size:1.9rem}
.formSec .contactForm{padding:28px 20px}
}
.hd-wrap{position:relative;min-height:580px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(127deg,#F1F3F6 0%,#e8eaed 100%)}
.hd-wrap::before{content:'';position:absolute;top:-20%;right:-5%;width:45%;height:140%;background:repeating-linear-gradient(-35deg,#1e273105,#1e273105 12px,transparent 12px,transparent 24px);transform:skewY(-3deg);z-index:1}
.hd-wrap::after{content:'';position:absolute;bottom:-15%;left:-3%;width:38%;height:120%;background:repeating-linear-gradient(42deg,#ff5e5c0a,#ff5e5c0a 18px,transparent 18px,transparent 36px);transform:skewY(4deg);z-index:1}
.hd-cont{max-width:1280px;margin:0 auto;padding:0 24px;width:100%;display:grid;grid-template-columns:1.2fr 0.8fr;gap:48px;align-items:center;position:relative;z-index:2}
.hd-txt{padding:60px 0}
.hd-txt h1{font-size:3.2rem;line-height:1.15;color:#1E2731;margin:0 0 20px;font-weight:700}
.hd-txt .sub{font-size:1.15rem;line-height:1.7;color:#4a5568;margin:0 0 32px;max-width:520px}
.hd-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#FF5E5C 0%,#e54543 100%);color:#fff;text-decoration:none;border-radius:28px;font-weight:600;font-size:1.05rem;transition:all .35s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 16px #ff5e5c40;position:relative;z-index:10}
.hd-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ff5e5c59;background:linear-gradient(135deg,#e54543 0%,#d43d3b 100%)}
.hd-btn i{font-size:.9rem}
.hd-img-wrap{position:relative;z-index:3}
.hd-img-frame{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 12px 48px #1e273126;animation:floatImg 6s ease-in-out infinite}
@keyframes floatImg {
0%,100%{transform:translateY(0px) rotate(0deg)}
50%{transform:translateY(-12px) rotate(1deg)}
}
.hd-img-frame img{width:100%;height:auto;display:block;object-fit:cover}
.prgrm-sect{padding:100px 0;background:#fff;position:relative}
.prgrm-cont{max-width:1280px;margin:0 auto;padding:0 24px}
.prgrm-intro{max-width:780px;margin:0 0 72px}
.prgrm-intro h2{font-size:2.6rem;line-height:1.2;color:#1E2731;margin:0 0 24px;font-weight:700;position:relative;display:inline-block}
.prgrm-intro h2::after{content:'';position:absolute;bottom:-8px;left:0;width:85px;height:4px;background:linear-gradient(90deg,#FF5E5C 0%,#ff8a88 100%);border-radius:2px}
.prgrm-intro p{font-size:1.1rem;line-height:1.75;color:#4a5568;margin:28px 0 0}
.mdl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.mdl-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 2px 12px #1e273114;transition:all .4s cubic-bezier(0.4,0,0.2,1);border:1px solid #e8eaed;position:relative;overflow:hidden}
.mdl-card::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#FF5E5C 0%,#ff8a88 100%);transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(0.4,0,0.2,1)}
.mdl-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #1e27311f}
.mdl-card:hover::before{transform:scaleY(1);transform-origin:top}
.mdl-num{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#F1F3F6 0%,#e8eaed 100%);border-radius:16px;font-size:1.5rem;font-weight:700;color:#1E2731;margin:0 0 24px}
.mdl-card h3{font-size:1.5rem;line-height:1.3;color:#1E2731;margin:0 0 16px;font-weight:700}
.mdl-card p{font-size:1rem;line-height:1.7;color:#4a5568;margin:0 0 24px}
.mdl-list{list-style:none;padding:0;margin:0}
.mdl-list li{padding:10px 0 10px 32px;position:relative;font-size:.95rem;color:#4a5568;line-height:1.6}
.mdl-list li::before{content:'';position:absolute;left:0;top:18px;width:18px;height:18px;background:#FF5E5C;border-radius:50%;opacity:.15}
.mdl-list li::after{content:'✓';position:absolute;left:5px;top:12px;color:#FF5E5C;font-size:.85rem;font-weight:700}
.tprof-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin:56px 0 0}
.tprof-item{display:flex;gap:20px;align-items:flex-start;background:#F1F3F6;padding:28px;border-radius:20px;transition:all .3s ease}
.tprof-item:hover{background:#e8eaed}
.tprof-img{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid #fff;box-shadow:0 4px 12px #1e27311a}
.tprof-img img{width:100%;height:100%;object-fit:cover}
.tprof-txt h4{font-size:1.15rem;color:#1E2731;margin:0 0 6px;font-weight:700}
.tprof-txt .role{font-size:.9rem;color:#FF5E5C;margin:0 0 10px;font-weight:600}
.tprof-txt p{font-size:.9rem;line-height:1.6;color:#4a5568;margin:0}
@media (max-width: 1366px) {
.hd-cont{gap:36px}
.hd-txt h1{font-size:2.8rem}
}
@media (max-width: 768px) {
.hd-wrap{min-height:auto}
.hd-cont{grid-template-columns:1fr;gap:32px}
.hd-txt{padding:48px 0 24px}
.hd-txt h1{font-size:2.2rem}
.hd-txt .sub{font-size:1.05rem}
.hd-img-wrap{order:-1}
.prgrm-sect{padding:64px 0}
.prgrm-intro h2{font-size:2rem}
.mdl-grid{grid-template-columns:1fr;gap:24px}
.mdl-card{padding:32px 24px}
.tprof-wrap{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 375px) {
.hd-txt h1{font-size:1.9rem}
.hd-btn{padding:14px 28px;font-size:1rem}
.prgrm-intro h2{font-size:1.75rem}
.mdl-card{padding:28px 20px}
.tprof-item{flex-direction:column;align-items:center;text-align:center}
}
.topTx{position:relative;height:100vh;display:flex;align-items:flex-end;overflow:hidden}
.topTx .bgWrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.topTx .bgWrap img{width:100%;height:100%;object-fit:cover;filter:blur(2px)}
.topTx .gradOver{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(142deg,#1e2731bf 0%,#ff5e5c73 55%,#f1f3f6a6 100%);animation:shftGrad 8s ease-in-out infinite;z-index:2}
@keyframes shftGrad {
0%,100%{background-position:0 50%}
50%{background-position:100% 50%}
}
.topTx .txtBox{position:relative;z-index:3;max-width:1280px;margin:0 auto;padding:0 24px 120px;width:100%}
.topTx .txtBox h1{font-size:3.8rem;line-height:1.15;color:#F1F3F6;margin:0 0 22px;font-weight:700}
.topTx .txtBox .subline{font-size:1.3rem;line-height:1.6;color:#F1F3F6;margin:0 0 38px;max-width:650px}
.topTx .btnRow{display:flex;gap:18px;flex-wrap:wrap}
.topTx .btnRow a{padding:15px 32px;border-radius:28px;font-size:1.05rem;text-decoration:none;transition:all .3s ease;display:inline-block;font-weight:500}
.topTx .btnRow .primBtn{background:#FF5E5C;color:#F1F3F6}
.topTx .btnRow .primBtn:hover{background:#e04947;transform:translateY(-2px);box-shadow:0 8px 20px #ff5e5c59}
.topTx .btnRow .secBtn{background:transparent;color:#F1F3F6;border:2px solid #F1F3F6}
.topTx .btnRow .secBtn:hover{background:#f1f3f626;transform:translateY(-2px)}
.partGrid{max-width:1280px;margin:0 auto;padding:90px 24px}
.partGrid .intro{text-align:center;margin-bottom:65px}
.partGrid .intro h2{font-size:2.6rem;color:#1E2731;margin:0 0 18px;font-weight:700}
.partGrid .intro .lead{font-size:1.15rem;line-height:1.7;color:#1E2731;opacity:.8;max-width:720px;margin:0 auto}
.partGrid .cardsList{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}
.partGrid .pCard{background:#F1F3F6;border-radius:32px;padding:42px 28px;transition:all .4s ease;position:relative;overflow:hidden}
.partGrid .pCard::before{content:'';position:absolute;top:0;left:0;width:5px;height:0;background:linear-gradient(180deg,#FF5E5C 0%,#1E2731 100%);transition:height .4s ease}
.partGrid .pCard:hover::before{height:100%}
.partGrid .pCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #1e273126}
.partGrid .pCard .ico{width:64px;height:64px;background:linear-gradient(135deg,#FF5E5C 0%,#1E2731 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.partGrid .pCard .ico i{font-size:28px;color:#F1F3F6}
.partGrid .pCard h3{font-size:1.5rem;color:#1E2731;margin:0 0 14px;font-weight:600}
.partGrid .pCard .desc{font-size:1rem;line-height:1.65;color:#1E2731;opacity:.75;margin:0}
.procFlow{background:linear-gradient(225deg,#F1F3F6 0%,#e8ebef 100%);padding:85px 24px;position:relative}
.procFlow::before{content:'';position:absolute;top:0;left:15%;width:220px;height:220px;background:radial-gradient(circle,#ff5e5c1f 0%,transparent 70%);border-radius:50%}
.procFlow .wrapper{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.procFlow .hdr{text-align:center;margin-bottom:70px}
.procFlow .hdr h2{font-size:2.5rem;color:#1E2731;margin:0 0 16px;font-weight:700}
.procFlow .hdr .subtitle{font-size:1.1rem;line-height:1.65;color:#1E2731;opacity:.8;max-width:680px;margin:0 auto}
.procFlow .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.procFlow .steps::before{content:'';position:absolute;top:40px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,#FF5E5C 0%,#1E2731 100%);z-index:1}
.procFlow .stepItem{position:relative;z-index:2;text-align:center}
.procFlow .stepItem .num{width:80px;height:80px;background:#F1F3F6;border:4px solid #FF5E5C;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:1.8rem;font-weight:700;color:#1E2731;transition:all .35s ease}
.procFlow .stepItem:hover .num{background:#FF5E5C;color:#F1F3F6;transform:scale(1.1) rotate(8deg)}
.procFlow .stepItem h4{font-size:1.25rem;color:#1E2731;margin:0 0 12px;font-weight:600}
.procFlow .stepItem .txt{font-size:.95rem;line-height:1.6;color:#1E2731;opacity:.75;margin:0}
.testSec{max-width:1280px;margin:0 auto;padding:95px 24px}
.testSec .top{text-align:center;margin-bottom:60px}
.testSec .top h2{font-size:2.5rem;color:#1E2731;margin:0 0 18px;font-weight:700;position:relative;display:inline-block}
.testSec .top h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:85px;height:4px;background:linear-gradient(90deg,#FF5E5C 0%,#1E2731 100%);border-radius:2px}
.testSec .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.testSec .card{background:#F1F3F6;border-radius:28px;padding:38px 32px;position:relative;transition:all .4s ease}
.testSec .card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(145deg,#ff5e5c0d 0%,#1e27310d 100%);border-radius:28px;opacity:0;transition:opacity .4s ease}
.testSec .card:hover::before{opacity:1}
.testSec .card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #1e27311f}
.testSec .card .qt{font-size:3.5rem;color:#FF5E5C;line-height:1;margin:0 0 18px;opacity:.3}
.testSec .card .msg{font-size:1.05rem;line-height:1.7;color:#1E2731;margin:0 0 28px;opacity:.85}
.testSec .card .auth{display:flex;align-items:center;gap:18px}
.testSec .card .auth img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #FF5E5C}
.testSec .card .auth .info .nm{font-size:1.1rem;font-weight:600;color:#1E2731;margin:0 0 4px}
.testSec .card .auth .info .role{font-size:.9rem;color:#1E2731;opacity:.65;margin:0}
.ctaZone{background:linear-gradient(158deg,#1E2731 0%,#2d3943 100%);padding:75px 24px;position:relative;overflow:hidden}
.ctaZone::before{content:'';position:absolute;bottom:-80px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,#ff5e5c33 0%,transparent 70%);border-radius:50%}
.ctaZone .inner{max-width:1280px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ctaZone .inner h2{font-size:2.8rem;color:#F1F3F6;margin:0 0 20px;font-weight:700}
.ctaZone .inner .subTxt{font-size:1.2rem;line-height:1.65;color:#F1F3F6;opacity:.9;margin:0 0 42px;max-width:750px;margin-left:auto;margin-right:auto}
.ctaZone .inner .actBtn{display:inline-block;padding:18px 42px;background:#FF5E5C;color:#F1F3F6;border-radius:32px;text-decoration:none;font-size:1.15rem;font-weight:600;transition:all .35s ease}
.ctaZone .inner .actBtn:hover{background:#e04947;transform:translateY(-4px);box-shadow:0 12px 32px #ff5e5c73}
@media (max-width: 1366px) {
.topTx .txtBox h1{font-size:3.2rem}
.partGrid .intro h2{font-size:2.3rem}
.procFlow .hdr h2{font-size:2.2rem}
.testSec .top h2{font-size:2.2rem}
.ctaZone .inner h2{font-size:2.4rem}
}
@media (max-width: 768px) {
.topTx{height:auto;min-height:100vh}
.topTx .txtBox{padding:60px 20px 80px}
.topTx .txtBox h1{font-size:2.4rem}
.topTx .txtBox .subline{font-size:1.1rem}
.topTx .btnRow{flex-direction:column}
.topTx .btnRow a{text-align:center}
.partGrid{padding:60px 20px}
.partGrid .intro h2{font-size:1.9rem}
.partGrid .cardsList{grid-template-columns:1fr;gap:24px}
.procFlow{padding:60px 20px}
.procFlow .hdr h2{font-size:1.85rem}
.procFlow .steps{grid-template-columns:1fr;gap:40px}
.procFlow .steps::before{display:none}
.testSec{padding:65px 20px}
.testSec .top h2{font-size:1.85rem}
.testSec .grid{grid-template-columns:1fr;gap:28px}
.ctaZone{padding:55px 20px}
.ctaZone .inner h2{font-size:1.95rem}
.ctaZone .inner .subTxt{font-size:1.05rem}
}
@media (max-width: 375px) {
.topTx .txtBox h1{font-size:2rem}
.partGrid .intro h2{font-size:1.7rem}
.procFlow .hdr h2{font-size:1.65rem}
.testSec .top h2{font-size:1.65rem}
.ctaZone .inner h2{font-size:1.75rem}
}
.pageWrap{max-width:1280px;margin:0 auto;padding:0}
.titleBlock{background:linear-gradient(127deg,#1E2731 0%,#2a3642 100%);padding:80px 40px;margin-bottom:0;display:flex;align-items:center;gap:60px;border-radius:32px;box-shadow:0 12px 32px #1e273126;position:relative;overflow:hidden}
.titleBlock::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#ff5e5c14 0%,transparent 70%);border-radius:50%}
.titleBlock .txtArea{flex:1;z-index:2}
.titleBlock .mainHead{font-size:3.2rem;font-weight:700;color:#F1F3F6;margin:0;line-height:1.2;letter-spacing:-.02em}
.titleBlock .imgArea{flex:0 0 420px;z-index:2}
.titleBlock .imgArea img{width:100%;height:320px;object-fit:cover;border-radius:24px;filter:contrast(1.1) brightness(0.95);box-shadow:0 16px 48px #0000004d 0 4px 12px #0003;border:3px solid #f1f3f61a}
.contentArea{padding:100px 40px 120px;background:#fff}
.practicalGrid{display:grid;grid-template-columns:repeat(8,1fr);gap:32px;max-width:1280px;margin:0 auto}
.introParagraph{grid-column:1 / 6;padding-right:40px}
.introParagraph .sectionLabel{font-size:.9rem;font-weight:600;color:#FF5E5C;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;display:inline-block;position:relative;padding-left:32px}
.introParagraph .sectionLabel::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:3px;background:linear-gradient(90deg,#FF5E5C 0%,#ff8785 100%)}
.introParagraph .leadTxt{font-size:1.8rem;font-weight:600;color:#1E2731;line-height:1.4;margin-bottom:24px}
.introParagraph .bodyTxt{font-size:1.05rem;color:#4a5568;line-height:1.7;margin-bottom:0}
.expertCard{grid-column:6 / 9;background:linear-gradient(145deg,#F1F3F6 0%,#e8eaed 100%);border-radius:28px;padding:36px;box-shadow:0 8px 24px #1e273114;position:relative}
.expertCard::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FF5E5C 0%,#1E2731 100%);border-radius:28px 28px 0 0}
.expertCard .profileImg{width:90px;height:90px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:4px solid #fff;box-shadow:0 4px 16px #1e27311f}
.expertCard .expertName{font-size:1.3rem;font-weight:700;color:#1E2731;margin-bottom:6px}
.expertCard .expertRole{font-size:.95rem;color:#FF5E5C;font-weight:500;margin-bottom:18px}
.expertCard .expertQuote{font-size:.98rem;color:#4a5568;line-height:1.6;font-style:italic;margin:0}
.tipsWrapper{grid-column:1 / 9;margin-top:60px}
.tipsList{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 32px}
.tipItem{display:flex;gap:24px;background:#fff;padding:32px;border-radius:24px;border:2px solid #F1F3F6;transition:all .3s ease;position:relative}
.tipItem:hover{border-color:#FF5E5C;box-shadow:0 12px 32px #ff5e5c1f;transform:translateY(-4px)}
.tipItem .tipNum{flex:0 0 64px;height:64px;background:linear-gradient(135deg,#1E2731 0%,#2a3642 100%);color:#F1F3F6;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 6px 20px #1e273126}
.tipItem .tipContent .tipTitle{font-size:1.25rem;font-weight:700;color:#1E2731;margin-bottom:12px;line-height:1.3}
.tipItem .tipContent .tipDesc{font-size:1rem;color:#4a5568;line-height:1.6;margin:0}
.strategiesSection{background:linear-gradient(160deg,#1E2731 0%,#2a3642 100%);padding:90px 40px;margin-top:100px;border-radius:36px;position:relative;overflow:hidden}
.strategiesSection::before{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#ff5e5c1a 0%,transparent 70%);border-radius:50%}
.strategiesSection::after{content:'';position:absolute;top:-20%;right:-5%;width:350px;height:350px;background:radial-gradient(circle,#f1f3f60d 0%,transparent 70%);border-radius:50%}
.strategiesInner{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.strategiesHead{text-align:center;margin-bottom:60px}
.strategiesHead .subHead{font-size:.9rem;font-weight:600;color:#FF5E5C;text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px}
.strategiesHead .mainTitle{font-size:2.6rem;font-weight:700;color:#F1F3F6;margin:0;line-height:1.3}
.strategyCards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.stratCard{background:#f1f3f60f;border:2px solid #f1f3f61a;border-radius:24px;padding:40px 32px;transition:all .4s ease;position:relative}
.stratCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#FF5E5C 50%,transparent 100%);border-radius:24px 24px 0 0;opacity:0;transition:opacity .4s ease}
.stratCard:hover{background:#f1f3f61a;border-color:#ff5e5c4d;transform:translateY(-8px);box-shadow:0 16px 40px #0003}
.stratCard:hover::before{opacity:1}
.stratCard .iconWrap{width:56px;height:56px;background:linear-gradient(135deg,#FF5E5C 0%,#ff8785 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 20px #ff5e5c40}
.stratCard .iconWrap i{font-size:1.6rem;color:#fff}
.stratCard .cardTitle{font-size:1.35rem;font-weight:700;color:#F1F3F6;margin-bottom:14px;line-height:1.3}
.stratCard .cardDesc{font-size:1rem;color:#f1f3f6cc;line-height:1.65;margin:0}
.actionZone{margin-top:70px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.actionZone .ctaBtn{display:inline-block;background:linear-gradient(135deg,#FF5E5C 0%,#ff8785 100%);color:#fff;font-size:1.1rem;font-weight:600;padding:18px 48px;border-radius:28px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #ff5e5c4d;border:none;cursor:pointer;position:relative;z-index:10}
.actionZone .ctaBtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ff5e5c66}
.actionZone .secondaryLink{color:#F1F3F6;font-size:1rem;text-decoration:none;position:relative;padding-bottom:4px;transition:color .3s ease}
.actionZone .secondaryLink::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#FF5E5C;transform:scaleX(0);transition:transform .3s ease}
.actionZone .secondaryLink:hover{color:#FF5E5C}
.actionZone .secondaryLink:hover::after{transform:scaleX(1)}
@media (max-width: 1366px) {
.titleBlock{padding:60px 32px;gap:40px}
.titleBlock .mainHead{font-size:2.8rem}
.titleBlock .imgArea{flex:0 0 360px}
.titleBlock .imgArea img{height:280px}
.practicalGrid{gap:28px}
.strategyCards{gap:24px}
}
@media (max-width: 768px) {
.titleBlock{flex-direction:column;padding:50px 24px;gap:32px}
.titleBlock .mainHead{font-size:2.2rem}
.titleBlock .imgArea{flex:0 0 auto;width:100%}
.titleBlock .imgArea img{height:240px}
.contentArea{padding:60px 24px 80px}
.practicalGrid{grid-template-columns:1fr;gap:32px}
.introParagraph{grid-column:1 / -1;padding-right:0}
.introParagraph .leadTxt{font-size:1.5rem}
.expertCard{grid-column:1 / -1}
.tipsWrapper{grid-column:1 / -1;margin-top:40px}
.tipsList{grid-template-columns:1fr;gap:24px}
.tipItem{padding:24px;gap:20px}
.tipItem .tipNum{flex:0 0 56px;height:56px;font-size:1.3rem}
.strategiesSection{padding:60px 24px;margin-top:60px}
.strategiesHead .mainTitle{font-size:2rem}
.strategyCards{grid-template-columns:1fr;gap:20px}
.actionZone{margin-top:50px}
.actionZone .ctaBtn{font-size:1rem;padding:16px 40px}
}
@media (max-width: 375px) {
.titleBlock .mainHead{font-size:1.9rem}
.introParagraph .leadTxt{font-size:1.3rem}
.tipItem .tipContent .tipTitle{font-size:1.1rem}
.strategiesHead .mainTitle{font-size:1.7rem}
}
.successWrap{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden;background:linear-gradient(138deg,#F1F3F6 0%,#fff 45%,#F1F3F6 100%)}
.successWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#1e273105 1px,transparent 1px),linear-gradient(90deg,#1e273105 1px,transparent 1px);background-size:60px 60px;opacity:.4;pointer-events:none}
.successContent{max-width:1280px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:2}
.txtZone{padding:0 20px}
.txtZone .msgHead{font-size:3.2rem;font-weight:700;color:#1E2731;line-height:1.15;margin-bottom:24px;letter-spacing:-.02em}
.txtZone .msgHead::before{content:'';display:inline-block;width:8px;height:8px;background:#FF5E5C;border-radius:50%;margin-right:14px;vertical-align:middle;animation:pulse 2s infinite}
@keyframes pulse {
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.6;transform:scale(1.2)}
}
.txtZone .msgDesc{font-size:1.15rem;line-height:1.7;color:#4a5568;margin-bottom:36px}
.actButtons{display:flex;gap:16px;flex-wrap:wrap}
.actButtons .primBtn{padding:16px 32px;background:linear-gradient(135deg,#1E2731 0%,#2d3a47 100%);color:#fff;text-decoration:none;border-radius:28px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #1e273126;display:inline-flex;align-items:center;gap:10px}
.actButtons .primBtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1e273140;background:linear-gradient(135deg,#2d3a47 0%,#1E2731 100%)}
.actButtons .secBtn{padding:16px 32px;background:transparent;color:#1E2731;text-decoration:none;border-radius:28px;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid #1E2731;display:inline-flex;align-items:center;gap:10px}
.actButtons .secBtn:hover{background:#1E2731;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #1e273133}
.visualZone{position:relative;display:flex;align-items:center;justify-content:center;padding:40px}
.glowShape{position:relative;width:380px;height:380px;border-radius:40px;background:linear-gradient(145deg,#fff 0%,#F1F3F6 100%);box-shadow:0 20px 60px #1e273114 inset 0 1px 0 #ffffffe6;display:flex;align-items:center;justify-content:center}
.glowShape::before{content:'';position:absolute;top:-40px;left:-40px;right:-40px;bottom:-40px;background:radial-gradient(circle at 35% 35%,#ff5e5c26 0%,transparent 60%);border-radius:60px;filter:blur(30px);z-index:-1}
.iconCirc{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#FF5E5C 0%,#ff8280 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px #ff5e5c4d inset 0 -2px 8px #0000001a;animation:floatIcon 3s ease-in-out infinite}
@keyframes floatIcon {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-12px)}
}
.iconCirc i{font-size:3.5rem;color:#fff}
.decorCirc{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ff5e5c26 0%,#ff5e5c0d 100%)}
.decorCirc.dc1{width:120px;height:120px;top:10%;right:8%;animation:rotateCirc 15s linear infinite}
.decorCirc.dc2{width:80px;height:80px;bottom:15%;left:5%;animation:rotateCirc 20s linear infinite reverse}
@keyframes rotateCirc {
0%{transform:rotate(0deg) translate(20px) rotate(0deg)}
100%{transform:rotate(360deg) translate(20px) rotate(-360deg)}
}
.infoPanel{background:linear-gradient(125deg,#F1F3F6 0%,#fff 100%);padding:60px 40px;position:relative;overflow:hidden}
.infoPanel::before{content:'';position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,#ff5e5c14 0%,transparent 70%);border-radius:50%;transform:translate(40%,-40%)}
.infoContainer{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.infoContainer .secHead{font-size:2.4rem;font-weight:700;color:#1E2731;margin-bottom:16px;letter-spacing:-.01em}
.infoContainer .secHead::after{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#FF5E5C 0%,transparent 100%);margin-top:12px;border-radius:2px}
.infoContainer .secTxt{font-size:1.05rem;line-height:1.7;color:#5a6a7a;margin-bottom:44px;max-width:700px}
.dataGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.dataCard{background:#fff;padding:32px;border-radius:24px;box-shadow:0 4px 16px #1e27310f;transition:all .3s ease;position:relative;border:1px solid #1e273114}
.dataCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1e27311f;border-color:#ff5e5c33}
.dataCard .cardIcon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#ff5e5c1a 0%,#ff5e5c0d 100%);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.dataCard .cardIcon i{font-size:1.6rem;color:#FF5E5C}
.dataCard .cardTitle{font-size:1.3rem;font-weight:700;color:#1E2731;margin-bottom:10px}
.dataCard .cardInfo{font-size:.95rem;line-height:1.6;color:#6a7a8a}
@media (max-width: 1366px) {
.successContent{gap:60px}
.glowShape{width:340px;height:340px}
}
@media (max-width: 768px) {
.successWrap{padding:30px 20px;min-height:auto}
.successContent{grid-template-columns:1fr;gap:50px}
.txtZone{text-align:center;order:2;padding:0 10px}
.txtZone .msgHead{font-size:2.2rem}
.txtZone .msgDesc{font-size:1.05rem}
.actButtons{justify-content:center}
.actButtons .primBtn,.actButtons .secBtn{width:100%;justify-content:center}
.visualZone{order:1;padding:20px}
.glowShape{width:280px;height:280px}
.iconCirc{width:110px;height:110px}
.iconCirc i{font-size:2.8rem}
.decorCirc.dc1{width:90px;height:90px}
.decorCirc.dc2{width:60px;height:60px}
.infoPanel{padding:50px 20px}
.infoContainer .secHead{font-size:1.9rem}
.dataGrid{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 375px) {
.txtZone .msgHead{font-size:1.9rem}
.actButtons .primBtn,.actButtons .secBtn{padding:14px 24px;font-size:.95rem}
.glowShape{width:240px;height:240px;border-radius:32px}
.iconCirc{width:90px;height:90px}
.iconCirc i{font-size:2.4rem}
}