.hero-visual{position:relative;min-height:520px;border-radius:32px;overflow:hidden;box-shadow:0 35px 80px #075ea530}.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,#071a368a 100%);pointer-events:none}.hero-visual .practice-card{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;padding:15px 18px;border-radius:18px;transform:none;background:#fffef5ee;backdrop-filter:blur(12px)}.hero-visual .practice-card .staff{display:none}.hero-visual .practice-card>p{margin-bottom:0}.hero-visual .mode-row{margin-top:12px}#benefits{position:relative;padding-top:500px}#benefits:before{content:"";position:absolute;top:72px;left:0;right:0;height:360px;border-radius:32px;background:url('/family-piano-panorama.png') center 43%/cover no-repeat;box-shadow:0 28px 70px #1769ff1d}#benefits:after{content:"Hình ảnh nghệ thuật minh họa · Art-directed imagery";position:absolute;top:390px;left:22px;padding:6px 10px;border-radius:999px;background:#071a36c9;color:#fff;font-size:11px;letter-spacing:.03em}#how .wrap{position:relative;padding-top:520px}#how .wrap:before{content:"";position:absolute;top:82px;left:0;right:0;height:360px;border-radius:30px;background:url('/practice-journey.png') center/cover no-repeat;box-shadow:0 25px 65px #1769ff1b}#how .wrap:after{content:"Key Prep  ·  Wait  ·  Tempo";position:absolute;top:402px;left:24px;padding:8px 13px;border-radius:999px;background:#fffefaeb;color:#071a36;font-size:12px;font-weight:900;letter-spacing:.06em}#plans{position:relative;padding-right:min(48%,560px);min-height:690px}#plans:before{content:"";position:absolute;top:74px;right:0;width:44%;height:520px;border-radius:32px;background:url('/teacher-piano.png') 34% center/cover no-repeat;box-shadow:0 28px 70px #1769ff1e}#plans:after{content:"Hình ảnh nghệ thuật minh họa · Không phải lời chứng thực";position:absolute;right:18px;bottom:112px;max-width:260px;padding:7px 10px;border-radius:10px;background:#071a36cf;color:#fff;font-size:11px}.pricing{grid-template-columns:1fr}.pricing article{padding:20px}.pricing .price{margin:.3em 0}@media(max-width:900px){.hero-visual{min-height:500px}#benefits{padding-top:410px}#benefits:before{height:300px}#benefits:after{top:332px}#how .wrap{padding-top:430px}#how .wrap:before{height:280px}#how .wrap:after{top:324px}#plans{padding-right:0;padding-top:430px}#plans:before{top:62px;width:100%;height:320px}#plans:after{top:340px;right:18px;bottom:auto}}@media(max-width:560px){.hero-visual{min-height:430px;border-radius:24px}.hero-visual .practice-card{left:12px;right:12px;bottom:12px}#benefits{padding-top:340px}#benefits:before{top:48px;height:250px;border-radius:22px}#benefits:after{top:260px;font-size:9px}#how .wrap{padding-top:355px}#how .wrap:before{top:54px;height:250px;border-radius:22px}#how .wrap:after{top:266px;font-size:10px}#plans{padding-top:350px}#plans:before{top:42px;height:270px;border-radius:22px}#plans:after{top:274px;font-size:9px}}
