*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Manrope',sans-serif;display:flex;flex-direction:column;min-height:100vh;background:#FFF;color:#1E1D1D;line-height:1.6}
.heado{background:linear-gradient(135deg,#FFF 0%,#FFF5F6 100%);border-bottom:1px solid #fda6aa33;box-shadow:0 2px 12px #1e1d1d0d}
.heado .mainContWrap{max-width:1280px;margin:0 auto;padding:0 20px}
.heado .topRow{display:flex;align-items:center;justify-content:space-between;padding:24px 0;gap:40px}
.heado .leftZone{display:flex;align-items:center;gap:20px;flex:0 0 auto}
.heado .logoWrap{display:flex;align-items:center;justify-content:center;width:90px;height:90px;background:#FFF;border-radius:12px;box-shadow:0 4px 16px #fda6aa26;transition:all .3s ease-in-out}
.heado .logoWrap:hover{box-shadow:0 6px 20px #fda6aa40;transform:translateY(-2px)}
.heado .logoWrap img{width:70px;height:70px;object-fit:contain}
.heado .companyTxt{font-size:28px;font-weight:700;color:#1E1D1D;letter-spacing:-.5px}
.heado .rightZone{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:1}
.heado .taglineText{font-size:14px;color:#666;font-weight:300;font-style:italic}
.heado .mainNavi{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.heado .mainNavi a{padding:10px 22px;color:#1E1D1D;text-decoration:none;font-weight:400;font-size:15px;border-radius:10px;transition:all .3s ease-in-out;background:transparent}
.heado .mainNavi a:hover{background:#fda6aa1f;color:#1E1D1D}
.heado .mainNavi a.is-active{background:#FDA6AA;color:#FFF;font-weight:700}
main{flex:1}
.foot{background:#1E1D1D;color:#FFF;padding:60px 0 30px;margin-top:80px;position:relative}
.foot::before{content:'';position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:200px;height:80px;background:linear-gradient(180deg,#fda6aa26 0%,transparent 100%);border-radius:50%;filter:blur(30px)}
.foot .footContWrap{max-width:1280px;margin:0 auto;padding:0 20px}
.foot .mainFootContent{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:50px}
.foot .brandColumn h3{font-size:24px;font-weight:700;margin-bottom:16px;color:#FDA6AA}
.foot .brandColumn p{font-size:14px;line-height:1.8;color:#ffffffb3;margin-bottom:12px}
.foot .paymentNote{margin-top:24px;padding:16px;background:#fda6aa14;border-radius:10px;border-left:3px solid #FDA6AA}
.foot .paymentNote p{font-size:13px;color:#ffffffd9}
.foot .linkColumn h4{font-size:16px;font-weight:700;margin-bottom:20px;color:#FFF}
.foot .linkColumn a{display:block;color:#ffffffb3;text-decoration:none;font-size:14px;margin-bottom:12px;transition:all .3s ease-in-out;padding-left:8px}
.foot .linkColumn a:hover{color:#FDA6AA;padding-left:14px}
.foot .bottomBar{padding-top:30px;border-top:1px solid #ffffff1a;text-align:center}
.foot .bottomBar p{font-size:13px;color:#ffffff80}
.cookieBox{position:fixed;right:30px;top:50%;transform:translateY(-50%) scale(0.8);background:#FFF;border-radius:16px;padding:28px 24px;box-shadow:0 12px 40px #1e1d1d33;width:320px;z-index:9999;opacity:0;transition:all .6s cubic-bezier(0.68,-0.55,0.265,1.55);border:2px solid #FDA6AA}
.cookieBox.is-visible{opacity:1;transform:translateY(-50%) scale(1)}
.cookieBox h3{font-size:18px;font-weight:700;margin-bottom:12px;color:#1E1D1D}
.cookieBox p{font-size:13px;line-height:1.6;color:#666;margin-bottom:20px}
.cookieBox .buttGrp{display:flex;flex-direction:column;gap:10px}
.cookieBox .buttGrp button{padding:12px 20px;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease-in-out;font-family:'Manrope',sans-serif}
.cookieBox .buttGrp .acceptButt{background:#FDA6AA;color:#FFF}
.cookieBox .buttGrp .acceptButt:hover{background:#fc8b90;transform:translateY(-2px);box-shadow:0 4px 12px #fda6aa4d}
.cookieBox .buttGrp .settButt{background:transparent;color:#1E1D1D;border:2px solid #1E1D1D}
.cookieBox .buttGrp .settButt:hover{background:#1E1D1D;color:#FFF}
@media (max-width: 968px) {
.heado .topRow{flex-direction:column;align-items:flex-start;gap:20px}
.heado .rightZone{width:100%;align-items:flex-start}
.heado .mainNavi{justify-content:flex-start;width:100%}
.foot .mainFootContent{grid-template-columns:1fr;gap:40px}
.cookieBox{right:20px;left:20px;width:auto;bottom:20px;top:auto;transform:translateY(20px) scale(0.9)}
.cookieBox.is-visible{transform:translateY(0) scale(1)}
}
@media (max-width: 640px) {
.heado .leftZone{flex-direction:column;align-items:flex-start;gap:12px}
.heado .companyTxt{font-size:22px}
.heado .mainNavi{flex-direction:column;align-items:stretch}
.heado .mainNavi a{text-align:center}
}
.agreement-text{max-width:1280px;margin:0 auto;padding:80px 24px;background:#FFF}
.agreement-text h1{font-size:48px;font-weight:700;line-height:1.2;color:#1E1D1D;margin:0 0 16px;letter-spacing:-.02em}
.agreement-text h2{font-size:36px;font-weight:600;line-height:1.3;color:#1E1D1D;margin:64px 0 24px;letter-spacing:-.01em}
.agreement-text h3{font-size:28px;font-weight:600;line-height:1.4;color:#1E1D1D;margin:48px 0 20px}
.agreement-text h4{font-size:22px;font-weight:600;line-height:1.4;color:#1E1D1D;margin:36px 0 16px}
.agreement-text h5{font-size:18px;font-weight:600;line-height:1.5;color:#1E1D1D;margin:28px 0 12px}
.agreement-text h6{font-size:16px;font-weight:600;line-height:1.5;color:#1E1D1D;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.05em}
.agreement-text p{font-size:17px;line-height:1.8;color:#1E1D1D;margin:0 0 24px;opacity:.92}
.agreement-text ul{margin:0 0 32px;padding:0 0 0 28px;list-style-type:none}
.agreement-text ul li{font-size:17px;line-height:1.8;color:#1E1D1D;margin:0 0 16px;opacity:.92;position:relative}
.agreement-text ul li::before{content:'';position:absolute;left:-28px;top:12px;width:6px;height:6px;background:#FDA6AA;border-radius:50%}
.agreement-text ol{margin:0 0 32px;padding:0 0 0 28px;list-style-position:outside;counter-reset:list-counter}
.agreement-text ol li{font-size:17px;line-height:1.8;color:#1E1D1D;margin:0 0 16px;opacity:.92;counter-increment:list-counter;position:relative;list-style:none}
.agreement-text ol li::before{content:counter(list-counter) ".";position:absolute;left:-28px;font-weight:600;color:#FDA6AA}
.agreement-text ul ul,.agreement-text ol ul,.agreement-text ul ol,.agreement-text ol ol{margin:16px 0 0;padding:0 0 0 28px}
.agreement-text table{width:100%;border-collapse:collapse;margin:0 0 40px;background:#FFF;border:1px solid #1e1d1d1f;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #1e1d1d0a}
.agreement-text thead{background:linear-gradient(135deg,#1E1D1D 0%,#1e1d1df2 100%)}
.agreement-text thead tr{border-bottom:2px solid #FDA6AA}
.agreement-text th{font-size:15px;font-weight:600;line-height:1.5;color:#FFF;text-align:left;padding:20px 24px;letter-spacing:.02em}
.agreement-text tbody{background:#FFF}
.agreement-text tbody tr{border-bottom:1px solid #1e1d1d14;transition:background .2s ease-in-out}
.agreement-text tbody tr:last-child{border-bottom:none}
.agreement-text tbody tr:hover{background:#fda6aa0a}
.agreement-text td{font-size:16px;line-height:1.7;color:#1E1D1D;padding:18px 24px;opacity:.92}
.agreement-text div{margin:0 0 24px}
@media (max-width: 768px) {
.agreement-text{padding:48px 20px}
.agreement-text h1{font-size:36px;margin:0 0 12px}
.agreement-text h2{font-size:28px;margin:48px 0 20px}
.agreement-text h3{font-size:24px;margin:36px 0 16px}
.agreement-text h4{font-size:20px;margin:28px 0 14px}
.agreement-text h5{font-size:17px;margin:24px 0 12px}
.agreement-text h6{font-size:15px;margin:20px 0 10px}
.agreement-text p,.agreement-text ul li,.agreement-text ol li{font-size:16px;line-height:1.75}
.agreement-text table{display:block;overflow-x:auto;border-radius:8px}
.agreement-text th,.agreement-text td{padding:14px 16px;font-size:14px}
}
@media (max-width: 480px) {
.agreement-text{padding:32px 16px}
.agreement-text h1{font-size:30px}
.agreement-text h2{font-size:24px;margin:40px 0 16px}
.agreement-text h3{font-size:20px;margin:32px 0 14px}
.agreement-text ul,.agreement-text ol{padding:0 0 0 24px}
.agreement-text ul li::before{left:-24px}
.agreement-text ol li::before{left:-24px}
.agreement-text th,.agreement-text td{padding:12px;font-size:13px}
}
.heroWrap{position:relative;background:linear-gradient(135deg,#FDA6AA 0%,#FFF 45%,#1E1D1D 100%);padding:120px 20px 80px;overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fda6aa4d 0%,transparent 70%);border-radius:50%;animation:floatShape 8s ease-in-out infinite}
@keyframes floatShape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,-30px) scale(1.1)}
}
.heroWrap::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#1e1d1d26 0%,transparent 70%);border-radius:50%;animation:floatShape 10s ease-in-out infinite reverse}
.heroInner{max-width:1280px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;gap:60px}
.heroInner .textPart{flex:1}
.heroInner .imagePart{flex:1;max-width:480px}
.heroInner .imagePart img{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 32px #1e1d1d33;filter:brightness(0.95) saturate(1.05)}
.heroInner h1{font-size:3.2rem;line-height:1.15;color:#1E1D1D;margin:0 0 32px;font-weight:700}
.heroInner .ctaButt{display:inline-block;padding:16px 42px;background:#1E1D1D;color:#FFF;text-decoration:none;border-radius:10px;font-size:1.05rem;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 6px 18px #1e1d1d40;position:relative;z-index:10}
.heroInner .ctaButt:hover{background:#FDA6AA;color:#1E1D1D;transform:translateY(-3px);box-shadow:0 10px 26px #fda6aa66}
@media (max-width: 768px) {
.heroInner{flex-direction:column;gap:40px}
.heroInner h1{font-size:2.2rem}
.heroWrap{padding:80px 20px 60px}
}
.reviewsMain{padding:90px 20px;background:#FFF}
.reviewsMain .containerWrap{max-width:1280px;margin:0 auto}
.reviewsMain .sectionIntro{text-align:center;max-width:780px;margin:0 auto 70px}
.reviewsMain .sectionIntro h2{font-size:2.6rem;color:#1E1D1D;margin:0 0 24px;font-weight:700;position:relative;display:inline-block}
.reviewsMain .sectionIntro h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FDA6AA 0%,#1E1D1D 100%);border-radius:2px}
.reviewsMain .sectionIntro p{font-size:1.1rem;color:#444;line-height:1.7;margin:0}
.reviewGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:35px;margin-bottom:60px}
.reviewCard{background:#F9F9F9;padding:36px;border-radius:14px;border:2px solid transparent;transition:all .35s ease-in-out;position:relative;box-shadow:0 4px 14px #0000000f}
.reviewCard::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#FDA6AA 0%,#1E1D1D 100%);border-radius:14px 14px 0 0;opacity:0;transition:opacity .35s ease-in-out}
.reviewCard:hover{border-color:#FDA6AA;box-shadow:0 10px 28px #fda6aa40;transform:translateY(-5px)}
.reviewCard:hover::before{opacity:1}
.reviewCard .reviewHead{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.reviewCard .reviewHead .userInitial{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1E1D1D 0%,#FDA6AA 100%);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#FFF;font-weight:700;flex-shrink:0}
.reviewCard .reviewHead .userInfo h3{font-size:1.25rem;color:#1E1D1D;margin:0 0 4px;font-weight:600}
.reviewCard .reviewHead .userInfo .courseTag{font-size:.9rem;color:#666;font-style:italic}
.reviewCard .ratingStars{display:flex;gap:4px;margin-bottom:18px}
.reviewCard .ratingStars .material-icons{font-size:1.3rem;color:#FDA6AA}
.reviewCard .reviewText{font-size:1.02rem;line-height:1.75;color:#333;margin:0 0 20px}
.reviewCard .reviewDate{font-size:.88rem;color:#888;font-style:italic}
@media (max-width: 768px) {
.reviewGrid{grid-template-columns:1fr;gap:28px}
.reviewsMain .sectionIntro h2{font-size:2rem}
}
.statsArea{background:linear-gradient(180deg,#1E1D1D 0%,#2D2C2C 100%);padding:80px 20px;position:relative;overflow:hidden}
.statsArea::before{content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,#fda6aa26 0%,transparent 70%);border-radius:50%}
.statsArea .containerWrap{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.statsArea h2{text-align:center;font-size:2.4rem;color:#FFF;margin:0 0 60px;font-weight:700}
.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}
.statItem{text-align:center;padding:28px 20px;background:#ffffff14;border-radius:12px;border:1px solid #fda6aa33;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.statItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fda6aa26 0%,transparent 100%);opacity:0;transition:opacity .3s ease-in-out}
.statItem:hover{background:#ffffff1f;transform:scale(1.05)}
.statItem:hover::before{opacity:1}
.statItem .statNum{font-size:3.2rem;color:#FDA6AA;font-weight:700;margin:0 0 12px;line-height:1;position:relative;z-index:2}
.statItem .statLabel{font-size:1.15rem;color:#E8E8E8;margin:0;position:relative;z-index:2}
@media (max-width: 768px) {
.statsGrid{grid-template-columns:1fr;gap:24px}
.statsArea h2{font-size:1.9rem}
}
.testimonialsDetailed{padding:90px 20px;background:#F5F5F5}
.testimonialsDetailed .containerWrap{max-width:1280px;margin:0 auto}
.testimonialsDetailed h2{font-size:2.5rem;text-align:center;color:#1E1D1D;margin:0 0 70px;font-weight:700;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.testimonialsDetailed h2::before{content:'';position:absolute;bottom:-14px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#1E1D1D 0%,#FDA6AA 100%);border-radius:2px}
.testimonialsList{display:flex;flex-direction:column;gap:50px}
.testimonialItem{display:flex;gap:50px;align-items:flex-start;background:#FFF;padding:45px;border-radius:16px;box-shadow:0 6px 20px #00000014;transition:all .35s ease-in-out;position:relative}
.testimonialItem::after{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#FDA6AA 0%,#1E1D1D 100%);border-radius:16px 0 0 16px;opacity:0;transition:opacity .35s ease-in-out}
.testimonialItem:hover{box-shadow:0 12px 36px #1e1d1d26;transform:translateX(8px)}
.testimonialItem:hover::after{opacity:1}
.testimonialItem:nth-child(even){flex-direction:row-reverse}
.testimonialItem:nth-child(even)::after{left:auto;right:0;border-radius:0 16px 16px 0}
.testimonialItem:nth-child(even):hover{transform:translateX(-8px)}
.testimonialItem .userAvatar{flex-shrink:0;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#FDA6AA 0%,#1E1D1D 100%);display:flex;align-items:center;justify-content:center;font-size:2.8rem;color:#FFF;font-weight:700;box-shadow:0 8px 22px #fda6aa4d}
.testimonialItem .testimonialContent{flex:1}
.testimonialItem .testimonialContent h3{font-size:1.5rem;color:#1E1D1D;margin:0 0 8px;font-weight:600}
.testimonialItem .testimonialContent .courseInfo{font-size:.95rem;color:#666;margin:0 0 18px;font-style:italic}
.testimonialItem .testimonialContent .ratingStars{display:flex;gap:5px;margin-bottom:20px}
.testimonialItem .testimonialContent .ratingStars .material-icons{font-size:1.4rem;color:#FDA6AA}
.testimonialItem .testimonialContent .quote{font-size:1.08rem;line-height:1.8;color:#333;margin:0 0 18px;position:relative;padding-left:28px}
.testimonialItem .testimonialContent .quote::before{content:'"';position:absolute;left:0;top:-8px;font-size:3rem;color:#FDA6AA;font-family:Georgia,serif;line-height:1}
.testimonialItem .testimonialContent .timestamp{font-size:.9rem;color:#999;font-style:italic}
@media (max-width: 968px) {
.testimonialItem{flex-direction:column!important;gap:28px;padding:35px}
.testimonialItem .userAvatar{width:90px;height:90px;font-size:2rem}
.testimonialsDetailed h2{font-size:2rem}
}
@media (max-width: 640px) {
.testimonialItem .testimonialContent .quote{font-size:1rem;padding-left:20px}
}
.heroMain{position:relative;overflow:hidden;background:linear-gradient(315deg,#1E1D1D 0%,#FDA6AA 50%,#FFF 100%);padding:0;margin-bottom:80px}
.heroMain .heroContain{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:0;align-items:center;min-height:580px}
.heroMain .heroTextWrapper{padding:60px 40px 60px 60px;z-index:2;position:relative}
.heroMain .heroH{font-size:3.2rem;line-height:1.15;color:#1E1D1D;margin:0 0 24px;font-weight:700}
.heroMain .heroDesc{font-size:1.15rem;line-height:1.7;color:#1E1D1D;margin:0;max-width:520px}
.heroMain .heroImgArea{position:relative;height:100%;min-height:580px}
.heroMain .heroImgArea img{position:absolute;top:-40px;right:-80px;width:120%;height:calc(100% + 80px);object-fit:cover;object-position:center;box-shadow:-12px 0 32px #1e1d1d26}
.heroMain .heroAccentLine{position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:120px;background:#FDA6AA;border-radius:0 3px 3px 0}
.techWrap{max-width:1280px;margin:0 auto 100px;padding:0 40px}
.techWrap .techHead{text-align:center;margin-bottom:56px}
.techWrap .techHead h2{font-size:2.4rem;color:#1E1D1D;margin:0 0 16px;font-weight:700}
.techWrap .techHead p{font-size:1.1rem;color:#1E1D1D;margin:0;opacity:.8}
.techWrap .techGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.techWrap .techCard{background:#FFF;border:2px solid #FDA6AA;border-radius:12px;padding:32px 24px;text-align:center;transition:all .3s ease-in-out;position:relative}
.techWrap .techCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #fda6aa40;border-color:#1E1D1D}
.techWrap .techCard .techIcono{font-size:3rem;color:#FDA6AA;margin-bottom:16px;display:block}
.techWrap .techCard h3{font-size:1.3rem;color:#1E1D1D;margin:0 0 12px;font-weight:600}
.techWrap .techCard p{font-size:.95rem;color:#1E1D1D;margin:0;line-height:1.6;opacity:.75}
.peopSection{background:#1E1D1D;padding:80px 40px;margin-bottom:100px;position:relative}
.peopSection::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#FDA6AA 50%,transparent 100%)}
.peopSection .peopContain{max-width:1280px;margin:0 auto}
.peopSection .peopFlexer{display:flex;gap:60px;align-items:center}
.peopSection .peopImgBox{flex:0 0 480px}
.peopSection .peopImgBox img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 16px 40px #0000004d}
.peopSection .peopTextArea{flex:1;color:#FFF}
.peopSection .peopTextArea h2{font-size:2.6rem;margin:0 0 24px;color:#FDA6AA;font-weight:700}
.peopSection .peopTextArea p{font-size:1.05rem;line-height:1.75;margin:0 0 20px;opacity:.9}
.peopSection .peopList{list-style:none;padding:0;margin:28px 0 0}
.peopSection .peopList li{padding:12px 0 12px 36px;position:relative;font-size:1.05rem;line-height:1.6}
.peopSection .peopList li::before{content:'→';position:absolute;left:0;color:#FDA6AA;font-size:1.4rem;font-weight:700}
.priceArea{max-width:1280px;margin:0 auto 100px;padding:0 40px}
.priceArea .priceIntro{text-align:center;margin-bottom:56px}
.priceArea .priceIntro h2{font-size:2.5rem;color:#1E1D1D;margin:0 0 16px;font-weight:700}
.priceArea .priceIntro p{font-size:1.1rem;color:#1E1D1D;margin:0;opacity:.75}
.priceArea .priceFlexo{display:flex;gap:32px;justify-content:center}
.priceArea .priceBox{background:#FFF;border:2px solid #1E1D1D;border-radius:14px;padding:44px 36px;flex:0 1 380px;position:relative;transition:all .3s ease-in-out}
.priceArea .priceBox:hover{border-color:#FDA6AA;box-shadow:0 14px 32px #fda6aa33;transform:scale(1.02)}
.priceArea .priceBox.featured{border-width:3px;border-color:#FDA6AA;background:linear-gradient(135deg,#FFF 0%,#fda6aa14 100%)}
.priceArea .priceBox.featured::after{content:'Beliebt';position:absolute;top:-14px;right:24px;background:#FDA6AA;color:#1E1D1D;padding:6px 18px;border-radius:20px;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #fda6aa66}
.priceArea .priceBox h3{font-size:1.8rem;color:#1E1D1D;margin:0 0 12px;font-weight:700}
.priceArea .priceBox .priceCost{font-size:2.8rem;color:#FDA6AA;font-weight:700;margin:0 0 8px}
.priceArea .priceBox .pricePer{font-size:1rem;color:#1E1D1D;opacity:.6;margin:0 0 28px}
.priceArea .priceBox ul{list-style:none;padding:0;margin:0 0 32px}
.priceArea .priceBox ul li{padding:10px 0;font-size:1rem;color:#1E1D1D;position:relative;padding-left:28px}
.priceArea .priceBox ul li::before{content:'✓';position:absolute;left:0;color:#FDA6AA;font-weight:700;font-size:1.2rem}
.priceArea .priceBox .priceCta{display:block;width:100%;padding:14px 24px;background:#1E1D1D;color:#FFF;text-align:center;border:none;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none}
.priceArea .priceBox .priceCta:hover{background:#FDA6AA;color:#1E1D1D;transform:translateY(-2px);box-shadow:0 8px 20px #fda6aa4d}
.priceArea .priceBox.featured .priceCta{background:#FDA6AA;color:#1E1D1D}
.priceArea .priceBox.featured .priceCta:hover{background:#1E1D1D;color:#FFF}
.directionsWrap{max-width:1280px;margin:0 auto 100px;padding:0 40px}
.directionsWrap .directHead{margin-bottom:48px}
.directionsWrap .directHead h2{font-size:2.5rem;color:#1E1D1D;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.directionsWrap .directHead h2::after{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:#FDA6AA;border-radius:2px}
.directionsWrap .directHead p{font-size:1.05rem;color:#1E1D1D;margin:20px 0 0;opacity:.75;max-width:680px}
.directionsWrap .directMasonry{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.directionsWrap .directItem{background:linear-gradient(135deg,#FFF 0%,#fda6aa0d 100%);border:1px solid #1e1d1d1a;border-radius:12px;padding:32px 28px;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.directionsWrap .directItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FDA6AA 0%,transparent 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}
.directionsWrap .directItem:hover::before{transform:scaleX(1)}
.directionsWrap .directItem:hover{border-color:#FDA6AA;box-shadow:0 10px 28px #fda6aa26;transform:translateY(-4px)}
.directionsWrap .directItem .directIcn{font-size:2.8rem;color:#FDA6AA;margin-bottom:16px;display:block}
.directionsWrap .directItem h3{font-size:1.4rem;color:#1E1D1D;margin:0 0 12px;font-weight:600}
.directionsWrap .directItem p{font-size:.98rem;color:#1E1D1D;margin:0;line-height:1.65;opacity:.8}
.directionsWrap .directItem:nth-child(2){background:linear-gradient(135deg,#fda6aa14 0%,#FFF 100%)}
.directionsWrap .directItem:nth-child(4){background:linear-gradient(135deg,#FFF 0%,#1e1d1d08 100%)}
.advantSection{background:linear-gradient(180deg,#fda6aa1f 0%,#FFF 100%);padding:80px 40px;position:relative}
.advantSection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:2px;background:radial-gradient(circle,#FDA6AA 0%,transparent 70%)}
.advantSection .advantContain{max-width:1280px;margin:0 auto}
.advantSection .advantTop{text-align:center;margin-bottom:56px}
.advantSection .advantTop h2{font-size:2.6rem;color:#1E1D1D;margin:0 0 20px;font-weight:700}
.advantSection .advantTop p{font-size:1.1rem;color:#1E1D1D;margin:0;opacity:.75;max-width:700px;margin-left:auto;margin-right:auto}
.advantSection .advantSplit{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.advantSection .advantVisual img{width:100%;height:500px;object-fit:cover;border-radius:16px;box-shadow:0 18px 48px #1e1d1d1f}
.advantSection .advantItems{display:flex;flex-direction:column;gap:24px}
.advantSection .advantCard{background:#FFF;border-left:4px solid #FDA6AA;border-radius:10px;padding:28px 32px;box-shadow:0 6px 20px #1e1d1d0f;transition:all .3s ease-in-out}
.advantSection .advantCard:hover{box-shadow:0 12px 32px #1e1d1d1f;transform:translateX(6px);border-left-width:6px}
.advantSection .advantCard h3{font-size:1.5rem;color:#1E1D1D;margin:0 0 12px;font-weight:600;display:flex;align-items:center;gap:12px}
.advantSection .advantCard h3::before{content:'';width:8px;height:8px;background:#FDA6AA;border-radius:50%;display:block}
.advantSection .advantCard p{font-size:1rem;color:#1E1D1D;margin:0;line-height:1.7;opacity:.8}
@media (max-width: 1024px) {
.heroMain .heroContain{grid-template-columns:1fr;min-height:auto}
.heroMain .heroImgArea{min-height:400px;order:-1}
.heroMain .heroImgArea img{position:relative;top:0;right:0;width:100%;height:400px}
.heroMain .heroTextWrapper{padding:50px 40px}
.techWrap .techGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.peopSection .peopFlexer{flex-direction:column;gap:40px}
.peopSection .peopImgBox{flex:0 0 auto;width:100%}
.priceArea .priceFlexo{flex-direction:column;align-items:center}
.directionsWrap .directMasonry{grid-template-columns:repeat(2,1fr)}
.advantSection .advantSplit{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.heroMain .heroH{font-size:2.2rem}
.heroMain .heroDesc{font-size:1rem}
.heroMain .heroTextWrapper{padding:40px 20px}
.techWrap{padding:0 20px}
.techWrap .techGrid{grid-template-columns:1fr}
.techWrap .techHead h2{font-size:2rem}
.peopSection{padding:60px 20px}
.peopSection .peopTextArea h2{font-size:2rem}
.priceArea{padding:0 20px}
.priceArea .priceIntro h2{font-size:2rem}
.directionsWrap{padding:0 20px}
.directionsWrap .directMasonry{grid-template-columns:1fr}
.directionsWrap .directHead h2{font-size:2rem}
.advantSection{padding:60px 20px}
.advantSection .advantTop h2{font-size:2rem}
}
.contactWrap{max-width:1280px;margin:0 auto;padding:0 20px}
.titleSect{position:relative;padding:80px 0 100px;overflow:hidden}
.titleSect .bgLayer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#FDA6AA 0%,#FFF 100%);opacity:.15;z-index:1}
.titleSect .contentGrid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.titleSect .txtArea h1{font-size:3.2rem;line-height:1.2;color:#1E1D1D;margin:0 0 24px;font-weight:700}
.titleSect .txtArea p{font-size:1.15rem;line-height:1.7;color:#1E1D1D;margin:0 0 16px;opacity:.85}
.titleSect .imgArea{position:relative}
.titleSect .imgArea::before{content:'';position:absolute;top:-30px;right:-30px;width:180px;height:180px;background:#FDA6AA;opacity:.4;border-radius:12px;transform:rotate(15deg);z-index:-1}
.titleSect .imgArea::after{content:'';position:absolute;bottom:-40px;left:-40px;width:220px;height:220px;background:linear-gradient(225deg,#1E1D1D 0%,#FDA6AA 100%);opacity:.2;border-radius:50%;z-index:-1}
.titleSect .imgArea img{width:100%;height:auto;display:block;border-radius:12px;filter:grayscale(0.3) contrast(1.1);box-shadow:0 12px 32px #1e1d1d26}
.infoCardsWrap{padding:0 0 80px}
.cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.infoCard{background:#FFF;border:2px solid #FDA6AA;border-radius:10px;padding:36px 28px;text-align:center;transition:all .3s ease-in-out;position:relative}
.infoCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#1E1D1D 0%,#FDA6AA 100%);border-radius:10px 10px 0 0;transform:scaleX(0);transition:transform .3s ease-in-out}
.infoCard:hover::before{transform:scaleX(1)}
.infoCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #fda6aa40}
.infoCard .icnWrap{width:70px;height:70px;background:linear-gradient(135deg,#FDA6AA 0%,#FFF 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.infoCard .icnWrap .material-icons{font-size:32px;color:#1E1D1D}
.infoCard h3{font-size:1.35rem;color:#1E1D1D;margin:0 0 12px;font-weight:600}
.infoCard a{font-size:1rem;color:#1E1D1D;text-decoration:none;word-break:break-word;transition:color .2s ease-in-out}
.infoCard a:hover{color:#FDA6AA}
.formSectionWrap{padding:0 0 80px}
.formSectionWrap .intro{text-align:center;max-width:720px;margin:0 auto 60px}
.formSectionWrap .intro h2{font-size:2.6rem;color:#1E1D1D;margin:0 0 20px;font-weight:700}
.formSectionWrap .intro p{font-size:1.1rem;line-height:1.65;color:#1E1D1D;opacity:.8;margin:0}
.formContainer{max-width:840px;margin:0 auto;background:#FFF;border-radius:14px;padding:50px 60px;box-shadow:0 8px 24px #1e1d1d1a;border:1px solid #fda6aa4d}
.formContainer form{display:flex;flex-direction:column;gap:28px}
.nameRow{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.inputGroup{display:flex;flex-direction:column;gap:10px}
.inputGroup label{font-size:1rem;color:#1E1D1D;font-weight:600}
.inputGroup input{padding:14px 18px;border:2px solid #FDA6AA;border-radius:8px;font-size:1rem;transition:all .2s ease-in-out;background:#FFF;color:#1E1D1D}
.inputGroup input:focus{outline:none;border-color:#1E1D1D;box-shadow:0 4px 12px #1e1d1d1f}
.checkboxArea{display:flex;flex-direction:column;gap:18px}
.checkboxArea .checkLabel{font-size:1.05rem;color:#1E1D1D;font-weight:600;margin-bottom:10px}
.checkOption{display:flex;align-items:center;gap:12px}
.checkOption input[type="checkbox"]{width:22px;height:22px;accent-color:#FDA6AA;cursor:pointer}
.checkOption label{font-size:1rem;color:#1E1D1D;cursor:pointer}
.privacyBox{display:flex;align-items:flex-start;gap:12px;padding:18px;background:#fda6aa14;border-radius:8px}
.privacyBox input[type="checkbox"]{width:20px;height:20px;accent-color:#1E1D1D;cursor:pointer;margin-top:3px}
.privacyBox label{font-size:.95rem;line-height:1.5;color:#1E1D1D;cursor:pointer}
.privacyBox label a{color:#FDA6AA;text-decoration:underline;transition:color .2s ease-in-out}
.privacyBox label a:hover{color:#1E1D1D}
.submitBtn{background:linear-gradient(135deg,#1E1D1D 0%,#FDA6AA 100%);color:#FFF;border:none;padding:16px 40px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out;position:relative;z-index:1;overflow:hidden}
.submitBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#FDA6AA 0%,#1E1D1D 100%);transition:left .3s ease-in-out;z-index:-1}
.submitBtn:hover::before{left:0}
.submitBtn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #1e1d1d40}
.locationArea{padding:80px 0;background:linear-gradient(180deg,#fda6aa1a 0%,#fff0 100%)}
.locationContent{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.locationTxt h2{font-size:2.4rem;color:#1E1D1D;margin:0 0 24px;font-weight:700}
.locationTxt p{font-size:1.1rem;line-height:1.7;color:#1E1D1D;margin:0 0 20px;opacity:.85}
.locationDetails{display:flex;flex-direction:column;gap:16px}
.detailRow{display:flex;align-items:flex-start;gap:14px}
.detailRow .material-icons{font-size:24px;color:#FDA6AA;margin-top:2px}
.detailRow span{font-size:1.05rem;line-height:1.6;color:#1E1D1D}
.locationVisual{position:relative;padding:40px;background:#FFF;border-radius:12px;box-shadow:0 12px 32px #1e1d1d1f}
.locationVisual::before{content:'';position:absolute;top:-20px;right:-20px;width:140px;height:140px;background:#FDA6AA;border-radius:50%;opacity:.25;z-index:-1}
.locationVisual .addressBox{text-align:center;padding:30px;border:3px solid #FDA6AA;border-radius:10px;background:linear-gradient(180deg,#FFF 0%,#fda6aa0d 100%)}
.locationVisual .addressBox .material-icons{font-size:48px;color:#1E1D1D;margin-bottom:16px}
.locationVisual .addressBox p{font-size:1.2rem;line-height:1.8;color:#1E1D1D;margin:0;font-weight:500}
.hoursSection{padding:80px 0}
.hoursSection h2{font-size:2.4rem;color:#1E1D1D;text-align:center;margin:0 0 50px;font-weight:700}
.hoursGrid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.hourCard{background:#FFF;border-radius:10px;padding:32px 28px;border-left:5px solid #FDA6AA;box-shadow:0 6px 18px #1e1d1d14;transition:all .3s ease-in-out}
.hourCard:hover{transform:translateX(8px);box-shadow:0 10px 28px #fda6aa33;border-left-color:#1E1D1D}
.hourCard h3{font-size:1.3rem;color:#1E1D1D;margin:0 0 14px;font-weight:600}
.hourCard p{font-size:1.05rem;color:#1E1D1D;margin:0;opacity:.8}
@media (max-width: 768px) {
.titleSect .contentGrid{grid-template-columns:1fr;gap:40px}
.titleSect .txtArea h1{font-size:2.2rem}
.cardGrid{grid-template-columns:1fr;gap:24px}
.formSectionWrap .intro h2{font-size:2rem}
.formContainer{padding:36px 24px}
.nameRow{grid-template-columns:1fr;gap:20px}
.locationContent{grid-template-columns:1fr;gap:40px}
.locationTxt h2{font-size:2rem}
.hoursGrid{grid-template-columns:1fr;gap:20px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.titleSect .contentGrid{gap:40px}
.titleSect .txtArea h1{font-size:2.6rem}
.cardGrid{grid-template-columns:repeat(2,1fr)}
.formContainer{padding:44px 40px}
}
.heroAbout{position:relative;background:linear-gradient(135deg,#FDA6AA 0%,#FFF 100%);padding:80px 20px;overflow:hidden}
.heroAbout::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,#1e1d1d08,#1e1d1d08 20px,transparent 20px,transparent 40px);pointer-events:none}
.heroAbout .containerWrap{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.heroAbout .titleGroup{max-width:800px;margin:0 auto 60px;text-align:center}
.heroAbout .titleGroup h1{font-size:48px;line-height:1.2;color:#1E1D1D;margin:0 0 24px;font-weight:700}
.heroAbout .titleGroup .descTxt{font-size:20px;line-height:1.6;color:#1E1D1D;opacity:.85}
.heroAbout .imgLayer{position:relative;max-width:900px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #1e1d1d26;animation:floatImg 6s ease-in-out infinite}
.heroAbout .imgLayer img{width:100%;height:auto;display:block}
@keyframes floatImg {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-12px)}
}
.storyBlok{padding:100px 20px;background:#FFF}
.storyBlok .containerWrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}
.storyBlok .leftSide h2{font-size:38px;line-height:1.3;color:#1E1D1D;margin:0 0 28px;font-weight:700;position:relative;padding-left:24px}
.storyBlok .leftSide h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:60%;background:linear-gradient(180deg,#FDA6AA 0%,#1E1D1D 100%);border-radius:3px}
.storyBlok .leftSide .txtBlock{font-size:17px;line-height:1.7;color:#1E1D1D;margin-bottom:20px}
.storyBlok .rightSide{display:flex;flex-direction:column;gap:24px}
.storyBlok .itemCard{background:linear-gradient(135deg,#FFF 0%,#FDA6AA 15%,#FFF 100%);padding:32px;border-radius:12px;border:2px solid #1e1d1d1a;transition:all .3s ease-in-out}
.storyBlok .itemCard:hover{transform:translateX(8px);box-shadow:0 8px 24px #fda6aa40}
.storyBlok .itemCard h3{font-size:22px;color:#1E1D1D;margin:0 0 12px;font-weight:600}
.storyBlok .itemCard p{font-size:16px;line-height:1.6;color:#1E1D1D;margin:0;opacity:.8}
.valuesSection{padding:100px 20px;background:#1E1D1D;position:relative;overflow:hidden}
.valuesSection::after{content:'';position:absolute;bottom:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fda6aa26 0%,transparent 70%);pointer-events:none}
.valuesSection .containerWrap{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.valuesSection .headTxt{text-align:center;margin-bottom:60px}
.valuesSection .headTxt h2{font-size:42px;color:#FFF;margin:0 0 16px;font-weight:700}
.valuesSection .headTxt .subline{font-size:18px;color:#FDA6AA;line-height:1.6}
.valuesSection .gridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.valuesSection .valueBox{background:#ffffff0d;padding:40px 28px;border-radius:12px;border:2px solid #fda6aa33;text-align:center;transition:all .3s ease-in-out}
.valuesSection .valueBox:hover{background:#fda6aa1a;border-color:#FDA6AA;transform:translateY(-6px)}
.valuesSection .valueBox .iconWrap{width:70px;height:70px;margin:0 auto 24px;background:linear-gradient(135deg,#FDA6AA 0%,#FFF 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.valuesSection .valueBox .iconWrap i{font-size:32px;color:#1E1D1D}
.valuesSection .valueBox h3{font-size:20px;color:#FFF;margin:0 0 12px;font-weight:600}
.valuesSection .valueBox p{font-size:15px;line-height:1.6;color:#FFF;margin:0;opacity:.75}
.approachBlok{padding:100px 20px;background:linear-gradient(180deg,#FFF 0%,#FDA6AA 100%)}
.approachBlok .containerWrap{max-width:1280px;margin:0 auto}
.approachBlok .topHeader{max-width:700px;margin:0 0 70px}
.approachBlok .topHeader h2{font-size:40px;color:#1E1D1D;margin:0 0 20px;font-weight:700}
.approachBlok .topHeader .intro{font-size:18px;line-height:1.7;color:#1E1D1D;opacity:.85}
.approachBlok .stepsWrap{display:flex;flex-direction:column;gap:40px;position:relative}
.approachBlok .stepsWrap::before{content:'';position:absolute;left:35px;top:60px;bottom:60px;width:3px;background:linear-gradient(180deg,#1E1D1D 0%,transparent 100%)}
.approachBlok .stepItem{display:flex;gap:32px;align-items:flex-start;position:relative}
.approachBlok .stepItem .numCircle{flex-shrink:0;width:70px;height:70px;background:#1E1D1D;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#FDA6AA;box-shadow:0 6px 20px #1e1d1d33;z-index:2;position:relative}
.approachBlok .stepItem .contentBox{flex:1;background:#FFF;padding:28px 32px;border-radius:12px;box-shadow:0 4px 16px #1e1d1d14}
.approachBlok .stepItem .contentBox h3{font-size:22px;color:#1E1D1D;margin:0 0 12px;font-weight:600}
.approachBlok .stepItem .contentBox p{font-size:16px;line-height:1.6;color:#1E1D1D;margin:0;opacity:.8}
.teamShowcase{padding:100px 20px;background:#FFF}
.teamShowcase .containerWrap{max-width:1280px;margin:0 auto}
.teamShowcase .headerSection{text-align:center;margin-bottom:70px}
.teamShowcase .headerSection h2{font-size:44px;color:#1E1D1D;margin:0 0 20px;font-weight:700}
.teamShowcase .headerSection .tagline{font-size:19px;line-height:1.6;color:#1E1D1D;opacity:.75;max-width:650px;margin:0 auto}
.teamShowcase .visualGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.teamShowcase .visualCard{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #1e1d1d1f;transition:all .3s ease-in-out}
.teamShowcase .visualCard:hover{transform:scale(1.02);box-shadow:0 12px 40px #fda6aa4d}
.teamShowcase .visualCard img{width:100%;height:400px;object-fit:cover;display:block}
.teamShowcase .visualCard .overlayInfo{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#1e1d1df2 0%,transparent 100%);padding:32px 24px 24px}
.teamShowcase .visualCard .overlayInfo h3{font-size:22px;color:#FFF;margin:0 0 8px;font-weight:600}
.teamShowcase .visualCard .overlayInfo p{font-size:15px;color:#FDA6AA;margin:0;line-height:1.5}
.teamShowcase .infoRow{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}
.teamShowcase .statBox{text-align:center;padding:32px 20px;background:linear-gradient(135deg,#FDA6AA 0%,#FFF 100%);border-radius:12px;border:2px solid #1e1d1d14}
.teamShowcase .statBox .numDisplay{font-size:42px;font-weight:700;color:#1E1D1D;margin:0 0 8px;display:block}
.teamShowcase .statBox .labelTxt{font-size:16px;color:#1E1D1D;opacity:.75}
@media (max-width: 1024px) {
.heroAbout .titleGroup h1{font-size:38px}
.storyBlok .containerWrap{grid-template-columns:1fr;gap:50px}
.valuesSection .gridLayout{grid-template-columns:repeat(2,1fr)}
.teamShowcase .visualGrid{grid-template-columns:1fr}
.approachBlok .stepsWrap::before{display:none}
}
@media (max-width: 768px) {
.heroAbout{padding:60px 20px}
.heroAbout .titleGroup h1{font-size:32px}
.heroAbout .titleGroup .descTxt{font-size:18px}
.storyBlok,.valuesSection,.approachBlok,.teamShowcase{padding:70px 20px}
.storyBlok .leftSide h2{font-size:30px}
.valuesSection .gridLayout{grid-template-columns:1fr}
.valuesSection .headTxt h2{font-size:34px}
.approachBlok .topHeader h2{font-size:32px}
.teamShowcase .headerSection h2{font-size:34px}
.teamShowcase .infoRow{grid-template-columns:1fr;gap:20px}
.approachBlok .stepItem{flex-direction:column;align-items:center;text-align:center}
}
.heroWrap{position:relative;background:linear-gradient(135deg,#FDA6AA 0%,#FFF 100%);padding:80px 20px 100px;overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:20%;right:-5%;width:300px;height:300px;background:#1E1D1D;opacity:.04;border-radius:50%;z-index:1}
.heroWrap::after{content:'';position:absolute;bottom:10%;left:-3%;width:200px;height:200px;background:#FDA6AA;opacity:.08;border-radius:50%;z-index:1}
.heroContain{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroText h1{font-size:3.2rem;line-height:1.15;color:#1E1D1D;margin:0 0 24px;font-weight:700}
.heroText h1::after{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#1E1D1D 0%,#FDA6AA 100%);margin-top:20px;border-radius:3px}
.heroText p{font-size:1.15rem;line-height:1.7;color:#1E1D1D;margin:0 0 32px;opacity:.85}
.heroImgBlock{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:140px 140px 140px;gap:12px}
.heroImgBlock img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #1e1d1d26;transition:transform .4s ease-in-out}
.heroImgBlock img:hover{transform:scale(1.05)}
.heroImgBlock .imgMain{grid-column:1 / 3;grid-row:1 / 3}
.heroImgBlock::before{content:'';position:absolute;top:-15px;left:-15px;width:60px;height:60px;border:3px solid #1E1D1D;border-radius:50%;opacity:.2}
.heroImgBlock::after{content:'';position:absolute;bottom:-10px;right:-10px;width:80px;height:80px;background:#FDA6AA;opacity:.15;border-radius:12px;transform:rotate(15deg)}
.decorDots{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.decorDots span{width:10px;height:10px;background:#1E1D1D;border-radius:50%;opacity:.2}
.decorDots span:nth-child(2){opacity:.4}
.decorDots span:nth-child(3){opacity:.6}
.structSection{padding:100px 20px;background:#FFF}
.structContain{max-width:1280px;margin:0 auto}
.structContain h2{font-size:2.5rem;color:#1E1D1D;margin:0 0 16px;font-weight:700;text-align:center}
.structContain h2::before{content:'○';display:inline-block;margin-right:12px;color:#FDA6AA;font-size:1.5rem}
.structIntro{font-size:1.1rem;line-height:1.7;color:#1E1D1D;text-align:center;max-width:780px;margin:0 auto 60px;opacity:.8}
.phaseGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.phaseCard{background:linear-gradient(135deg,#FFF 0%,#FDA6AA 100%);background-size:200% 200%;padding:40px 32px;border-radius:14px;box-shadow:0 4px 16px #1e1d1d14;transition:all .4s ease-in-out;position:relative;border:2px solid transparent}
.phaseCard:hover{background-position:100% 100%;transform:translateY(-8px);box-shadow:0 12px 32px #fda6aa40;border-color:#1E1D1D}
.phaseCard .phaseNum{font-size:3rem;font-weight:700;color:#1E1D1D;line-height:1;margin:0 0 16px;opacity:.15}
.phaseCard h3{font-size:1.5rem;color:#1E1D1D;margin:0 0 12px;font-weight:600}
.phaseCard p{font-size:1rem;line-height:1.6;color:#1E1D1D;margin:0;opacity:.75}
.phaseCard::after{content:'→';position:absolute;bottom:20px;right:20px;font-size:1.8rem;color:#1E1D1D;opacity:0;transition:opacity .3s ease-in-out}
.phaseCard:hover::after{opacity:.3}
.methodWrap{padding:100px 20px;background:linear-gradient(180deg,#1E1D1D 0%,#FDA6AA 100%);position:relative;overflow:hidden}
.methodWrap::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#FFF 50%,transparent 100%)}
.methodContain{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.methodContain h2{font-size:2.5rem;color:#FFF;margin:0 0 50px;font-weight:700;text-align:center}
.methodLayout{display:flex;gap:40px;align-items:flex-start}
.methodList{flex:1}
.methodItem{background:#ffffff14;backdrop-filter:blur(10px);padding:32px;border-radius:12px;margin-bottom:24px;border-left:4px solid #FDA6AA;transition:all .3s ease-in-out}
.methodItem:hover{background:#ffffff26;transform:translateX(8px)}
.methodItem h3{font-size:1.4rem;color:#FFF;margin:0 0 12px;font-weight:600;display:flex;align-items:center;gap:12px}
.methodItem h3 .material-icons{color:#FDA6AA;font-size:1.6rem}
.methodItem p{font-size:1rem;line-height:1.6;color:#FFF;margin:0;opacity:.85}
.methodStats{flex:0 0 300px;background:#ffffff1a;backdrop-filter:blur(10px);padding:40px 32px;border-radius:12px;border:2px solid #ffffff26}
.statItem{margin-bottom:32px}
.statItem:last-child{margin-bottom:0}
.statLabel{font-size:.9rem;color:#FFF;margin:0 0 8px;opacity:.7;text-transform:uppercase;letter-spacing:1px}
.statValue{font-size:2.8rem;font-weight:700;color:#FDA6AA;line-height:1;margin:0 0 8px}
.statBar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden}
.statFill{height:100%;background:linear-gradient(90deg,#FDA6AA 0%,#FFF 100%);border-radius:4px;transition:width .6s ease-in-out}
.benefitSection{padding:100px 20px;background:#FFF}
.benefitContain{max-width:1280px;margin:0 auto}
.benefitContain h2{font-size:2.5rem;color:#1E1D1D;margin:0 0 60px;font-weight:700;text-align:center;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.benefitContain h2::after{content:'';position:absolute;bottom:-12px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#FDA6AA 50%,transparent 100%)}
.benefitMasonry{column-count:3;column-gap:32px}
.benefitBox{break-inside:avoid;background:#FFF;padding:32px 28px;border-radius:12px;margin-bottom:32px;border:2px solid #FDA6AA;box-shadow:0 6px 20px #fda6aa26;transition:all .3s ease-in-out;position:relative}
.benefitBox:hover{transform:scale(1.03);box-shadow:0 12px 32px #fda6aa4d;border-color:#1E1D1D}
.benefitBox::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#1E1D1D 0%,#FDA6AA 100%);border-radius:12px;opacity:0;transition:opacity .3s ease-in-out;z-index:-1}
.benefitBox:hover::before{opacity:1}
.benefitBox .icon-circle-check{font-size:2rem;color:#FDA6AA;margin-bottom:16px;display:block}
.benefitBox h3{font-size:1.3rem;color:#1E1D1D;margin:0 0 12px;font-weight:600}
.benefitBox p{font-size:.95rem;line-height:1.6;color:#1E1D1D;margin:0;opacity:.75}
.ctaWrap{padding:100px 20px;background:linear-gradient(135deg,#FDA6AA 0%,#1E1D1D 100%);position:relative}
.ctaWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="#ffffff1a"/></svg>');background-size:50px 50px;opacity:.3}
.ctaContain{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ctaContain h2{font-size:2.8rem;color:#FFF;margin:0 0 24px;font-weight:700;line-height:1.2}
.ctaContain p{font-size:1.2rem;line-height:1.7;color:#FFF;margin:0 0 40px;opacity:.9}
.ctaButtons{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}
.btnPrimary{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:#FFF;color:#1E1D1D;font-size:1.1rem;font-weight:600;border-radius:10px;text-decoration:none;box-shadow:0 6px 20px #0003;transition:all .3s ease-in-out;position:relative;z-index:5}
.btnPrimary:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d;background:#FDA6AA;color:#FFF}
.btnSecondary{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:transparent;color:#FFF;font-size:1.1rem;font-weight:600;border-radius:10px;text-decoration:none;border:2px solid #FFF;transition:all .3s ease-in-out;position:relative;z-index:5}
.btnSecondary:hover{background:#FFF;color:#1E1D1D;transform:translateY(-4px)}
@media (max-width: 992px) {
.heroContain{grid-template-columns:1fr;gap:40px}
.heroText h1{font-size:2.5rem}
.methodLayout{flex-direction:column}
.methodStats{flex:1;width:100%}
.benefitMasonry{column-count:2}
}
@media (max-width: 768px) {
.heroWrap{padding:60px 20px 80px}
.heroText h1{font-size:2rem}
.heroText p{font-size:1rem}
.heroImgBlock{grid-template-rows:120px 120px 120px}
.structSection,.methodWrap,.benefitSection,.ctaWrap{padding:60px 20px}
.structContain h2,.methodContain h2,.benefitContain h2{font-size:2rem}
.phaseGrid{grid-template-columns:1fr}
.benefitMasonry{column-count:1}
.ctaContain h2{font-size:2rem}
.ctaButtons{flex-direction:column}
.btnPrimary,.btnSecondary{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.heroText h1{font-size:1.75rem}
.ctaContain h2{font-size:1.75rem}
}
.successWrap{max-width:1280px;margin:0 auto;padding:0 20px}
.heroSucc{min-height:500px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:80px 20px;background:linear-gradient(135deg,#FFF 0%,#FDA6AA 45%,#1E1D1D 100%)}
.heroSucc::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fda6aa26 0%,transparent 70%);animation:pulseAnim 8s ease-in-out infinite}
@keyframes pulseAnim {
0%,100%{transform:scale(1) rotate(0deg);opacity:.6}
50%{transform:scale(1.2) rotate(180deg);opacity:.3}
}
.heroSucc::after{content:'';position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:#1E1D1D;border-radius:50%;opacity:.08;box-shadow:0 0 120px #1e1d1d4d}
.contentSuccBox{position:relative;z-index:5;text-align:center;max-width:680px}
.iconSuccWrapper{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:#FFF;border-radius:50%;box-shadow:0 8px 32px #1e1d1d1f 0 2px 8px #fda6aa33;margin-bottom:40px;position:relative}
.iconSuccWrapper::before{content:'';position:absolute;inset:-8px;border-radius:50%;background:linear-gradient(135deg,#FDA6AA 0%,#1E1D1D 100%);opacity:.15;z-index:-1}
.iconSuccWrapper .material-icons{font-size:64px;color:#1E1D1D;animation:checkBounce .6s ease-in-out}
@keyframes checkBounce {
0%{transform:scale(0) rotate(-45deg);opacity:0}
50%{transform:scale(1.2) rotate(10deg)}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.mainTitSucc{font-size:48px;font-weight:700;color:#1E1D1D;margin:0 0 24px;line-height:1.2;letter-spacing:-.02em}
.mainTitSucc::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FDA6AA 0%,#1E1D1D 100%);margin:24px auto 0;border-radius:8px}
.descSucc{font-size:20px;color:#1E1D1D;line-height:1.6;margin:0 0 16px;opacity:.85}
.subDescSucc{font-size:16px;color:#1E1D1D;line-height:1.6;margin:0 0 48px;opacity:.7}
.buttSuccWrap{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.buttSucc{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.buttSucc::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,#fff3 100%);opacity:0;transition:opacity .3s ease-in-out}
.buttSucc:hover::before{opacity:1}
.buttPrimSucc{background:#1E1D1D;color:#FFF;box-shadow:0 4px 16px #1e1d1d33}
.buttPrimSucc:hover{background:#2D2C2C;transform:translateY(-2px);box-shadow:0 6px 24px #1e1d1d4d}
.buttSecSucc{background:#FFF;color:#1E1D1D;border:2px solid #FDA6AA;box-shadow:0 4px 16px #fda6aa26}
.buttSecSucc:hover{background:#FDA6AA;color:#FFF;transform:translateY(-2px);box-shadow:0 6px 24px #fda6aa40}
.infoSectSucc{padding:80px 20px;background:#FFF}
.gridSuccInfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1040px;margin:0 auto}
.cardSuccInfo{background:linear-gradient(135deg,#FFF 0%,#FDA6AA 0%,#FFF 100%);background-size:200% 200%;background-position:0 0;padding:36px 28px;border-radius:16px;border:1px solid #fda6aa33;box-shadow:0 2px 12px #1e1d1d0f;transition:all .4s ease-in-out;position:relative}
.cardSuccInfo::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1E1D1D 0%,#FDA6AA 100%);border-radius:16px 16px 0 0;opacity:0;transition:opacity .4s ease-in-out}
.cardSuccInfo:hover{background-position:100% 100%;transform:translateY(-6px);box-shadow:0 12px 32px #fda6aa33}
.cardSuccInfo:hover::before{opacity:1}
.iconCardSucc{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#1E1D1D 0%,#FDA6AA 100%);border-radius:12px;margin-bottom:20px;box-shadow:0 4px 12px #1e1d1d26}
.iconCardSucc .material-icons{font-size:28px;color:#FFF}
.titCardSucc{font-size:20px;font-weight:700;color:#1E1D1D;margin:0 0 12px;line-height:1.3}
.textCardSucc{font-size:15px;color:#1E1D1D;line-height:1.6;margin:0;opacity:.8}
.linkCardSucc{display:inline-flex;align-items:center;gap:6px;color:#1E1D1D;text-decoration:none;font-weight:600;font-size:15px;margin-top:16px;transition:all .3s ease-in-out}
.linkCardSucc:hover{color:#FDA6AA;gap:10px}
@media (max-width: 768px) {
.heroSucc{min-height:400px;padding:60px 20px}
.mainTitSucc{font-size:36px}
.descSucc{font-size:18px}
.iconSuccWrapper{width:100px;height:100px;margin-bottom:32px}
.iconSuccWrapper .material-icons{font-size:52px}
.buttSuccWrap{flex-direction:column;align-items:stretch}
.buttSucc{justify-content:center}
.infoSectSucc{padding:60px 20px}
.gridSuccInfo{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.mainTitSucc{font-size:28px}
.descSucc{font-size:16px}
.subDescSucc{font-size:15px}
}