{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } :root{ --bg:#0f172a; --card:#0b1220; --ink:#ecfeff; --muted:#cbd5e1; --accent:#22c55e; --accent2:#0ea5e9; --accent3:#fde047; --hot:#ef4444; --purple:#a78bfa; --pink:#fb7185; } *{box-sizing:border-box} html,body{margin:0;height:100%;background:linear-gradient(180deg,#0ea5e915 0%, #22c55e10 50%, #fde04710 100%), var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif} a{color:var(--accent2)} .container{max-width:1100px;margin:0 auto;padding:24px} .hero{border-radius:20px;overflow:hidden;position:relative;background:radial-gradient(1200px 500px at -10% -20%, #22c55e40, transparent 60%), radial-gradient(900px 400px at 120% 0%, #0ea5e940, transparent 60%), linear-gradient(90deg,#0ea5e9 0%,#22c55e 50%,#fde047 100%)} .hero-inner{padding:42px 28px;background:linear-gradient(180deg, #00000066, #00000040)} .title{font-size: clamp(28px, 3.5vw, 48px);font-weight:900;letter-spacing:.3px;margin:0} .subtitle{margin:10px 0 0;color:#e2f7ff;font-size:clamp(14px,1.8vw,18px)} .grid{display:grid;gap:20px} @media(min-width:900px){.grid-2{grid-template-columns:1.2fr 1fr}} @media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}} .card{background:linear-gradient(180deg, #0b1220, #0f1a31);border:1px solid #1f2b45;border-radius:18px;padding:20px;box-shadow:0 10px 30px #00000033} h2{margin:0 0 12px;font-size:clamp(18px,2.2vw,26px)} h3{margin:6px 0 8px;font-size:clamp(16px,2vw,22px)} p,li{color:var(--muted);line-height:1.6} .badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#0ea5e915;border:1px solid #1f2b45;color:#b3e8ff;font-size:12px;letter-spacing:.3px;text-transform:uppercase} .steps{counter-reset:step} .step{display:flex;gap:12px;align-items:flex-start;background:#091226;border:1px solid #1f2b45;border-radius:14px;padding:14px 14px;margin:10px 0} .step::before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#00131c;font-weight:900} .cta{display:inline-block;background:linear-gradient(90deg,#22c55e,#0ea5e9);color:#062314;font-weight:900;border:none;border-radius:12px;padding:12px 18px;cursor:pointer;text-decoration:none} .cta.secondary{background:linear-gradient(90deg,#fde047,#fb7185);color:#3a2000} .video{aspect-ratio:16/9; border-radius:14px;overflow:hidden;border:2px dashed #2563eb33;display:grid;place-items:center;background:#00000066} .video .placeholder{color:#bfe8ff;text-align:center} .pill{display:inline-block;padding:8px 12px;border-radius:999px;border:1px dashed #2b3a63;color:#bcd7ff;background:#0b1220} .top6{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .slot{border:1px dashed #33507a;border-radius:12px;padding:12px;background:#0b1427;min-height:88px} .slot h4{margin:0 0 6px;font-size:14px;color:#c7f9cc} textarea.script{width:100%;min-height:100px;border-radius:12px;border:1px solid #253457;background:#0a1223;color:#eafbff;padding:12px;resize:vertical} .script-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:flex-start} .btn-copy{border:1px solid #28436e;background:#0b1427;color:#cbe7ff;border-radius:10px;padding:10px 12px;cursor:pointer} .tips{display:grid;gap:14px} .tip{display:flex;gap:10px;align-items:flex-start} .tip .icon{font-size:22px} .callout{border:1px solid #3a5d96;border-radius:14px;padding:14px;background:#0a1430} .rank-badges{display:flex;flex-wrap:wrap;gap:10px} .rank{background:linear-gradient(90deg,#a78bfa33,#22c55e33);border:1px solid #384472;color:#e9e7ff;padding:8px 12px;border-radius:12px;font-weight:700} footer{opacity:.8;text-align:center;margin:24px 0 8px} :root{ --bg:#0f172a; --card:#0b1220; --ink:#ecfeff; --muted:#cbd5e1; --accent:#22c55e; --accent2:#0ea5e9; --accent3:#fde047; --hot:#ef4444; --purple:#a78bfa; --pink:#fb7185; } *{box-sizing:border-box} html,body{margin:0;height:100%;background:linear-gradient(180deg,#0ea5e915 0%, #22c55e10 50%, #fde04710 100%), var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif} a{color:var(--accent2)} .container{max-width:1100px;margin:0 auto;padding:24px} .hero{border-radius:20px;overflow:hidden;position:relative;background:radial-gradient(1200px 500px at -10% -20%, #22c55e40, transparent 60%), radial-gradient(900px 400px at 120% 0%, #0ea5e940, transparent 60%), linear-gradient(90deg,#0ea5e9 0%,#22c55e 50%,#fde047 100%)} .hero-inner{padding:42px 28px;background:linear-gradient(180deg, #00000066, #00000040)} .title{font-size: clamp(28px, 3.5vw, 48px);font-weight:900;letter-spacing:.3px;margin:0} .subtitle{margin:10px 0 0;color:#e2f7ff;font-size:clamp(14px,1.8vw,18px)} .grid{display:grid;gap:20px} @media(min-width:900px){.grid-2{grid-template-columns:1.2fr 1fr}} @media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}} .card{background:linear-gradient(180deg, #0b1220, #0f1a31);border:1px solid #1f2b45;border-radius:18px;padding:20px;box-shadow:0 10px 30px #00000033} h2{margin:0 0 12px;font-size:clamp(18px,2.2vw,26px)} h3{margin:6px 0 8px;font-size:clamp(16px,2vw,22px)} p,li{color:var(--muted);line-height:1.6} .badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#0ea5e915;border:1px solid #1f2b45;color:#b3e8ff;font-size:12px;letter-spacing:.3px;text-transform:uppercase} .steps{counter-reset:step} .step{display:flex;gap:12px;align-items:flex-start;background:#091226;border:1px solid #1f2b45;border-radius:14px;padding:14px 14px;margin:10px 0} .step::before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#00131c;font-weight:900} .cta{display:inline-block;background:linear-gradient(90deg,#22c55e,#0ea5e9);color:#062314;font-weight:900;border:none;border-radius:12px;padding:12px 18px;cursor:pointer;text-decoration:none} .cta.secondary{background:linear-gradient(90deg,#fde047,#fb7185);color:#3a2000} /* Responsive Video */ .video-wrapper { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio */ border-radius: 14px; overflow: hidden; border: 2px dashed #2563eb33; background: #00000066; } .video-wrapper iframe, .video-wrapper .placeholder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; } .video-wrapper .placeholder{ color:#bfe8ff; font-size:clamp(14px, 2.5vw, 18px); padding: 10px; } .pill{display:inline-block;padding:8px 12px;border-radius:999px;border:1px dashed #2b3a63;color:#bcd7ff;background:#0b1220} .top6{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .slot{border:1px dashed #33507a;border-radius:12px;padding:12px;background:#0b1427;min-height:88px} .slot h4{margin:0 0 6px;font-size:14px;color:#c7f9cc} textarea.script{width:100%;min-height:100px;border-radius:12px;border:1px solid #253457;background:#0a1223;color:#eafbff;padding:12px;resize:vertical} .script-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:flex-start} .btn-copy{border:1px solid #28436e;background:#0b1427;color:#cbe7ff;border-radius:10px;padding:10px 12px;cursor:pointer} .tips{display:grid;gap:14px} .tip{display:flex;gap:10px;align-items:flex-start} .tip .icon{font-size:22px} .callout{border:1px solid #3a5d96;border-radius:14px;padding:14px;background:#0a1430} .rank-badges{display:flex;flex-wrap:wrap;gap:10px} .rank{background:linear-gradient(90deg,#a78bfa33,#22c55e33);border:1px solid #384472;color:#e9e7ff;padding:8px 12px;border-radius:12px;font-weight:700} footer{opacity:.8;text-align:center;margin:24px 0 8px} :root{ --bg:#0f172a; --card:#0b1220; --ink:#ecfeff; --muted:#cbd5e1; --accent:#22c55e; --accent2:#0ea5e9; --accent3:#fde047; --hot:#ef4444; --purple:#a78bfa; --pink:#fb7185; } *{box-sizing:border-box} html,body{ margin:0;height:100%; background:linear-gradient(180deg,#0ea5e915 0%, #22c55e10 50%, #fde04710 100%), var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif } a{color:var(--accent2)} .container{max-width:1100px;margin:0 auto;padding:24px} .hero{ border-radius:20px;overflow:hidden;position:relative; background: radial-gradient(1200px 500px at -10% -20%, #22c55e40, transparent 60%), radial-gradient(900px 400px at 120% 0%, #0ea5e940, transparent 60%), linear-gradient(90deg,#0ea5e9 0%,#22c55e 50%,#fde047 100%) } .hero-inner{padding:42px 28px;background:linear-gradient(180deg, #00000066, #00000040)} .title{font-size: clamp(28px, 3.5vw, 48px);font-weight:900;letter-spacing:.3px;margin:0} .subtitle{margin:10px 0 0;color:#e2f7ff;font-size:clamp(14px,1.8vw,18px)} .grid{display:grid;gap:20px} @media(min-width:900px){.grid-2{grid-template-columns:1.2fr 1fr}} @media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}} .card{background:linear-gradient(180deg, #0b1220, #0f1a31);border:1px solid #1f2b45;border-radius:18px;padding:20px;box-shadow:0 10px 30px #00000033} h2{margin:0 0 12px;font-size:clamp(18px,2.2vw,26px)} h3{margin:6px 0 8px;font-size:clamp(16px,2vw,22px)} p,li{color:var(--muted);line-height:1.6} .badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#0ea5e915;border:1px solid #1f2b45;color:#b3e8ff;font-size:12px;letter-spacing:.3px;text-transform:uppercase} .steps{counter-reset:step} .step{display:flex;gap:12px;align-items:flex-start;background:#091226;border:1px solid #1f2b45;border-radius:14px;padding:14px;margin:10px 0} .step::before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#00131c;font-weight:900} .cta{display:inline-block;background:linear-gradient(90deg,#22c55e,#0ea5e9);color:#062314;font-weight:900;border:none;border-radius:12px;padding:12px 18px;cursor:pointer;text-decoration:none} .cta.secondary{background:linear-gradient(90deg,#fde047,#fb7185);color:#3a2000} /* Responsive Video using your provided code */ #tpYtContainer{position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;border:2px dashed #2563eb33;background:#00000066} #tpYtContainer iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0} .pill{display:inline-block;padding:8px 12px;border-radius:999px;border:1px dashed #2b3a63;color:#bcd7ff;background:#0b1220} .top6{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .slot{border:1px dashed #33507a;border-radius:12px;padding:12px;background:#0b1427;min-height:88px} .slot h4{margin:0 0 6px;font-size:14px;color:#c7f9cc} textarea.script{width:100%;min-height:100px;border-radius:12px;border:1px solid #253457;background:#0a1223;color:#eafbff;padding:12px;resize:vertical} .script-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:flex-start} .btn-copy{border:1px solid #28436e;background:#0b1427;color:#cbe7ff;border-radius:10px;padding:10px 12px;cursor:pointer} .tips{display:grid;gap:14px} .tip{display:flex;gap:10px;align-items:flex-start} .tip .icon{font-size:22px} .callout{border:1px solid #3a5d96;border-radius:14px;padding:14px;background:#0a1430} .rank-badges{display:flex;flex-wrap:wrap;gap:10px} .rank{background:linear-gradient(90deg,#a78bfa33,#22c55e33);border:1px solid #384472;color:#e9e7ff;padding:8px 12px;border-radius:12px;font-weight:700} footer{opacity:.8;text-align:center;margin:24px 0 8px} :root{ --bg:#0f172a; --card:#0b1220; --ink:#ecfeff; --muted:#cbd5e1; --accent:#22c55e; --accent2:#0ea5e9; --accent3:#fde047; --hot:#ef4444; --purple:#a78bfa; --pink:#fb7185; } *{box-sizing:border-box} html,body{ margin:0;height:100%; background:linear-gradient(180deg,#0ea5e915 0%, #22c55e10 50%, #fde04710 100%), var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif } a{color:var(--accent2)} .container{max-width:1100px;margin:0 auto;padding:24px} .hero{ border-radius:20px;overflow:hidden;position:relative; background: radial-gradient(1200px 500px at -10% -20%, #22c55e40, transparent 60%), radial-gradient(900px 400px at 120% 0%, #0ea5e940, transparent 60%), linear-gradient(90deg,#0ea5e9 0%,#22c55e 50%,#fde047 100%) } .hero-inner{padding:42px 28px;background:linear-gradient(180deg, #00000066, #00000040)} .title{font-size: clamp(28px, 3.5vw, 48px);font-weight:900;letter-spacing:.3px;margin:0} .subtitle{margin:10px 0 0;color:#e2f7ff;font-size:clamp(14px,1.8vw,18px)} .grid{display:grid;gap:20px} @media(min-width:900px){.grid-2{grid-template-columns:1.2fr 1fr}} @media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}} .card{background:linear-gradient(180deg, #0b1220, #0f1a31);border:1px solid #1f2b45;border-radius:18px;padding:20px;box-shadow:0 10px 30px #00000033} h2{margin:0 0 12px;font-size:clamp(18px,2.2vw,26px)} h3{margin:6px 0 8px;font-size:clamp(16px,2vw,22px)} p,li{color:var(--muted);line-height:1.6} .badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#0ea5e915;border:1px solid #1f2b45;color:#b3e8ff;font-size:12px;letter-spacing:.3px;text-transform:uppercase} .steps{counter-reset:step} .step{display:flex;gap:12px;align-items:flex-start;background:#091226;border:1px solid #1f2b45;border-radius:14px;padding:14px;margin:10px 0} .step::before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#00131c;font-weight:900} .cta{display:inline-block;background:linear-gradient(90deg,#22c55e,#0ea5e9);color:#062314;font-weight:900;border:none;border-radius:12px;padding:12px 18px;cursor:pointer;text-decoration:none} .cta.secondary{background:linear-gradient(90deg,#fde047,#fb7185);color:#3a2000} /* Responsive Video using your provided code */ #tpYtContainer, #tpYtCompContainer{ position:relative;width:100%;padding-top:56.25%; border-radius:14px;overflow:hidden;border:2px dashed #2563eb33;background:#00000066 } #tpYtContainer iframe, #tpYtCompContainer iframe{ position:absolute;top:0;left:0;width:100%;height:100%;border:0 } .pill{display:inline-block;padding:8px 12px;border-radius:999px;border:1px dashed #2b3a63;color:#bcd7ff;background:#0b1220} .top6{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .slot{border:1px dashed #33507a;border-radius:12px;padding:12px;background:#0b1427;min-height:88px} .slot h4{margin:0 0 6px;font-size:14px;color:#c7f9cc} textarea.script{width:100%;min-height:100px;border-radius:12px;border:1px solid #253457;background:#0a1223;color:#eafbff;padding:12px;resize:vertical} .script-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:flex-start} .btn-copy{border:1px solid #28436e;background:#0b1427;color:#cbe7ff;border-radius:10px;padding:10px 12px;cursor:pointer} .tips{display:grid;gap:14px} .tip{display:flex;gap:10px;align-items:flex-start} .tip .icon{font-size:22px} .callout{border:1px solid #3a5d96;border-radius:14px;padding:14px;background:#0a1430} .rank-badges{display:flex;flex-wrap:wrap;gap:10px} .rank{background:linear-gradient(90deg,#a78bfa33,#22c55e33);border:1px solid #384472;color:#e9e7ff;padding:8px 12px;border-radius:12px;font-weight:700} footer{opacity:.8;text-align:center;margin:24px 0 8px}
wistia-player[media-id='l8v27xy4w3']:not(:defined) { background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/l8v27xy4w3/swatch'); display: block; filter: blur(5px); padding-top:177.78%; }
wistia-player[media-id='l8v27xy4w3']:not(:defined) { background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/l8v27xy4w3/swatch'); display: block; filter: blur(5px); }
wistia-player[media-id='l8v27xy4w3']:not(:defined) { background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/l8v27xy4w3/swatch'); display: block; filter: blur(5px); padding-top:177.78%; }
wistia-player[media-id='l8v27xy4w3']:not(:defined) { background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/l8v27xy4w3/swatch'); display: block; filter: blur(5px); }
wistia-player[media-id='ikvfx184qn']:not(:defined) { background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/ikvfx184qn/swatch'); display: block; filter: blur(5px); }
wistia-player[media-id='ikvfx184qn']:not(:defined) { background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/ikvfx184qn/swatch'); display: block; filter: blur(5px); padding-top:177.78%; }
wistia-player[media-id='ikvfx184qn']:not(:defined) { background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/ikvfx184qn/swatch'); display: block; filter: blur(5px); } :root{ --bg:#0f172a; --card:#0b1220; --ink:#ecfeff; --accent:#22c55e; --accent2:#0ea5e9; --accent3:#fde047; } html,body{ margin:0;height:100%; background:linear-gradient(180deg,#0ea5e915 0%, #22c55e10 50%, #fde04710 100%), var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif } .container{max-width:1100px;margin:0 auto;padding:24px} .hero{ border-radius:20px;overflow:hidden;position:relative; background: radial-gradient(1200px 500px at -10% -20%, #22c55e40, transparent 60%), radial-gradient(900px 400px at 120% 0%, #0ea5e940, transparent 60%), linear-gradient(90deg,#0ea5e9 0%,#22c55e 50%,#fde047 100%); } .hero-inner{padding:42px 28px;background:linear-gradient(180deg, #00000066, #00000040);text-align:center} .hero-logo img{ max-width: 280px; width: 80%; height: auto; } .subtitle{ margin:10px 0 0; color:#e2f7ff; font-size:clamp(14px,1.8vw,18px); } .leaders-grid{ display:grid; gap:16px; grid-template-columns:repeat(2,1fr); } @media (min-width:900px){ .leaders-grid{ grid-template-columns:repeat(4,1fr); } } .leader-card{ background:#0b1220; border:1px solid #1f2b45; border-radius:14px; overflow:hidden; } .leader-photo{ width:100%; height:240px; object-fit:cover; display:block; background:#0a0f1f; } .leader-body{ padding:14px; text-align:center; } .leader-name{ margin:0; font-weight:800; } .leader-title{ margin:6px 0 0; color:#94a3b8; font-size:14px; } .leaders-grid{ display:grid; gap:16px; grid-template-columns:repeat(2,1fr); } @media (min-width:900px){ .leaders-grid{ grid-template-columns:repeat(4,1fr); } } .leader-card{ background:#0b1220; border:1px solid #1f2b45; border-radius:14px; overflow:hidden; transition: transform 0.2s ease; } .leader-card:hover{ transform: translateY(-5px); } .leader-photo{ width:100%; height:240px; object-fit:cover; display:block; background:#0a0f1f; } .leader-body{ padding:14px; text-align:center; } .leader-name{ margin:0; font-weight:800; } .leader-title{ margin:6px 0 0; color:#94a3b8; font-size:14px; } #member-counter { position: fixed; top: 0; left: 0; width: 100%; background: linear-gradient(135deg, #1FB46B, #28A745); color: white; text-align: center; padding: 12px 20px; z-index: 9999; box-shadow: 0 2px 10px rgba(0,0,0,0.2); font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; line-height: 1.4; } #counter-number { font-size: 24px; color: #FFD700; margin: 0 8px; display: inline-block; } #urgency-text { font-size: 14px; opacity: 0.95; } #urgency-text a { color: #FFD700; text-decoration: underline; font-weight: 700; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @media (max-width: 768px) { #member-counter { font-size: 14px; padding: 10px 15px; } #counter-number { font-size: 20px; } }