*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#f4f6f5;color:#1a1a1a;line-height:1.75}
header{background:#fff;border-bottom:4px solid #0f7b5c}
.header-inner{max-width:1200px;margin:auto;padding:22px;display:372px;justify-content:space-between;align-items:center}
.logo{font-size:26px;font-weight:800;color:#0f7b5c;text-decoration:none}
nav{display:flex;align-items:center}
nav a,.dropbtn{margin-left:18px;text-decoration:none;font-weight:600;color:#333;background:none;border:none;cursor:pointer;font-size:16px}
.dropdown{position:relative}
.dropdown-content{display:none;position:absolute;right:0;background:#fff;min-width:260px;box-shadow:0 6px 20px rgba(0,0,0,.12);border-radius:10px;overflow:hidden;z-index:10}
.dropdown-content a{display:block;padding:14px 18px;color:#0f7b5c;text-decoration:none;font-weight:600}
.dropdown-content a:hover{background:#f1f6f4}
.dropdown:hover .dropdown-content{display:block}
main{max-width:1200px;margin:30px auto;background:#fff;padding:50px;border-radius:14px}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.profile{display:flex;gap:24px;align-items:center}
.profile img{width:130px;height:130px;border-radius:50%;border:4px solid #0f7b5c;object-fit:cover}
.tm7{max-width:100%;border-radius:12px}
.menu{background:#f1f6f4;padding:22px;border-radius:10px;margin:35px 0}
.menu h3{margin-top:0;color:#0f7b5c}
.menu a{display:inline-block;margin:6px 10px 6px 0;padding:9px 16px;background:#0f7b5c;color:#fff;text-decoration:none;border-radius:22px;font-size:14px}
.section{margin-top:42px}
.section h2{color:#0f7b5c}
.cta{background:#e9f4f1;padding:36px;margin-top:45px;border-left:6px solid #0f7b5c;border-radius:10px}
.offer{margin-top:35px;padding:28px;border-radius:12px;background:#fff7e6;border:2px dashed #0f7b5c;text-align:center}
.offer img{max-width:100%;border-radius:10px}
.btn{display:inline-block;background:#0f7b5c;color:#fff;padding:15px 28px;text-decoration:none;font-weight:700;border-radius:6px;margin:8px 10px 0 0}
.btn.alt{background:#333}
footer{text-align:center;padding:34px;font-size:14px;color:#666}

.video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 30px;
  margin-top: 40px;
}

.video-card {
  background: #f1f6f4;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
}