:root{
  color-scheme:dark;
  --background:#051428;
  --surface:#091a33;
  --surface-soft:#12254e;
  --border:rgba(255,211,0,.14);
  --foreground:#f9f1c9;
  --muted:#d6c986;
  --accent:#ffd400;
  --accent-strong:#ffe64d;
  --accent-text:#08121f;
  --whatsapp:#25d366;
  --shadow:0 30px 90px rgba(0,28,72,.24);
  --shadow-soft:0 18px 42px rgba(0,16,44,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{min-height:100vh;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,#0e3166 0%,#051428 40%,#020814 100%);color:var(--foreground)}
.page{position:relative}
.container{width:min(100%,1140px);margin:0 auto;padding:0 20px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#ffd400,#ffea5e);color:var(--accent-text);font-size:1.1rem}
.brand-name{font-weight:700;font-size:1.05rem}
.brand-note{color:var(--muted);font-size:.95rem}
.hero{padding:32px 0 0;text-align:center}
.hero-pill{display:inline-flex;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,212,0,.18);background:rgba(255,212,0,.08);color:var(--accent);font-size:.88rem;font-weight:600;margin-bottom:20px}
.hero h1{font-size:2.9rem;line-height:1.02;max-width:860px;margin:0 auto 22px}
.hero-highlight{background:linear-gradient(135deg,#ffd400,#ffe64d);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-subtitle{max-width:680px;margin:0 auto;color:var(--muted);font-size:1.05rem;line-height:1.8}
.video-section{padding:40px 0 24px}
.video-card{position:relative;max-width:920px;margin:0 auto;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#020814}
.video-button{all:unset;cursor:pointer;width:100%;height:0;padding-bottom:56.25%;position:relative;display:block}
.video-backdrop{position:absolute;inset:0;background-image:url('https://i.ytimg.com/vi/S9uPNppGsGo/maxresdefault.jpg');background-size:cover;background-position:center;filter:contrast(1.05);}
.video-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,34,.35),rgba(3,7,22,.7));pointer-events:none}
.play-circle{position:absolute;inset:0;display:grid;place-items:center}
.play-circle>svg{width:56px;height:56px;color:#08121f;filter:drop-shadow(0 12px 30px rgba(0,0,0,.4));background:linear-gradient(135deg,#ffd400,#ffe64d);border-radius:50%;padding:14px}
.video-note{text-align:center;color:var(--muted);margin-top:16px;font-size:.95rem}
.cta-section{text-align:center;padding-bottom:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:999px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}
.btn.primary{background:linear-gradient(135deg,#ffd400,#ffea5e);color:var(--accent-text);box-shadow:0 18px 45px rgba(255,212,0,.24)}
.btn.primary:hover{transform:translateY(-2px)}
.btn.secondary{background:rgba(255,212,0,.12);color:var(--foreground);box-shadow:0 16px 40px rgba(0,16,44,.28)}
.cta-subtext{color:var(--muted);margin-top:12px;font-size:.95rem}
.features{padding-bottom:48px}
.features h2{font-size:2rem;text-align:center;margin-bottom:28px;color:var(--foreground)}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:24px}
.feature-card{border:1px solid rgba(255,212,0,.12);background:rgba(255,255,255,.03);border-radius:28px;padding:28px;box-shadow:var(--shadow-soft);transition:transform .2s ease,border-color .2s ease}
.feature-card:hover{transform:translateY(-4px);border-color:rgba(255,212,0,.28)}
.feature-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd400,#ffea5e);color:#08121f;font-size:1.2rem;margin-bottom:18px}
.feature-card h3{font-size:1.1rem;margin-bottom:10px}
.feature-card p{color:var(--muted);line-height:1.8;font-size:.95rem}
.course{padding-bottom:48px}
.course h2{font-size:2rem;text-align:center;margin-bottom:24px;color:var(--foreground)}
.course-list{display:grid;gap:16px;max-width:760px;margin:0 auto;padding:0;list-style:none}
.course-list li{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:20px;border:1px solid rgba(255,212,0,.1);background:rgba(255,255,255,.04);box-shadow:var(--shadow-soft);color:var(--foreground)}
.course-list li::before{content:'•';color:#ffd400;font-size:1.5rem;line-height:1}
.final-cta{padding-bottom:48px}
.final-card{max-width:720px;margin:0 auto;padding:40px 32px;border-radius:36px;background:rgba(255,255,255,.03);border:1px solid rgba(255,212,0,.12);box-shadow:var(--shadow-soft);text-align:center}
.final-card h2{font-size:2rem;margin-bottom:16px;color:var(--foreground)}
.final-card p{color:var(--muted);margin-bottom:24px;font-size:1rem;line-height:1.75}
.author-section{padding:0 0 40px}
.author-card{display:flex;align-items:center;gap:20px;max-width:980px;margin:0 auto;padding:24px 28px;border-radius:28px;background:rgba(255,255,255,.04);border:1px solid rgba(255,212,0,.12);box-shadow:var(--shadow-soft)}
.author-avatar{flex-shrink:0;width:112px;height:112px;border-radius:28px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,212,0,.15)}
.author-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.author-content{min-width:0}
.author-label{font-size:.9rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.author-content h3{font-size:1.5rem;margin:0 0 8px;color:var(--foreground)}
.author-content p{color:var(--muted);line-height:1.75;margin:0}
.author-note{margin-top:12px;color:var(--foreground)}
.footer{padding:24px 0;text-align:center;color:var(--muted);font-size:.95rem}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:50;display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;background:var(--whatsapp);color:#fff;box-shadow:0 25px 60px rgba(37,211,102,.2);font-weight:700;animation:pulse 2.5s ease-in-out infinite}
.whatsapp-float svg{width:22px;height:22px;flex-shrink:0}
.whatsapp-dot{position:absolute;top:-6px;right:-6px;width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 0 0 4px rgba(37,211,102,.18)}
.modal{position:fixed;inset:0;background:rgba(3,9,20,.9);display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}
.modal.hidden{display:none}
.modal-panel{position:relative;width:min(960px,100%);max-width:980px;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.45);background:#020814}
.modal-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.5rem;cursor:pointer;z-index:10}
.iframe-wrap{position:relative;width:100%;padding-bottom:56.25%;height:0}
.iframe-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:960px){.feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.topbar{flex-direction:column;align-items:flex-start;padding-top:18px}
.hero h1{font-size:2.1rem}
.feature-grid{grid-template-columns:1fr}
.final-card{padding:28px}
.video-card{border-radius:22px}}
@media(max-width:520px){.container{padding:0 16px}
.hero h1{font-size:1.95rem}
.hero-pill{padding:9px 14px}
.btn{width:100%}
.whatsapp-float{padding:12px 16px;right:16px;bottom:16px}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}