*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f5;color:#183e47;font-family:"Microsoft YaHei",system-ui,sans-serif;line-height:1.8}a{color:inherit;text-underline-offset:5px}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}header{height:108px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:13px;align-items:center;font-size:20px;font-weight:700;text-decoration:none}.brand img{border-radius:10px}nav{display:flex;gap:32px;font-size:14px}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:60px 0 100px;gap:90px}.eyebrow{font-size:13px;letter-spacing:3px;font-weight:700;color:#557f82}h1{font-size:clamp(52px,6.5vw,82px);font-weight:600;letter-spacing:-3px;line-height:1.2;margin:25px 0 30px}h2{font-size:34px;line-height:1.5;letter-spacing:-1px;font-weight:600;margin:18px 0 25px}.lead{font-size:26px;line-height:1.7}.hero p:not(.lead):not(.eyebrow){color:#597075}.button{display:inline-flex;margin:24px 0 8px;background:#235f69;color:white;gap:60px;text-decoration:none;padding:13px 24px;border-radius:4px}.caption{font-size:12px!important;line-height:1.8;color:#6a7c7b}.phone{margin:0;justify-self:center;max-width:300px;transform:rotate(3deg)}.phone img{display:block;width:100%;height:auto;border:8px solid #163b43;border-radius:31px;box-shadow:18px 25px 0 #e2e9e0}.phone figcaption{font-size:11px;text-align:center;margin-top:40px;color:#607879}.features{border-top:1px solid #cbd8cf;padding:65px 0 100px;display:grid;grid-template-columns:1fr 1.15fr;gap:85px}.feature-list article{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid #d4ddd5}.feature-list span{font-size:14px;color:#80957c}.feature-list h3{margin:0 0 8px;font-size:21px}.feature-list p{font-size:14px;color:#597075;margin:0}.learning{background:#e7ede4;padding:75px 0}.learning-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.course{margin:0;justify-self:center;width:220px}.course img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 16px 36px #183e4717}.learning p{color:#4e696b}.membership{padding:100px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:100px}.membership p{color:#597075}.membership aside{border-left:1px solid #becdc5;padding:12px 0 12px 50px}.price{font-size:49px;line-height:1.2;margin:10px 0 20px!important;color:#183e47!important}.price span{font-size:17px}hr{border:0;border-top:1px solid #cbd8cf;margin:30px 0}.contact{border-top:1px solid #cbd8cf;padding:55px 0 70px}.contact h2{font-size:25px}.contact p{font-size:14px}footer{padding:25px 0;border-top:1px solid #cbd8cf;font-size:12px;color:#6a7c7b;display:flex;justify-content:space-between}.legal{max-width:820px;padding:40px 0 80px}.legal h1{font-size:38px;letter-spacing:0}.legal h2{font-size:23px;margin-top:35px}.legal p{color:#456269}@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{height:85px}nav{gap:16px;font-size:12px}.brand{font-size:17px}.hero,.features,.learning-inner,.membership{grid-template-columns:1fr;gap:40px}.hero{padding:35px 0 70px}.hero h1{letter-spacing:-2px}.phone{max-width:245px;margin-top:15px}.features{padding:45px 0 60px}.learning-inner{gap:35px}.course{width:200px}.learning-inner>div{grid-row:1}.membership{padding:60px 0}.membership aside{padding:20px 0 0;border-left:0;border-top:1px solid #becdc5}h2{font-size:28px}footer{display:block}footer span{display:block}}