*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'IBM Plex Serif',serif;font-size:16px;line-height:1.6;color:#2a2a2a;background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.contentWrap{max-width:1536px;margin:0 auto;padding:0 24px}
.headerTop{background:linear-gradient(135deg,#965F45 0%,#7a4d38 100%);padding:32px 0;position:relative;overflow:hidden}
.headerTop::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#ffffff14 0%,transparent 70%);border-radius:50%}
.brandSignature{text-align:center;position:relative;z-index:2}
.companyScript{font-size:56px;font-weight:700;color:#F9F6FF;letter-spacing:2px;text-shadow:3px 3px 12px #00000040;display:inline-block}
.headerNav{background:#fff;box-shadow:0 4px 16px #00000014;padding:16px 0}
.navRow{display:flex;align-items:center;justify-content:space-between;gap:48px}
.logoBlock{flex-shrink:0}
.logoLink{display:block}
.siteLogo{height:90px;width:90px;object-fit:contain;background:linear-gradient(135deg,#F9F6FF 0%,#e8e3f5 100%);padding:12px;border-radius:24px;box-shadow:0 6px 20px #965f4526}
.mainNav{display:flex;gap:40px;align-items:center;flex-wrap:wrap}
.navLink{font-size:17px;font-weight:400;color:#2a2a2a;padding:8px 16px;border-radius:20px;transition:all .3s ease;position:relative}
.navLink:hover{color:#965F45;background:#965f450f}
.footerMain{background:linear-gradient(180deg,#2a2a2a 0%,#1a1a1a 100%);padding:64px 0 40px}
.footerGrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px}
.footerCol--logo{padding-right:24px}
.footerBrand{display:flex;flex-direction:column;gap:20px}
.footerLogo{height:110px;width:110px;background:#f9f6ff14;padding:16px;border-radius:28px}
.footerTagline{color:#b8b8b8;font-size:15px;line-height:1.5}
.footerHeading{color:#F9F6FF;font-size:20px;font-weight:700;margin-bottom:20px;letter-spacing:.5px}
.footerNav{display:flex;flex-direction:column;gap:12px}
.footerLink{color:#b8b8b8;font-size:15px;transition:color .3s ease;padding:4px 0}
.footerLink:hover{color:#1DB1EE}
.contactInfo{display:flex;flex-direction:column;gap:16px}
.contactItem{color:#b8b8b8;font-size:15px;display:flex;gap:12px;align-items:flex-start}
.contactItem i{color:#1DB1EE;font-size:20px;flex-shrink:0;margin-top:2px}
.contactItem a{color:#b8b8b8;transition:color .3s ease}
.contactItem a:hover{color:#1DB1EE}
.footerBottom{background:#0f0f0f;padding:24px 0}
.copyright{text-align:center;color:#7a7a7a;font-size:14px}
.cookieConsent{position:fixed;right:-420px;top:50%;transform:translateY(-50%);width:400px;z-index:9999;transition:right .4s ease}
.cookieConsent.show{right:24px}
.cookieBox{background:#fff;border-radius:24px;box-shadow:0 12px 48px #00000040;overflow:hidden}
.cookieHeader{background:linear-gradient(135deg,#965F45 0%,#7a4d38 100%);padding:20px 24px;display:flex;justify-content:space-between;align-items:center}
.cookieTitle{color:#F9F6FF;font-size:20px;font-weight:700}
.cookieClose{background:transparent;border:none;color:#F9F6FF;font-size:24px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}
.cookieClose:hover{opacity:.8}
.cookieBody{padding:24px}
.cookieIntro{margin-bottom:20px;color:#2a2a2a;font-size:15px}
.cookieOptions{display:flex;flex-direction:column;gap:16px}
.cookieOption{border:1px solid #e0e0e0;border-radius:16px;padding:16px}
.cookieLabel{display:flex;align-items:center;gap:12px;cursor:pointer}
.cookieCheck{width:20px;height:20px;cursor:pointer}
.cookieName{font-size:16px;font-weight:700;color:#2a2a2a}
.expandBtn{background:transparent;border:none;color:#965F45;font-size:20px;cursor:pointer;padding:8px;margin-top:8px;display:flex;align-items:center;transition:transform .3s ease}
.expandBtn.active{transform:rotate(180deg)}
.cookieDetails{max-height:0;overflow:hidden;transition:max-height .3s ease;margin-top:8px}
.cookieDetails.show{max-height:200px}
.cookieDetails p{color:#666;font-size:14px;line-height:1.5;padding-top:8px}
.cookieActions{padding:20px 24px;display:flex;gap:12px;background:#f5f5f5}
.cookieBtn{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:'IBM Plex Serif',serif}
.cookieBtn--accept{background:linear-gradient(135deg,#1DB1EE 0%,#1890c4 100%);color:#fff}
.cookieBtn--accept:hover{background:linear-gradient(135deg,#1890c4 0%,#1570a0 100%)}
.cookieBtn--decline{background:#e0e0e0;color:#2a2a2a}
.cookieBtn--decline:hover{background:#d0d0d0}
.cookieMini{position:fixed;right:24px;bottom:24px;z-index:9998;display:none}
.cookieMini.show{display:block}
.miniBtn{background:linear-gradient(135deg,#965F45 0%,#7a4d38 100%);border:none;color:#F9F6FF;width:56px;height:56px;border-radius:16px;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #965f454d;transition:all .3s ease}
.miniBtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #965f4566}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#965F45;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#7a4d38}
@media (max-width: 1024px) {
.footerGrid{grid-template-columns:1fr 1fr}
.footerCol--logo{grid-column:1 / -1}
.navRow{gap:24px}
.mainNav{gap:24px}
}
@media (max-width: 768px) {
.companyScript{font-size:40px}
.headerTop{padding:24px 0}
.navRow{flex-direction:column;gap:20px}
.mainNav{width:100%;justify-content:center}
.footerGrid{grid-template-columns:1fr;gap:32px}
.cookieConsent{width:calc(100% - 32px);right:-100%}
.cookieConsent.show{right:16px}
}
@media (max-width: 480px) {
.companyScript{font-size:32px}
.siteLogo{height:70px;width:70px}
.mainNav{flex-direction:column;gap:12px}
.navLink{width:100%;text-align:center}
.cookieActions{flex-direction:column}
.miniBtn{width:48px;height:48px;font-size:24px}
}
.doc-content{max-width:1536px;margin:0 auto;padding:80px 24px 120px;background:#fff}
.doc-content p{font-size:17px;line-height:1.75;color:#2c2c2c;margin:0 0 24px;max-width:800px}
.doc-content p + p{margin-top:16px}
.doc-content strong,.doc-content b{font-weight:600;color:#1a1a1a}
.doc-content em,.doc-content i{font-style:italic;color:#3c3c3c}
.doc-content ul,.doc-content ol{margin:0 0 32px;padding:0 0 0 32px;max-width:800px}
.doc-content ul{list-style-type:disc}
.doc-content ol{list-style-type:decimal}
.doc-content li{font-size:17px;line-height:1.75;color:#2c2c2c;margin:0 0 12px;padding-left:8px}
.doc-content li::marker{color:#965F45}
.doc-content ul ul,.doc-content ol ol,.doc-content ul ol,.doc-content ol ul{margin:12px 0;padding-left:24px}
.doc-content ul ul li,.doc-content ol ol li{font-size:16px;margin-bottom:8px}
.doc-content hr{border:none;height:2px;background:linear-gradient(90deg,#965F45 0%,#1DB1EE 50%,#F9F6FF 100%);margin:56px 0;border-radius:2px;opacity:.3}
.doc-content div{margin:0 0 24px}
.doc-content div p:last-child{margin-bottom:0}
.doc-content ul li strong,.doc-content ol li strong{color:#965F45}
.doc-content p a{color:#1DB1EE;text-decoration:underline;transition:color .3s ease}
.doc-content p a:hover{color:#965F45}
@media (max-width: 768px) {
.doc-content{padding:48px 20px 80px}
.doc-content p{font-size:16px;line-height:1.7;margin-bottom:20px}
.doc-content ul,.doc-content ol{padding-left:24px;margin-bottom:28px}
.doc-content li{font-size:16px;margin-bottom:10px}
.doc-content hr{margin:40px 0}
}
@media (max-width: 480px) {
.doc-content{padding:32px 16px 64px}
.doc-content p{font-size:15px;margin-bottom:18px}
.doc-content ul,.doc-content ol{padding-left:20px;margin-bottom:24px}
.doc-content li{font-size:15px;margin-bottom:8px;padding-left:4px}
.doc-content hr{margin:32px 0}
}
.titleWrap{position:relative;padding:96px 24px 112px;overflow:hidden;background:linear-gradient(135deg,#F9F6FF 0%,#fff 100%)}
.titleWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,#965f4508 1px,transparent 1px),linear-gradient(#965f4508 1px,transparent 1px);background-size:60px 60px;opacity:.4;pointer-events:none}
.titleInner{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.titleInner h1{font-size:3.2rem;line-height:1.15;color:#2d2d2d;margin:0 0 24px;font-weight:700}
.titleInner .leadPara{font-size:1.25rem;line-height:1.6;color:#555;max-width:740px;margin:0}
.adaptSection{padding:88px 24px;background:#fff}
.adaptContainer{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.adaptContent h2{font-size:2.4rem;color:#2d2d2d;margin:0 0 28px;font-weight:700;line-height:1.25}
.adaptContent p{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0 0 20px}
.adaptContent p:last-of-type{margin-bottom:0}
.adaptVisual{position:relative}
.adaptVisual img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 32px #0000001a;display:block}
.tipsBlock{padding:96px 24px;background:linear-gradient(180deg,#F9F6FF 0%,#fff 100%);position:relative}
.tipsBlock::after{content:'';position:absolute;top:0;left:20%;width:280px;height:280px;background:radial-gradient(circle,#1db1ee14 0%,transparent 70%);border-radius:50%;pointer-events:none}
.tipsContainer{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.tipsContainer h2{font-size:2.6rem;color:#2d2d2d;margin:0 0 56px;text-align:center;font-weight:700}
.tipsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.tipCard{background:#fff;padding:36px 28px;border-radius:20px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;border:2px solid transparent}
.tipCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f;border-color:#1DB1EE}
.tipCard .iconHolder{width:56px;height:56px;background:linear-gradient(135deg,#965F45 0%,#1DB1EE 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.tipCard .iconHolder .mdi{color:#fff;font-size:28px}
.tipCard h3{font-size:1.35rem;color:#2d2d2d;margin:0 0 14px;font-weight:600}
.tipCard p{font-size:.98rem;line-height:1.65;color:#555;margin:0}
.testimonialsWrap{padding:92px 24px;background:#fff}
.testimonialsInner{max-width:1536px;margin:0 auto}
.testimonialsInner h2{font-size:2.5rem;color:#2d2d2d;margin:0 0 64px;text-align:center;font-weight:700}
.testimonialLayout{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.testimonialBox{background:linear-gradient(135deg,#F9F6FF 0%,#fff 100%);padding:40px 36px;border-radius:24px;box-shadow:0 6px 20px #00000014;position:relative;overflow:hidden}
.testimonialBox::before{content:'';position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:radial-gradient(circle,#965f451a 0%,transparent 70%);border-radius:50%}
.testimonialTop{display:flex;align-items:center;gap:20px;margin-bottom:24px;position:relative;z-index:2}
.testimonialTop img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #1DB1EE}
.testimonialMeta h4{font-size:1.15rem;color:#2d2d2d;margin:0 0 6px;font-weight:600}
.testimonialMeta .jobLabel{font-size:.92rem;color:#777;margin:0}
.testimonialBox blockquote{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0;font-style:italic;position:relative;z-index:2}
.strategyArea{padding:88px 24px;background:linear-gradient(180deg,#fff 0%,#F9F6FF 100%)}
.strategyContainer{max-width:1536px;margin:0 auto;display:flex;gap:56px;align-items:flex-start}
.strategyLeft{flex:1;position:sticky;top:24px}
.strategyLeft h2{font-size:2.4rem;color:#2d2d2d;margin:0 0 24px;font-weight:700;line-height:1.3}
.strategyLeft p{font-size:1.05rem;line-height:1.7;color:#555;margin:0 0 32px}
.strategyLeft .ctaBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#965F45 0%,#1DB1EE 100%);color:#fff;text-decoration:none;border-radius:28px;font-size:1.05rem;font-weight:600;box-shadow:0 6px 20px #965f4540;transition:all .3s ease}
.strategyLeft .ctaBtn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #965f4559}
.strategyRight{flex:1.3;display:flex;flex-direction:column;gap:28px}
.stepItem{background:#fff;padding:32px 28px;border-radius:20px;box-shadow:0 4px 16px #0000000f;border-left:5px solid #1DB1EE;transition:all .3s ease}
.stepItem:hover{box-shadow:0 8px 24px #0000001a;transform:translateX(8px)}
.stepHeader{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.stepNumber{width:44px;height:44px;background:linear-gradient(135deg,#965F45 0%,#1DB1EE 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.15rem;flex-shrink:0}
.stepHeader h3{font-size:1.3rem;color:#2d2d2d;margin:0;font-weight:600}
.stepItem p{font-size:.98rem;line-height:1.65;color:#555;margin:0}
@media (max-width: 1024px) {
.adaptContainer{grid-template-columns:1fr;gap:48px}
.tipsGrid{grid-template-columns:1fr 1fr}
.strategyContainer{flex-direction:column;gap:48px}
.strategyLeft{position:static}
.testimonialLayout{grid-template-columns:1fr}
.titleInner h1{font-size:2.6rem}
}
@media (max-width: 768px) {
.titleWrap{padding:64px 20px 80px}
.titleInner h1{font-size:2.2rem}
.titleInner .leadPara{font-size:1.1rem}
.tipsGrid{grid-template-columns:1fr}
.tipsContainer h2,.testimonialsInner h2{font-size:2rem}
.adaptContent h2,.strategyLeft h2{font-size:1.9rem}
.adaptSection,.tipsBlock,.testimonialsWrap,.strategyArea{padding:64px 20px}
}
.heroWrap{max-width:1536px;margin:0 auto;padding:80px 24px 0}
.heroContent{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px;margin-bottom:64px}
.heroContent h1{font-size:48px;line-height:1.1;color:#2b2b2b;font-weight:700;margin:0;max-width:900px}
.heroContent .subtext{font-size:20px;line-height:1.6;color:#5a5a5a;max-width:780px;margin:0}
.heroImg{width:100%;max-width:1200px;margin:0 auto;position:relative}
.heroImg img{width:100%;height:auto;border-radius:24px;display:block;box-shadow:0 12px 48px #965f4526}
.heroImg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#f9f6ff66 0%,transparent 60%);border-radius:24px;pointer-events:none}
.waveDivider{width:100%;height:80px;margin-top:-1px;background:linear-gradient(180deg,#F9F6FF 0%,transparent 100%);clip-path:polygon(0 0,100% 0,100% 40%,50% 100%,0 40%)}
.trustSec{background:linear-gradient(135deg,#F9F6FF 0%,#1db1ee14 100%);padding:96px 24px;position:relative}
.trustSec::before{content:'';position:absolute;top:0;left:10%;width:300px;height:300px;background:radial-gradient(circle,#965f451a 0%,transparent 70%);border-radius:50%;pointer-events:none}
.trustContainer{max-width:1536px;margin:0 auto}
.trustHeader{text-align:center;margin-bottom:72px}
.trustHeader h2{font-size:40px;line-height:1.2;color:#2b2b2b;font-weight:700;margin:0 0 16px}
.trustHeader .desc{font-size:18px;line-height:1.6;color:#5a5a5a;max-width:680px;margin:0 auto}
.trustGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:64px}
.trustCard{background:#fff;border-radius:20px;padding:40px 32px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;border:2px solid transparent}
.trustCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #965f4526;border-color:#965f4533}
.trustCard .iconWrap{width:72px;height:72px;background:linear-gradient(135deg,#965F45 0%,#1DB1EE 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.trustCard .iconWrap i{font-size:36px;color:#fff}
.trustCard h3{font-size:22px;font-weight:600;color:#2b2b2b;margin:0 0 12px}
.trustCard .txt{font-size:16px;line-height:1.6;color:#5a5a5a;margin:0}
.experienceRow{display:flex;align-items:center;gap:48px;background:#fff;border-radius:24px;padding:48px;box-shadow:0 8px 24px #00000014}
.experienceRow .imgSide{flex:0 0 420px}
.experienceRow .imgSide img{width:100%;height:auto;border-radius:16px;box-shadow:0 6px 20px #965f4533}
.experienceRow .contentSide{flex:1}
.experienceRow .contentSide h3{font-size:32px;font-weight:700;color:#2b2b2b;margin:0 0 20px}
.experienceRow .contentSide .txt{font-size:17px;line-height:1.7;color:#5a5a5a;margin:0 0 28px}
.statsList{display:flex;gap:32px;flex-wrap:wrap}
.statItem{flex:1;min-width:140px;padding:20px;background:linear-gradient(135deg,#965f4514 0%,#1db1ee14 100%);border-radius:16px;border-left:4px solid #965F45}
.statItem .num{font-size:28px;font-weight:700;color:#965F45;display:block;margin-bottom:6px}
.statItem .label{font-size:14px;color:#5a5a5a;line-height:1.4}
.scheduleSec{padding:96px 24px;background:#fff;position:relative;overflow:hidden}
.scheduleSec::after{content:'';position:absolute;bottom:-150px;right:-150px;width:400px;height:400px;background:radial-gradient(circle,#1db1ee1f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.scheduleContainer{max-width:1536px;margin:0 auto}
.scheduleIntro{text-align:center;margin-bottom:64px}
.scheduleIntro h2{font-size:40px;line-height:1.2;color:#2b2b2b;font-weight:700;margin:0 0 16px}
.scheduleIntro .desc{font-size:18px;line-height:1.6;color:#5a5a5a;max-width:720px;margin:0 auto}
.scheduleLayout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.scheduleImg img{width:100%;height:auto;border-radius:24px;box-shadow:0 8px 32px #0000001a}
.rhythmList{display:flex;flex-direction:column;gap:24px}
.rhythmItem{background:linear-gradient(135deg,#F9F6FF 0%,white 100%);border-radius:20px;padding:32px;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}
.rhythmItem::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#965F45 0%,#1DB1EE 100%);transition:width .3s ease}
.rhythmItem:hover{border-color:#965f4533;box-shadow:0 6px 24px #965f451f}
.rhythmItem:hover::before{width:8px}
.rhythmItem .top{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.rhythmItem .iconCircle{width:52px;height:52px;background:linear-gradient(135deg,#965F45 0%,#1DB1EE 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rhythmItem .iconCircle i{font-size:24px;color:#fff}
.rhythmItem h3{font-size:22px;font-weight:600;color:#2b2b2b;margin:0}
.rhythmItem .txt{font-size:16px;line-height:1.6;color:#5a5a5a;margin:0}
@media (max-width: 1024px) {
.heroContent h1{font-size:38px}
.trustGrid{grid-template-columns:repeat(2,1fr)}
.scheduleLayout{grid-template-columns:1fr;gap:48px}
.experienceRow{flex-direction:column}
.experienceRow .imgSide{flex:0 0 auto;width:100%}
}
@media (max-width: 768px) {
.heroWrap{padding:60px 16px 0}
.heroContent h1{font-size:32px}
.heroContent .subtext{font-size:18px}
.trustSec{padding:72px 16px}
.trustHeader h2{font-size:32px}
.trustGrid{grid-template-columns:1fr;gap:24px}
.experienceRow{padding:32px 24px}
.experienceRow .contentSide h3{font-size:26px}
.statsList{gap:16px}
.scheduleSec{padding:72px 16px}
.scheduleIntro h2{font-size:32px}
.rhythmItem{padding:24px}
}
.contactIntro{background:linear-gradient(135deg,#F9F6FF 0%,#fff 100%);padding:84px 20px 72px;position:relative;overflow:hidden}
.contactIntro::before{content:'';position:absolute;top:-120px;right:-80px;width:340px;height:340px;background:radial-gradient(circle,#1db1ee14 0%,transparent 70%);border-radius:50%}
.intro__limit{max-width:1536px;margin:0 auto}
.intro__layout{display:flex;align-items:center;gap:64px;flex-wrap:wrap}
.intro__textZone{flex:1;min-width:320px}
.intro__heading{font-size:52px;font-weight:700;line-height:1.15;color:#2c2c2c;margin:0 0 24px}
.intro__text{font-size:19px;line-height:1.7;color:#555;margin:0}
.intro__visualBox{flex:1;min-width:320px;position:relative}
.intro__photo{width:100%;height:auto;border-radius:24px;box-shadow:0 16px 48px #0000001f;display:block;position:relative;z-index:2}
.intro__accent{position:absolute;bottom:-18px;right:-18px;width:180px;height:180px;background:linear-gradient(225deg,#965F45 0%,#1DB1EE 100%);border-radius:28px;z-index:1;opacity:.15}
.formSection{padding:96px 20px;background:#fff}
.formSection__bound{max-width:1536px;margin:0 auto}
.formSection__grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}
.info__title{font-size:36px;font-weight:700;color:#2c2c2c;margin:0 0 48px}
.info__blocks{display:flex;flex-direction:column;gap:40px}
.info__item{display:flex;gap:20px;align-items:flex-start}
.info__iconWrap{width:56px;height:56px;background:linear-gradient(135deg,#965F45 0%,#1DB1EE 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 20px #965f4533}
.info__icon{font-size:28px;color:#fff}
.info__content{flex:1}
.info__label{font-size:20px;font-weight:600;color:#2c2c2c;margin:0 0 8px}
.info__link{font-size:18px;color:#1DB1EE;text-decoration:none;display:block;margin:0 0 6px;transition:color .3s ease}
.info__link:hover{color:#965F45}
.info__note{font-size:15px;color:#777;margin:0}
.info__address{font-size:18px;color:#555;line-height:1.6;margin:0}
.formSection__panel{background:#F9F6FF;padding:56px 48px;border-radius:28px;box-shadow:0 8px 32px #0000000f}
.formPanel__heading{font-size:32px;font-weight:700;color:#2c2c2c;margin:0 0 16px}
.formPanel__desc{font-size:17px;line-height:1.6;color:#666;margin:0 0 40px}
.contactForm__field{margin-bottom:28px}
.contactForm__label{display:block;font-size:16px;font-weight:600;color:#2c2c2c;margin-bottom:10px}
.contactForm__input,.contactForm__select,.contactForm__textarea{width:100%;padding:16px 20px;font-size:16px;color:#2c2c2c;background:#fff;border:2px solid #e0e0e0;border-radius:16px;transition:all .3s ease;box-sizing:border-box}
.contactForm__input:focus,.contactForm__select:focus,.contactForm__textarea:focus{outline:none;border-color:#1DB1EE;box-shadow:0 0 0 4px #1db1ee1a}
.contactForm__textarea{resize:vertical;min-height:140px;font-family:inherit}
.selectWrap{position:relative}
.contactForm__select{appearance:none;padding-right:48px;cursor:pointer}
.selectWrap__arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:24px;color:#666;pointer-events:none;transition:transform .3s ease}
.contactForm__select:focus + .selectWrap__arrow{transform:translateY(-50%) rotate(180deg)}
.contactForm__privacy{margin:32px 0 36px}
.privacyCheck{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.privacyCheck__input{position:absolute;opacity:0;pointer-events:none}
.privacyCheck__box{width:22px;height:22px;border:2px solid #965F45;border-radius:6px;background:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-top:2px}
.privacyCheck__box::after{content:'\F012C';font-family:'Material Design Icons';font-size:16px;color:#fff;opacity:0;transform:scale(0);transition:all .25s ease}
.privacyCheck__input:checked + .privacyCheck__box{background:#965F45;border-color:#965F45}
.privacyCheck__input:checked + .privacyCheck__box::after{opacity:1;transform:scale(1)}
.privacyCheck__text{font-size:15px;color:#555;line-height:1.5}
.privacyCheck__link{color:#1DB1EE;text-decoration:none;transition:color .3s ease}
.privacyCheck__link:hover{color:#965F45}
.contactForm__submit{width:100%;padding:18px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#965F45 0%,#1DB1EE 100%);border:none;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;box-shadow:0 8px 24px #965f454d;position:relative;z-index:10}
.contactForm__submit:hover{transform:translateY(-2px);box-shadow:0 12px 32px #965f4566}
.contactForm__submit:active{transform:translateY(0)}
.contactForm__submitIcon{font-size:22px}
@media (max-width: 1024px) {
.formSection__grid{grid-template-columns:1fr;gap:56px}
.intro__heading{font-size:42px}
.info__title{font-size:32px}
}
@media (max-width: 768px) {
.contactIntro{padding:64px 20px 56px}
.intro__layout{gap:40px}
.intro__heading{font-size:36px}
.intro__text{font-size:17px}
.formSection{padding:72px 20px}
.formSection__panel{padding:40px 28px}
.formPanel__heading{font-size:28px}
.info__blocks{gap:32px}
.info__iconWrap{width:48px;height:48px}
.info__icon{font-size:24px}
}
@media (max-width: 480px) {
.intro__heading{font-size:32px}
.intro__text{font-size:16px}
.formSection__panel{padding:32px 20px}
.formPanel__heading{font-size:26px}
.contactForm__input,.contactForm__select,.contactForm__textarea{padding:14px 16px;font-size:15px}
.contactForm__submit{font-size:17px;padding:16px 28px}
}
.titleHero{display:grid;grid-template-columns:280px 1fr;gap:48px;max-width:1536px;margin:0 auto;padding:80px 32px;align-items:center;position:relative}
.titleHero::before{content:'';position:absolute;top:24px;left:24px;width:12px;height:12px;background:radial-gradient(circle,#965F45 0%,#1DB1EE 100%);border-radius:50%;box-shadow:0 0 0 3px #955f4526}
.titleHero::after{content:'';position:absolute;bottom:24px;right:24px;width:16px;height:16px;background:linear-gradient(135deg,#1DB1EE 0%,#965F45 100%);border-radius:50%;box-shadow:0 0 0 4px #1db1ee1f}
.titleImage{width:280px;height:420px;object-fit:cover;border-radius:24px;box-shadow:0 16px 48px #955f452e 0 4px 12px #1db1ee1f;position:relative;z-index:2}
.titleContent{display:flex;flex-direction:column;gap:28px}
.titleContent h1{font-size:3.2rem;font-weight:700;line-height:1.15;color:#2A2A2A;margin:0}
.titleContent h1::after{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#965F45 0%,#1DB1EE 100%);margin-top:20px;border-radius:3px}
.titleDesc{font-size:1.15rem;line-height:1.7;color:#4A4A4A;max-width:680px;margin:16px 0 0}
.storyGrid{max-width:1536px;margin:0 auto;padding:96px 32px;display:grid;grid-template-columns:1fr 1fr;gap:64px;background:linear-gradient(135deg,#F9F6FF 0%,#1db1ee0a 100%);border-radius:28px;margin-top:64px}
.storyContent{display:flex;flex-direction:column;gap:32px;justify-content:center}
.storyContent h2{font-size:2.5rem;font-weight:700;line-height:1.2;color:#2A2A2A;margin:0;position:relative;padding-left:24px}
.storyContent h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:calc(100% - 16px);background:linear-gradient(180deg,#965F45 0%,#1DB1EE 100%);border-radius:3px}
.storyText{font-size:1.05rem;line-height:1.75;color:#4A4A4A}
.storyText p{margin:0 0 20px}
.storyText p:last-child{margin-bottom:0}
.storyFeats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:12px}
.featCard{background:#fff;padding:28px;border-radius:20px;box-shadow:0 8px 24px #955f4514;transition:all .3s ease;border:2px solid transparent}
.featCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #1db1ee26;border-color:#1DB1EE}
.featCard .mdi{font-size:2.2rem;color:#965F45;margin-bottom:12px;display:block}
.featCard h3{font-size:1.15rem;font-weight:600;color:#2A2A2A;margin:0 0 8px}
.featCard p{font-size:.95rem;line-height:1.6;color:#6A6A6A;margin:0}
.storyVisual{display:flex;flex-direction:column;gap:24px}
.visualTop{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.visualImg{width:100%;height:240px;object-fit:cover;border-radius:20px;box-shadow:0 12px 32px #955f4524}
.visualBottom{position:relative}
.visualBottom img{width:100%;height:320px;object-fit:cover;border-radius:20px;box-shadow:0 12px 32px #1db1ee24}
.teamShowcase{max-width:1536px;margin:96px auto 0;padding:0 32px 96px}
.teamShowcase h2{font-size:2.8rem;font-weight:700;color:#2A2A2A;text-align:center;margin:0 0 64px;position:relative}
.teamShowcase h2::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#965F45 0%,#1DB1EE 50%,#F9F6FF 100%);border-radius:2px}
.teamLayout{display:flex;gap:48px;align-items:start}
.teamMember{flex:0 0 380px;background:#fff;border-radius:24px;padding:36px;box-shadow:0 16px 48px #955f451f;position:relative;overflow:hidden}
.teamMember::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#965F45 0%,#1DB1EE 100%)}
.memberImg{width:100%;height:320px;object-fit:cover;border-radius:20px;margin-bottom:24px}
.memberName{font-size:1.5rem;font-weight:700;color:#2A2A2A;margin:0 0 8px}
.memberRole{font-size:1.05rem;color:#1DB1EE;font-weight:600;margin:0 0 16px}
.memberBio{font-size:.98rem;line-height:1.65;color:#5A5A5A;margin:0}
.approachDetails{flex:1;display:flex;flex-direction:column;gap:28px}
.approachBlock{background:linear-gradient(135deg,#f9f6ff99 0%,#1db1ee0a 100%);padding:32px;border-radius:20px;border-left:5px solid #965F45;transition:all .3s ease}
.approachBlock:hover{transform:translateX(8px);box-shadow:0 12px 32px #955f451a}
.approachBlock h3{font-size:1.35rem;font-weight:700;color:#2A2A2A;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.approachBlock h3 .mdi{color:#1DB1EE;font-size:1.6rem}
.approachBlock p{font-size:1.02rem;line-height:1.7;color:#4A4A4A;margin:0}
.ctaPanel{background:linear-gradient(135deg,#965F45 0%,#7a4e38 50%,#965F45 100%);padding:48px;border-radius:24px;text-align:center;margin-top:32px;box-shadow:0 16px 48px #955f4540}
.ctaPanel h4{font-size:1.4rem;font-weight:600;color:#fff;margin:0 0 24px}
.ctaPanel a{display:inline-block;background:#fff;color:#965F45;font-size:1.05rem;font-weight:600;padding:16px 40px;border-radius:28px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #00000026;position:relative;z-index:5}
.ctaPanel a:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0003;background:#F9F6FF}
@media (max-width: 1200px) {
.titleHero{grid-template-columns:240px 1fr;gap:40px;padding:64px 28px}
.titleImage{width:240px;height:360px}
.titleContent h1{font-size:2.6rem}
.storyGrid{gap:48px;padding:72px 28px}
.teamLayout{gap:36px}
.teamMember{flex:0 0 340px}
}
@media (max-width: 968px) {
.titleHero{grid-template-columns:1fr;gap:32px;padding:48px 24px}
.titleImage{width:100%;max-width:400px;height:320px;margin:0 auto}
.titleContent h1{font-size:2.2rem}
.titleDesc{font-size:1.05rem}
.storyGrid{grid-template-columns:1fr;gap:40px;padding:56px 24px}
.storyFeats{grid-template-columns:1fr}
.teamLayout{flex-direction:column;gap:40px}
.teamMember{flex:1;max-width:100%}
.visualTop{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.titleHero{padding:40px 20px}
.titleContent h1{font-size:1.9rem}
.titleDesc{font-size:1rem}
.storyGrid{padding:40px 20px;margin-top:40px}
.storyContent h2{font-size:2rem}
.teamShowcase{margin:64px auto 0;padding:0 20px 64px}
.teamShowcase h2{font-size:2.2rem;margin-bottom:48px}
.teamMember{padding:28px}
.memberImg{height:280px}
.approachBlock{padding:24px}
.ctaPanel{padding:36px 24px}
}
.successWrap{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem;background:linear-gradient(135deg,#F9F6FF 0%,#e8f8fd 50%,#fef5f1 100%);position:relative;overflow:hidden}
.successWrap::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#1db1ee0d 0%,transparent 70%);animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.1);opacity:.9}
}
.successCard{background:#fff;border-radius:28px;padding:3.5rem 2.5rem;max-width:640px;width:100%;box-shadow:0 16px 48px #965f4514 0 4px 12px #1db1ee0a;position:relative;z-index:1;text-align:center;animation:slideUp .6s ease-out}
@keyframes slideUp {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.successIcon{width:96px;height:96px;margin:0 auto 2rem;background:linear-gradient(135deg,#1DB1EE 0%,#965F45 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:iconPop .8s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes iconPop {
0%{transform:scale(0);opacity:0}
60%{transform:scale(1.15)}
100%{transform:scale(1);opacity:1}
}
.successIcon::before{content:'';position:absolute;width:120%;height:120%;border:3px solid #1DB1EE;border-radius:50%;opacity:.3;animation:ripple 1.5s ease-out infinite}
@keyframes ripple {
0%{transform:scale(1);opacity:.5}
100%{transform:scale(1.4);opacity:0}
}
.successIcon svg{width:48px;height:48px;fill:#fff;animation:checkDraw .8s ease-out .3s both}
@keyframes checkDraw {
from{stroke-dashoffset:100}
to{stroke-dashoffset:0}
}
.successTitle{font-size:2.25rem;font-weight:700;color:#2c2c2c;margin:0 0 1rem;line-height:1.2}
.successMessage{font-size:1.125rem;line-height:1.7;color:#5a5a5a;margin:0 0 2rem}
.successMeta{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:linear-gradient(135deg,#fef5f1 0%,#F9F6FF 100%);border-radius:18px;margin-bottom:2.5rem}
.metaRow{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.95rem;color:#6a6a6a}
.metaRow i{color:#1DB1EE;font-size:1.25rem}
.metaRow strong{color:#965F45;font-weight:600}
.successActions{display:flex;flex-direction:column;gap:1rem}
.btnPrimary{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#965F45 0%,#7a4d37 100%);color:#fff;text-decoration:none;border-radius:20px;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 6px 20px #965f4540;position:relative;overflow:hidden}
.btnPrimary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease}
.btnPrimary:hover::before{left:100%}
.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #965f4559}
.btnSecondary{display:inline-block;padding:1rem 2rem;background:transparent;color:#1DB1EE;text-decoration:none;border:2px solid #1DB1EE;border-radius:20px;font-weight:600;font-size:1.05rem;transition:all .3s ease}
.btnSecondary:hover{background:#1DB1EE;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #1db1ee40}
.thankYouSection{padding:5rem 1.25rem;background:#fff}
.contentWrap{max-width:1536px;margin:0 auto}
.gratitudeGrid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}
.gratitudeContent h2{font-size:2rem;font-weight:700;color:#2c2c2c;margin:0 0 1.5rem;line-height:1.3}
.gratitudeContent p{font-size:1.05rem;line-height:1.8;color:#5a5a5a;margin:0 0 1.5rem}
.nextStepsGrid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}
.stepCard{display:flex;gap:1.25rem;padding:1.75rem;background:linear-gradient(135deg,#F9F6FF 0%,#fff 100%);border-radius:20px;border-left:4px solid #1DB1EE;transition:all .3s ease}
.stepCard:nth-child(2){border-left-color:#965F45}
.stepCard:nth-child(3){border-left-color:#1DB1EE}
.stepCard:hover{transform:translateX(8px);box-shadow:0 8px 24px #965f451a}
.stepIcon{flex-shrink:0;width:52px;height:52px;background:linear-gradient(135deg,#1DB1EE 0%,#965F45 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}
.stepCard:nth-child(2) .stepIcon{background:linear-gradient(135deg,#965F45 0%,#1DB1EE 100%)}
.stepInfo h3{font-size:1.25rem;font-weight:600;color:#2c2c2c;margin:0 0 .5rem}
.stepInfo p{font-size:.95rem;line-height:1.6;color:#6a6a6a;margin:0}
.contactOptions{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:2.5rem;background:linear-gradient(135deg,#fef5f1 0%,#F9F6FF 100%);border-radius:24px;margin-top:2.5rem}
.contactItem{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:16px;transition:all .3s ease}
.contactItem:hover{box-shadow:0 6px 20px #965f451f;transform:translateY(-3px)}
.contactItem i{font-size:1.75rem;color:#1DB1EE}
.contactItem a{color:#965F45;text-decoration:none;font-weight:600;font-size:1.05rem;transition:color .3s ease}
.contactItem a:hover{color:#1DB1EE}
@media (min-width: 768px) {
.successCard{padding:4rem 3.5rem}
.successActions{flex-direction:row;justify-content:center}
.nextStepsGrid{grid-template-columns:repeat(3,1fr)}
.contactOptions{grid-template-columns:repeat(2,1fr)}
.gratitudeGrid{grid-template-columns:1fr 1fr;gap:4rem}
}
@media (min-width: 1024px) {
.successTitle{font-size:2.75rem}
.gratitudeContent h2{font-size:2.25rem}
}