:root{--green:#087f68;--gold:#e2bd55;--navy:#102b4d;--bg:#f3f6f8;--text:#25313b}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.top{height:56px;background:linear-gradient(90deg,#b5161d,#a50f15);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:700}.brand-mini{display:flex;gap:10px;align-items:center}.brand-mini img{width:32px;height:32px;object-fit:contain;background:#fff;border-radius:50%}.wrap{max-width:760px;margin:auto;padding:18px 14px 92px}.hero{background:linear-gradient(135deg,#0d2039,#2d508d);border-radius:28px;padding:20px;color:#fff;min-height:260px;position:relative;overflow:hidden;box-shadow:0 12px 30px #13233a30}.hero:after{content:'';position:absolute;right:-70px;top:-80px;width:250px;height:250px;border-radius:50%;background:#ffffff0d}.hero-inner{position:relative;z-index:2;text-align:center}.hero-logo{width:82px;height:82px;border-radius:50%;background:#fff;border:4px solid #f5c400;object-fit:contain}.hero h1{font-size:25px;color:#ffc400;margin:7px 0}.hero .tag{letter-spacing:4px;font-size:12px}.hero h2{margin:20px 0 4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:30px;padding:13px 22px;font-weight:800;cursor:pointer}.btn-gold{background:#ffc400;color:#172338}.btn-green{background:var(--green);color:#fff}.section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 4px 12px}.section-title h2{font-size:19px;margin:0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 5px 18px #102b4d12}.card img{width:100%;height:125px;object-fit:cover;background:#eef1f4}.card-body{padding:13px}.muted{color:#89939d;font-size:13px}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:760px;width:100%;height:72px;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -5px 20px #00000018;display:grid;grid-template-columns:repeat(5,1fr);z-index:20}.bottom a{text-align:center;padding-top:11px;color:#9b9b9b;font-size:12px}.bottom a.active{color:#e0ad00}.bottom b{display:block;font-size:23px;margin-bottom:2px}.slider{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:12px}.slide{min-width:100%;scroll-snap-align:start;border-radius:22px;overflow:hidden;background:#fff}.slide img{width:100%;height:220px;object-fit:cover}.slide .cap{padding:13px}.article{background:#fff;padding:18px;border-radius:18px;line-height:1.7}.article img{max-width:100%;border-radius:15px}.pill{display:inline-block;background:#eaf7f4;color:var(--green);padding:5px 10px;border-radius:20px;font-size:12px}.form{background:#fff;padding:18px;border-radius:18px}.input,textarea,select{width:100%;padding:12px;border:1px solid #d9dfe3;border-radius:12px;margin:6px 0 12px;font:inherit}.class-item{display:flex;gap:12px;padding:12px;background:#fff;border-radius:16px;margin-bottom:10px}.class-item img{width:95px;height:85px;border-radius:12px;object-fit:cover}.session{padding:15px;background:#fff;border-radius:16px;margin:9px 0;border-left:5px solid #ddd}.session.open{border-color:var(--green)}.locked{opacity:.55}.notice{padding:13px;border-radius:13px;background:#fff6d7;color:#715800}.price{font-size:18px;font-weight:800;color:var(--green)}
@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr)}}