:root {
  --bg1: linear-gradient(145deg, #e6f4ea, #c8e6c9);
  --bg2: linear-gradient(145deg, #e3f2fd, #bbdefb);
  --bg3: linear-gradient(145deg, #fff8e1, #ffe0b2);
  --bg4: linear-gradient(145deg, #f1f8e9, #dcedc8);
  --bg5: linear-gradient(145deg, #f3e5f5, #e1bee7);
  --bg6: linear-gradient(145deg, #fce4ec, #f8bbd0);
  --bgHome: linear-gradient(135deg, #e8f5e9, #c8e6c9);
}
body { margin:0; font-family: Arial, sans-serif; display:flex; justify-content:center; align-items:center; min-height:100vh; }
.gradient { background: var(--bg1); }
.gradient-home { background: var(--bgHome); }
.container { width:100%; max-width:900px; padding:20px; text-align:center; }
.logo-img { max-width:180px; margin-bottom:20px; }
.menu-grid { display:flex; flex-direction:column; gap:15px; }
.btn { display:inline-block; padding:15px 20px; font-size:1.2rem; border-radius:12px; text-decoration:none; color:#fff; font-weight:bold; margin:5px; transition:transform 0.3s ease, box-shadow 0.3s ease; }
.btn:hover { transform:scale(1.05); box-shadow:0 8px 20px rgba(0,0,0,0.2); }
.btn-1 { background:#81c784; }
.btn-2 { background:#64b5f6; }
.btn-3 { background:#ffd54f; color:#333; }
.btn-4 { background:#aed581; }
.btn-5 { background:#ba68c8; }
.btn-6 { background:#f06292; }
.back-home { background:#607d8b; }
.iframe-wrap { margin-top:20px; }
iframe { border-radius:8px; }