*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#1a1a2e;background:#f8f7f4;font-family:Poppins,sans-serif;overflow-x:hidden}:root{--navy:#153f5b;--navy-dark:#0e283a;--navy-mid:#1d567c;--gold:#ffc91a;--gold-dark:#e6b000;--gold-light:#ffde70;--cream:#f8f7f4;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-500:#6b7280;--gray-700:#374151;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 12px 40px #00000024;--shadow-gold:0 8px 32px #ffc91a59}h1,h2,h3{line-height:1.2}h1{font-size:clamp(2.1rem,5vw,3.6rem);font-weight:800}h2{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:700}h3{font-size:1.15rem;font-weight:600}p{line-height:1.7}.container{max-width:1140px;margin:0 auto;padding:0 1.5rem}.tag{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dark);background:#ffc91a2e;border:1px solid #ffc91a59;border-radius:99px;padding:.28rem .85rem;font-size:.72rem;font-weight:700;display:inline-block}.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:.6rem;font-size:.75rem;font-weight:700}.btn{cursor:pointer;border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gold);color:var(--navy-dark);box-shadow:var(--shadow-gold)}.btn-primary:hover{background:var(--gold-dark);transform:translateY(-2px);box-shadow:0 12px 40px #e6b00073}.btn-outline{color:var(--white);background:0 0;border:1.5px solid #ffffff73}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.btn-ghost{color:var(--navy);border:1.5px solid var(--navy);background:0 0}.btn-ghost:hover{background:var(--navy);color:#fff}.btn-wa{color:#fff;background:#25d366;box-shadow:0 6px 24px #25d3664d}.btn-lg{border-radius:var(--radius-lg);padding:1.05rem 2.4rem;font-size:1.05rem}#navbar{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#0c324b;border-bottom:1px solid #0c223299;padding:1.1rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0}#navbar.scrolled{background:#0a293d;padding:.7rem 0;box-shadow:0 4px 28px #00000047}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-logo{align-items:center;gap:.6rem;text-decoration:none;display:flex}.nav-logo img{height:2.1rem}.nav-links{align-items:center;gap:.2rem;list-style:none;display:flex}.nav-links a{color:#b0cbdd;border-radius:var(--radius-sm);padding:.45rem .85rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#fff;background:#1d567c80}.nav-actions{align-items:center;gap:.75rem;display:flex}.btn-login{border-radius:var(--radius-sm);color:#b8d0e0;background:0 0;border:1.5px solid #407496;padding:.55rem 1.2rem;font-size:.875rem}.btn-login:hover{color:#fff;background:#1d567c80;border-color:#70a1c2}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.3rem;display:none}.hamburger span{background:#a6c4d9;border-radius:2px;width:22px;height:2px;transition:all .3s}.mobile-menu{z-index:200;background:#0a293d;flex-direction:column;gap:1rem;padding:5rem 2rem 2rem;animation:.3s slideIn;display:none;position:fixed;inset:0}.mobile-menu.open{display:flex}.mobile-menu a{color:#bfd5e3;border-bottom:1px solid #174563;padding:.8rem 0;font-size:1.2rem;font-weight:600;text-decoration:none}.mobile-menu a:hover{color:var(--gold-light)}.mobile-close{cursor:pointer;color:#94b9d1;background:0 0;border:none;font-size:1.8rem;position:absolute;top:1.2rem;right:1.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#hero{background:var(--navy);align-items:center;min-height:100svh;padding:7rem 0 4rem;display:flex;position:relative;overflow:hidden}#hero:before{content:"";background:radial-gradient(80% 60% at 70% 30%,#22649199 0%,#0000 70%),radial-gradient(50% 40% at 20% 80%,#ffc91a1f 0%,#0000 60%);position:absolute;inset:0}.hero-grid{opacity:.06;background-image:linear-gradient(var(--gold) 1px, transparent 1px), linear-gradient(90deg, var(--gold) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0}.hero-blob{aspect-ratio:1;background:radial-gradient(circle,#2773a580 0%,#0000 70%);border-radius:40% 60% 70% 30%/40% 50% 60%;width:min(52vw,600px);animation:8s ease-in-out infinite morph;position:absolute;top:10%;right:-8%}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60%}50%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.hero-content{z-index:2;max-width:700px;position:relative}.hero-badge{color:var(--gold-light);letter-spacing:.04em;background:#ffc91a26;border:1px solid #ffc91a4d;border-radius:99px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-badge:before{content:"✦";color:var(--gold)}.hero-title{color:#fff;margin-bottom:1.3rem}.hero-title em{color:var(--gold);font-family:DM Serif Display,serif;font-style:normal}.hero-sub{color:#acd2ec;max-width:560px;margin-bottom:2.5rem;font-size:1.05rem;font-weight:400}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero-scroll-hint{color:#5aa6d8;letter-spacing:.1em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.4rem;font-size:.72rem;font-weight:500;animation:2s ease-in-out infinite bounce;display:flex;position:absolute;bottom:.8rem;left:50%;transform:translate(-50%)}.hero-scroll-hint svg{opacity:.6}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}section{padding:6rem 0}.section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.section-header h2{color:var(--navy);margin-bottom:.75rem}.section-header p{color:var(--gray-500)}#videos-intro{background:#fff;padding-bottom:0}.videos-scroll-wrap{position:relative}.videos-track{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.video-card{flex-direction:column;gap:.85rem;display:flex}.video-thumb{aspect-ratio:16/9;background:var(--navy);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-md);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.video-thumb:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 24px 56px #00000038}.vt-bg{background:linear-gradient(160deg, var(--navy-dark) 0%, var(--navy-mid) 100%);position:absolute;inset:0}.vt-bg img{object-fit:cover;object-position:top;opacity:.5;width:100%;height:100%}.vt-bg:after{content:"";background:radial-gradient(at 50% 30%,#ffc91a26 0%,#0000 65%);position:absolute;inset:0}.vt-play{background:var(--gold);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #ffc91a38}.video-thumb:hover .vt-play{transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 14px #ffc91a47}.vt-play svg{margin-left:3px}.vt-duration{color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:6px;padding:.2rem .55rem;font-size:.65rem;font-weight:600;position:absolute;bottom:.75rem;right:.75rem}.video-card-info{padding:0 .2rem}.video-card-name{color:var(--navy);margin-bottom:.1rem;font-size:.9rem;font-weight:700}.video-card-subject{color:var(--gray-500);font-size:.75rem}#professores{background:var(--cream);padding-top:5rem}.team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.team-card{border-radius:var(--radius-xl);border:1.5px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;align-items:flex-start;gap:1.25rem;padding:2rem;transition:transform .3s,box-shadow .3s;display:flex}.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.team-avatar{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #153f5b40}.team-avatar:after{content:"";background:radial-gradient(circle at 30% 30%,#ffffff26,#0000 60%);position:absolute;inset:0}.team-avatar img{object-fit:cover;width:100%;height:100%}.team-body{flex:1;min-width:0}.team-name{color:var(--navy);margin-bottom:.2rem;font-size:1rem;font-weight:700}.team-subjects{flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem;display:flex}.team-subject{letter-spacing:.06em;text-transform:uppercase;color:var(--navy);background:#ffc91a26;border:1px solid #ffc91a4d;border-radius:99px;padding:.18rem .65rem;font-size:.65rem;font-weight:700}.team-bio{color:var(--gray-500);font-size:.815rem;line-height:1.65}.team-role-tag{color:var(--navy);background:#5b151512;border-radius:99px;align-items:center;gap:.35rem;margin-top:.7rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-flex}.team-role-tag:before{content:"★";color:var(--gold-dark);font-size:.65rem}@media (width<=960px){.videos-track{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.videos-track{grid-template-columns:repeat(2,1fr)}.team-card{flex-direction:column}}#planos{background:linear-gradient(180deg, var(--cream) 0%, white 60%, var(--cream) 100%)}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.5rem;display:grid}.plan-card{border-radius:var(--radius-xl);border:1.5px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;padding:2rem 1.75rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.plan-card.popular{border-color:var(--gold);z-index:2;transform:scale(1.05);box-shadow:0 8px 48px #153f5b24}.plan-card.popular:hover{transform:scale(1.05)translateY(-4px)}.popular-badge{background:var(--gold);color:var(--navy-dark);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:0 0 10px 10px;padding:.35rem 1.2rem;font-size:.7rem;font-weight:800;position:absolute;top:0;left:50%;transform:translate(-50%)}.plan-card.popular{padding-top:2.8rem}.plan-icon{background:#153f5b12;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.4rem;display:flex}.plan-card.popular .plan-icon{background:#ffc91a26}.plan-name{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:.25rem;font-size:.72rem;font-weight:700}.plan-title{color:var(--navy);margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.plan-desc{color:var(--gray-500);margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}.plan-price-wrap{margin-bottom:1.5rem}.plan-price-from{color:var(--gray-500);font-size:.75rem}.plan-price{color:var(--navy);align-items:baseline;gap:.2rem;font-size:2.4rem;font-weight:800;line-height:1;display:flex}.plan-price sup{margin-top:.4rem;font-size:1rem;font-weight:700}.plan-price .cents{font-size:1.1rem;font-weight:700}.plan-duration{color:var(--gray-500);margin-top:.2rem;font-size:.8rem}.plan-divider{border:none;border-top:1px solid var(--gray-200);margin:1.25rem 0}.plan-features{flex-direction:column;gap:.7rem;margin-bottom:1.75rem;list-style:none;display:flex}.plan-features li{color:var(--gray-700);align-items:flex-start;gap:.65rem;font-size:.875rem;display:flex}.check-icon{background:#ebfaeb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:.05rem;display:flex}.plan-card.popular .check-icon{background:#ffc91a2e}.plan-btn{width:100%}#por-que{background:var(--navy)}#por-que .section-header h2{color:#fff}#por-que .section-header p{color:#83bce2}.why-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.why-card{border-radius:var(--radius-lg);background:#1b507480;border:1px solid #2773a559;padding:2rem 1.75rem;transition:transform .3s,background .3s}.why-card:hover{background:#1b5074cc;transform:translateY(-4px)}.why-icon{background:#ffc91a26;border:1px solid #ffc91a40;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:1.2rem;font-size:2rem;display:flex}.why-card h3{color:#fff;margin-bottom:.6rem;font-size:1rem}.why-card p{color:#8bc0e4;font-size:.875rem}.numbers-strip{background:var(--gold);padding:3rem 0}.numbers-inner{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.number-item{text-align:center}.number-val{color:var(--navy-dark);font-size:2.4rem;font-weight:800;line-height:1}.number-lbl{color:#153f5bb3;margin-top:.2rem;font-size:.8rem;font-weight:600}#cta-final{background:linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 60%, #1b5074 100%);text-align:center;padding:7rem 0;position:relative;overflow:hidden}#cta-final:before{content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.cta-inner{z-index:1;max-width:680px;margin:0 auto;position:relative}.cta-eyebrow{color:var(--gold-light);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem;font-size:.78rem;font-weight:700}.cta-title{color:#fff;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.cta-sub{color:#98c7e7;margin-bottom:2.5rem}footer{color:#6a93af;background:#080f18;position:relative;overflow:hidden}footer:before{content:"";background:linear-gradient(90deg,#0000,#ffc91a80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.footer-top{grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:3rem;padding:4rem 0 3rem;display:grid}.footer-logo{align-items:center;gap:.65rem;margin-bottom:1.1rem;display:flex}.footer-logo img{height:2.1rem}.footer-logo-name span{color:var(--gold-light)}.footer-tagline{color:#7591a3;max-width:240px;margin-bottom:1.6rem;font-size:.835rem;line-height:1.65}.footer-social{gap:.6rem;display:flex}.footer-social a{color:#7a9fb8;background:#152732;border:1px solid #223d4f;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.footer-social a:hover{background:var(--gold);border-color:var(--gold);color:var(--navy-dark);transform:translateY(-2px)}.footer-col-title{letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:1.2rem;font-size:.7rem;font-weight:700}.footer-links{flex-direction:column;gap:.55rem;list-style:none;display:flex}.footer-links a{color:#7591a3;align-items:center;gap:.4rem;font-size:.84rem;text-decoration:none;transition:color .3s;display:inline-flex}.footer-links a:hover{color:var(--gold-light)}.footer-links a:before{content:"";opacity:.5;background:currentColor;border-radius:50%;flex-shrink:0;width:4px;height:4px}.footer-contact-item{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.footer-contact-icon{background:#152732;border:1px solid #223d4f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.footer-contact-label{color:#5c778a;margin-bottom:.15rem;font-size:.7rem}.footer-contact-val{color:#94a9b8;font-size:.83rem;text-decoration:none;transition:color .3s}.footer-contact-val:hover{color:var(--gold-light)}.footer-bottom{border-top:1px solid #12212b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:1.4rem 0;display:flex}.footer-copy{color:#566f81;font-size:.78rem}.footer-badges{flex-wrap:wrap;gap:.5rem;display:flex}.footer-badge{letter-spacing:.06em;text-transform:uppercase;color:#668599;background:#0f1c24;border:1px solid #1c3240;border-radius:99px;padding:.25rem .75rem;font-size:.68rem;font-weight:600}@media (width<=960px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:1/-1}}@media (width<=540px){.footer-top{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (width<=900px){.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.plan-card.popular{transform:none}.plan-card.popular:hover{transform:translateY(-4px)}.nav-links,.nav-actions{display:none}.hamburger{display:flex}}@media (width<=640px){section{padding:4rem 0}.hero-stats{gap:1.5rem}.footer-inner{text-align:center;flex-direction:column}}.vmodal-backdrop{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#040c16e0;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.vmodal-backdrop.open{opacity:1;pointer-events:all}.vmodal{border-radius:var(--radius-xl);opacity:0;background:#0f2533;border:1px solid #1d567c80;width:100%;max-width:720px;transition:transform .35s cubic-bezier(.34,1.3,.64,1),opacity .3s;overflow:hidden;transform:scale(.92)translateY(16px);box-shadow:0 32px 80px #0009}.vmodal-backdrop.open .vmodal{opacity:1;transform:scale(1)translateY(0)}.vmodal-player{aspect-ratio:16/9;background:#000;position:relative}.vmodal-player iframe{border:none;width:100%;height:100%;display:block}.vmodal-placeholder{background:linear-gradient(160deg,#0a1d29 0%,#133953 100%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.vmodal-placeholder-icon{font-size:4rem}.vmodal-placeholder-text{color:#70a1c2;font-size:.85rem;font-weight:500}.vmodal-close{z-index:10;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .3s;display:flex;position:absolute;top:.9rem;right:.9rem}.vmodal-close:hover{background:#ffffff26;transform:rotate(90deg)}.vmodal-info{align-items:flex-start;gap:1rem;padding:1.5rem 1.75rem 1.75rem;display:flex}.vmodal-avatar{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);border:1px solid #2773a559;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.vmodal-body{flex:1}.vmodal-name{color:#fff;margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.vmodal-subjects{flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem;display:flex}.vmodal-subject{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-light);background:#ffc91a26;border:1px solid #ffc91a4d;border-radius:99px;padding:.18rem .65rem;font-size:.65rem;font-weight:700}.vmodal-bio{color:#81a4bb;font-size:.82rem;line-height:1.65}.vmodal-meta{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.vmodal-duration{color:#5987a6;background:#11344a;border-radius:99px;padding:.2rem .65rem;font-size:.75rem;font-weight:600}@media (width<=540px){.vmodal-info{flex-direction:column}.vmodal-avatar{width:48px;height:48px;font-size:1.4rem}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.login-page-wrap{background:var(--cream);justify-content:center;align-items:center;min-height:80vh;padding:8rem 1.5rem 4rem;display:flex}.login-card{border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-md);border:1.5px solid var(--gray-200);background:#fff;padding:2.5rem}.login-header{margin-bottom:2.2rem}.login-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:flex}.login-eyebrow:before{content:"";background:var(--gold);width:20px;height:2px;display:inline-block}.login-title{color:var(--navy);margin-bottom:.45rem;font-size:1.75rem;font-weight:800;line-height:1.2}.login-sub{color:var(--gray-500);font-size:.875rem;line-height:1.6}.login-form{flex-direction:column;gap:1.1rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--gray-700);font-size:.8rem;font-weight:600}.input-wrap{position:relative}.input-icon{color:var(--gray-400);pointer-events:none;display:flex;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.field input{width:100%;color:var(--navy);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:#f9fafb;outline:none;padding:.78rem 1rem .78rem 2.6rem;font-family:Poppins,sans-serif;font-size:.875rem;transition:border-color .25s,box-shadow .25s}.field input::placeholder{color:var(--gray-500)}.field input:focus{border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px #153f5b1a}.pass-toggle{cursor:pointer;color:var(--gray-400);background:0 0;border:none;transition:color .25s;display:flex;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.pass-toggle:hover{color:var(--navy)}.form-row{justify-content:space-between;align-items:center;display:flex}.remember{cursor:pointer;align-items:center;gap:.5rem;display:flex}.remember input[type=checkbox]{display:none}.checkbox-box{border:1.5px solid var(--gray-200);background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;transition:all .25s;display:flex}.remember input[type=checkbox]:checked+.checkbox-box{background:var(--navy);border-color:var(--navy)}.remember input[type=checkbox]:checked+.checkbox-box:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;display:block;transform:rotate(-45deg)translateY(-1px)}.remember-lbl{color:var(--gray-500);font-size:.8rem}.forgot-link{color:var(--navy);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .25s}.forgot-link:hover{color:var(--gold-dark)}.btn-submit{background:var(--navy);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.2rem;padding:.9rem;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.btn-submit:hover:not(:disabled){background:var(--navy-dark);transform:translateY(-2px);box-shadow:0 8px 24px #153f5b47}.btn-submit:disabled{opacity:.8;cursor:not-allowed}.divider{align-items:center;gap:.75rem;margin:.4rem 0;display:flex}.divider:before,.divider:after{content:"";background:var(--gray-200);flex:1;height:1px}.divider-text{color:var(--gray-400);white-space:nowrap;font-size:.72rem;font-weight:500}.no-account{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.no-account-text{color:var(--gray-500);font-size:.82rem;line-height:1.5}.no-account-text strong{color:var(--gray-700);margin-bottom:.1rem;display:block}.btn-wa{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#25d366;border:none;flex-shrink:0;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #25d3664d}.btn-wa:hover{background:#1ebe5a;transform:translateY(-2px);box-shadow:0 8px 22px #25d36666}@media (width<=600px){.login-card{box-shadow:none;background:0 0;border:none;padding:2rem 1.5rem}.login-page-wrap{background:#fff;min-height:100vh;padding-top:6rem}.no-account{flex-direction:column;align-items:flex-start}}.rmodal-backdrop{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#040c16bf;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.rmodal-backdrop.open{opacity:1;pointer-events:all}.rmodal-box{border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);opacity:0;background:#fff;padding:2.25rem 2rem;transition:transform .35s cubic-bezier(.34,1.3,.64,1),opacity .3s;position:relative;transform:scale(.93)translateY(12px)}.rmodal-backdrop.open .rmodal-box{opacity:1;transform:scale(1)translateY(0)}.rmodal-close-btn{cursor:pointer;width:32px;height:32px;color:var(--gray-500);background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;top:1.1rem;right:1.1rem}.rmodal-close-btn:hover{background:var(--gray-200);color:var(--navy);transform:rotate(90deg)}.rmodal-icon{background:#153f5b14;border:1px solid #153f5b26;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.rmodal-title{color:var(--navy);margin-bottom:.4rem;font-size:1.3rem;font-weight:800}.rmodal-sub{color:var(--gray-500);margin-bottom:1.75rem;font-size:.845rem;line-height:1.65}.rmodal-submit{background:var(--gold);width:100%;color:var(--navy-dark);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.88rem;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 6px 20px #ffc91a4d}.rmodal-submit:hover:not(:disabled){background:var(--gold-dark);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.rmodal-submit:disabled{opacity:.8;cursor:not-allowed}.rmodal-success{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.rmodal-success-icon{background:#ebfaeb;border:2px solid #b3e6b3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.6rem;display:flex}.cointainerLoading{background-color:var(--navy);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.cointainerLoading .box{color:var(--white);flex-direction:column;justify-content:center;align-items:center;animation:1.5s ease-in-out infinite pulse;display:flex}.cointainerLoading .box img{width:8rem;height:8rem}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.screen{flex-direction:column;min-height:100vh;display:none}.screen.active{display:flex}.app-header{border-bottom:1px solid hsl(204,62%,12%/.6);z-index:50;background:#0c324b;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 2rem;display:flex;position:sticky;top:0}.header-logo{flex-shrink:0;align-items:center;gap:.6rem;text-decoration:none;display:flex}.header-logo img{height:2.1rem}.header-sep{background:#1f5c84;flex-shrink:0;width:1px;height:24px}.header-welcome{flex-direction:column;display:flex}.header-welcome-label{letter-spacing:.1em;text-transform:uppercase;color:#699cbf;font-size:.62rem;font-weight:600}.header-welcome-name{color:#fff;font-size:.86rem;font-weight:700}.header-right{align-items:center;gap:.75rem;display:flex}.header-avatar{color:#fff;background:#1d567c;border:2px solid #2773a5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;display:flex}.btn-logout,.btn-back{color:#b0cbdd;border-radius:var(--radius-sm);cursor:pointer;background:#153f5b80;border:1px solid #1f5c84;align-items:center;gap:.45rem;padding:.42rem 1rem;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-logout:hover{color:#fff;background:#c32222cc;border-color:#c32222}.btn-back:hover{color:#fff;background:#1d567c99;border-color:#2c81ba}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:2.5rem 2rem}.student-section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:.4rem;font-size:.7rem;font-weight:700}.student-section-title{color:var(--navy);margin-bottom:.4rem;font-size:1.55rem;font-weight:800;line-height:1.2}.student-section-sub{color:var(--gray-500);margin-bottom:2rem;font-size:.88rem}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.course-card{border-radius:var(--radius-xl);border:1.5px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;transition:transform .28s,box-shadow .28s;display:flex;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.course-card-banner{background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy-mid) 100%);height:110px;position:relative;overflow:visible}.course-card-banner:before{content:"";z-index:1;background:radial-gradient(at 80%,#ffc91a2e 0%,#0000 65%);position:absolute;inset:0}.course-card-banner-grid{opacity:.07;z-index:2;background-image:linear-gradient(#ffc91a 1px,#0000 1px),linear-gradient(90deg,#ffc91a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.course-card-banner-icon{background:var(--gold);z-index:3;border:3px solid #fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;display:flex;position:absolute;bottom:-14px;left:1.5rem;box-shadow:0 4px 16px #ffc91a66}.course-card-body{z-index:50;padding:2rem 1.5rem 1.5rem}.course-card-title{color:var(--navy);margin-bottom:.35rem;font-size:1rem;font-weight:700}.course-card-desc{color:var(--gray-500);margin-bottom:1.1rem;font-size:.82rem;line-height:1.6}.course-meta-row{background:var(--gray-50);border-radius:var(--radius-md);flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.75rem;display:flex}.course-meta-item{color:var(--navy);align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}.course-meta-icon{font-size:.95rem}.course-disc-label{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);margin-bottom:.45rem;font-size:.68rem;font-weight:700}.course-disc-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem;display:flex}.disc-tag{color:var(--navy);background:#153f5b12;border:1px solid #153f5b26;border-radius:99px;padding:.2rem .65rem;font-size:.68rem;font-weight:600}.course-view-header{background:#0c324b;padding:2rem;position:relative;overflow:hidden}.course-view-header:before{content:"";background:radial-gradient(at 70%,#22649199 0%,#0000 65%);position:absolute;inset:0}.cvh-grid{opacity:.05;background-image:linear-gradient(#ffc91a 1px,#0000 1px),linear-gradient(90deg,#ffc91a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.cvh-inner{z-index:1;max-width:1180px;margin:0 auto;position:relative}.cvh-tag{color:#ffde70;letter-spacing:.07em;text-transform:uppercase;background:#ffc91a26;border:1px solid #ffc91a4d;border-radius:99px;align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.28rem .85rem;font-size:.7rem;font-weight:700;display:inline-flex}.cvh-title{color:#fff;margin-bottom:.4rem;font-size:clamp(1.3rem,3vw,2rem);font-weight:800}.cvh-desc{color:#9bbdd4;max-width:620px;font-size:.86rem;line-height:1.6}.disciplines-wrap{max-width:1180px;margin:0 auto;padding:2rem}.disc-block{border-radius:var(--radius-lg);border:1.5px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:1rem;overflow:hidden}.disc-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:1.1rem 1.5rem;transition:background .2s;display:flex}.disc-header:hover{background:var(--gray-50)}.disc-chevron{color:var(--gray-400);flex-shrink:0;transition:transform .28s}.disc-chevron.open{transform:rotate(90deg)}.disc-icon{background:#153f5b14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.disc-name{color:var(--navy);flex:1;font-size:.92rem;font-weight:700}.disc-count{color:var(--gray-400);font-size:.72rem;font-weight:500}.lessons-list{border-top:1px solid var(--gray-200);display:none}.lessons-list.open{display:block}.lesson-row{border-bottom:1px solid var(--gray-100);cursor:pointer;align-items:center;gap:1rem;padding:.9rem 1.5rem;transition:background .2s;display:flex}.lesson-row:last-child{border-bottom:none}.lesson-row:hover{background:#153f5b08}.lesson-num{width:28px;height:28px;color:var(--navy);background:#153f5b14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}.lesson-info{flex:1}.lesson-title{color:var(--navy);font-size:.86rem;font-weight:600}.lesson-desc{color:var(--gray-400);margin-top:.1rem;font-size:.75rem}.lesson-badges{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.35rem;display:flex}.lbadge{letter-spacing:.04em;border-radius:99px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.65rem;font-weight:700;display:inline-flex}.lbadge-video{color:var(--navy);background:#153f5b1a;border:1px solid #153f5b33}.lbadge-video.on{color:var(--gold-dark);background:#ffc91a26;border-color:#ffc91a59}.lbadge-doc{color:var(--navy);background:#153f5b1a;border:1px solid #153f5b33}.lbadge-doc.on{color:var(--green);background:#edfcf3;border-color:#99e6b5}.lesson-row-arrow{color:var(--gray-400);flex-shrink:0;transition:transform .2s}.lesson-row:hover .lesson-row-arrow{color:var(--navy);transform:translate(3px)}#screen-lesson .main{padding:0}.player-layout{grid-template-columns:1fr 340px;align-items:start;gap:0;max-width:100%;display:grid}.player-col{padding:2rem}.player-video-wrap{border-radius:var(--radius-lg);aspect-ratio:16/9;box-shadow:var(--shadow-lg);background:#000;margin-bottom:1.5rem;position:relative;overflow:hidden}.player-bg{background:linear-gradient(160deg,#071d2c 0%,#133953 100%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.player-center-play{background:var(--gold);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:all .25s;display:flex;box-shadow:0 0 0 16px #ffc91a33}.player-center-play:hover{transform:scale(1.1);box-shadow:0 0 0 20px #ffc91a40}.player-center-play svg{margin-left:4px}.player-controls-bar{background:linear-gradient(#0000,#000c);padding:1.5rem 1rem .75rem;position:absolute;bottom:0;left:0;right:0}.player-progress{cursor:pointer;background:#ffffff40;border-radius:99px;width:100%;height:4px;margin-bottom:.65rem;position:relative;overflow:hidden}.player-progress-fill{background:var(--gold);border-radius:99px;width:35%;height:100%;transition:width .1s}.player-ctrl-row{align-items:center;gap:.65rem;display:flex}.ctrl-btn{color:#fffc;cursor:pointer;background:0 0;border:none;align-items:center;padding:.3rem;transition:color .2s;display:flex}.ctrl-btn:hover{color:#fff}.ctrl-time{color:#ffffffb3;margin-left:.25rem;font-size:.72rem;font-weight:600}.ctrl-spacer{flex:1}.ctrl-vol{align-items:center;gap:.4rem;display:flex}.vol-bar{cursor:pointer;background:#ffffff40;border-radius:99px;width:70px;height:3px;position:relative}.vol-fill{background:var(--gold);border-radius:99px;width:75%;height:100%}.ctrl-fullscreen{margin-left:.25rem}.player-title{color:var(--navy);margin-bottom:.5rem;font-size:1.2rem;font-weight:800}.player-desc{color:var(--gray-500);font-size:.86rem;line-height:1.7}.player-sidebar{border-left:1px solid var(--gray-200);background:#fff;flex-direction:column;gap:1.5rem;min-height:calc(100vh - 65px);padding:2rem 1.5rem;display:flex}.sidebar-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--gray-400);align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.72rem;font-weight:700;display:flex}.sidebar-section-title:after{content:"";background:var(--gray-200);flex:1;height:1px}.materials-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.material-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.75rem;padding:.65rem .9rem;text-decoration:none;transition:all .25s;display:flex}.material-item:hover{background:var(--navy-light);border-color:#153f5b40;transform:translate(3px)}.material-icon{background:#153f5b14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;display:flex}.material-name{color:var(--navy);flex:1;font-size:.8rem;font-weight:600}.material-size{color:var(--gray-400);font-size:.68rem}.material-dl{color:var(--gray-400);flex-shrink:0;transition:color .2s}.material-item:hover .material-dl{color:var(--navy)}.no-material{color:var(--gray-400);text-align:center;background:var(--gray-50);border-radius:var(--radius-md);padding:.75rem;font-size:.82rem}.study-tip{border-radius:var(--radius-lg);background:linear-gradient(135deg,#153f5b0f 0%,#ffc91a0f 100%);border:1px solid #153f5b26;padding:1.1rem 1.25rem}.tip-header{align-items:center;gap:.55rem;margin-bottom:.55rem;display:flex}.tip-icon{font-size:1.1rem}.tip-label{color:var(--navy);font-size:.75rem;font-weight:700}.tip-text{color:var(--gray-600,#4b5563);font-size:.79rem;line-height:1.65}.toast{z-index:999;background:var(--navy-dark);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.82rem;font-weight:600;transition:all .35s cubic-bezier(.34,1.3,.64,1);display:flex;position:fixed;bottom:1.75rem;right:1.75rem;transform:translateY(80px)}.toast.show{opacity:1;transform:translateY(0)}.toast-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:7px;height:7px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:99px}@media (width<=860px){.player-layout{grid-template-columns:1fr}.player-sidebar{border-left:none;border-top:1px solid var(--gray-200);min-height:auto}.app-header{padding:.75rem 1rem}.main,.disciplines-wrap,.cvh-inner{padding-left:1rem;padding-right:1rem}}@media (width<=540px){.courses-grid{grid-template-columns:1fr}.course-view-header{padding:1.5rem 1rem}}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#040c16c7;justify-content:center;align-items:center;padding:1.25rem;transition:opacity .28s;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:all}.modal{border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-xl);opacity:0;background:#fff;transition:transform .32s cubic-bezier(.34,1.3,.64,1),opacity .28s;position:relative;overflow-y:auto;transform:scale(.94)translateY(14px)}.modal.modal-lg{max-width:580px}.modal-backdrop.open .modal{opacity:1;transform:scale(1)translateY(0)}.modal-header{border-bottom:1px solid var(--gray-200);z-index:2;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:#fff;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.75rem 1.1rem;display:flex;position:sticky;top:0}.modal-title{color:var(--navy);font-size:1.05rem;font-weight:800}.modal-sub{color:var(--gray-500);margin-top:.2rem;font-size:.78rem}.modal-close{background:var(--gray-100);cursor:pointer;width:30px;height:30px;color:var(--gray-500);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;transition:all .22s;display:flex}.modal-close:hover{background:var(--gray-200);color:var(--navy);transform:rotate(90deg)}.modal-body{padding:1.5rem 1.75rem}.modal-footer{border-top:1px solid var(--gray-200);border-radius:0 0 var(--radius-xl) var(--radius-xl);background:#fff;justify-content:flex-end;align-items:center;gap:.65rem;padding:1rem 1.75rem 1.5rem;display:flex;position:sticky;bottom:0}