:root{--bg:#f7f6f2;--navy:#0b1a38;--navy-light:#132846;--teal:#007a69;--teal-bright:#00907d;--teal-glow:#00b8a0;--white:#fff;--card-bg:#fefefd;--border:#e2dfd6;--text:#1a1a1a;--text-mid:#4a4a4a;--text-light:#6b6b6b;--green-dot:#00a88f;--skeleton-base:#e8e5de;--skeleton-shine:#f3f1eb}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:radial-gradient(ellipse at 50% 0,#fafaf7 0,#f2f1ec 60%,#eae8e1 100%);color:var(--text);min-height:100dvh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(8px,1.5vw,16px) clamp(10px,2vw,24px);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sticky-counter{position:fixed;top:clamp(10px,2vw,18px);right:clamp(10px,2vw,24px);z-index:100;background:var(--white);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:clamp(0.6rem,1.4vw,0.72rem);font-weight:700;color:var(--navy);white-space:nowrap;letter-spacing:-0.01em;display:flex;align-items:center;gap:6px;box-shadow:0 1px 6px rgba(0,0,0,0.05)}.sticky-counter .dot{width:7px;height:7px;border-radius:50%;background:var(--green-dot);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(0,168,143,0.55)}50%{box-shadow:0 0 0 8px rgba(0,168,143,0)}}.main-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:860px;gap:clamp(8px,1.8vh,18px);padding:clamp(4px,1vh,12px) 0}.logo-row{display:flex;align-items:center;gap:8px}.logo-row img{width:clamp(36px,6vw,52px);height:auto;object-fit:contain}.logo-row .brand-name{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;color:var(--navy);letter-spacing:-0.02em}h1{font-size:clamp(1.25rem,5.5vw,2.3rem);font-weight:700;color:var(--navy);text-align:center;letter-spacing:-0.025em;line-height:1.15}.hero-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;max-width:600px}.hero-labels span{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:3px 10px;font-size:clamp(0.6rem,1.4vw,0.7rem);font-weight:700;color:var(--text-mid);white-space:nowrap;letter-spacing:-0.01em}.modules-row{display:flex;gap:clamp(6px,1.5vw,16px);width:100%;flex-wrap:nowrap}.card{flex:1 1 0;min-width:0;background:var(--card-bg);border:1px solid var(--border);border-radius:clamp(10px,1.6vw,16px);padding:clamp(10px,2vw,18px) clamp(8px,1.5vw,16px);display:flex;flex-direction:column;gap:clamp(6px,1vh,12px);box-shadow:0 2px 10px rgba(0,0,0,0.03);position:relative}.card-icon{width:clamp(22px,3vw,30px);height:clamp(22px,3vw,30px);flex-shrink:0}.card h3{font-size:clamp(0.68rem,1.5vw,0.85rem);font-weight:700;color:var(--navy);letter-spacing:-0.01em;line-height:1.2}.card .card-sub{font-size:clamp(0.58rem,1.2vw,0.7rem);color:var(--text-mid);line-height:1.35}.card .student-list{list-style:none;font-size:clamp(0.56rem,1.15vw,0.68rem);color:var(--text-mid);display:flex;flex-direction:column;gap:2px}.card .student-list li{display:flex;justify-content:space-between;border-bottom:1px dotted var(--border);padding-bottom:2px}.card .student-list li span:last-child{color:var(--text-light);font-size:.9em}.card-secure{position:relative;overflow:visible}.secure-badge{display:inline-flex;align-items:center;gap:5px;background:#eefaf7;border:1px solid #c8efe6;border-radius:16px;padding:4px 10px;font-size:clamp(0.55rem,1.1vw,0.65rem);font-weight:700;color:#006658;white-space:nowrap}.secure-badge .pulse-mini{width:6px;height:6px;border-radius:50%;background:var(--green-dot);animation:pulse-mini 2.4s ease-in-out infinite}@keyframes pulse-mini{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.9);opacity:.45}}.skeleton-wrapper{position:relative;min-height:clamp(28px,4vh,40px)}.skeleton-bars{display:flex;flex-direction:column;gap:6px;transition:opacity .4s ease}.skeleton-bars.hide{opacity:0;pointer-events:none}.sk-bar{height:clamp(8px,1.3vh,11px);border-radius:6px;background:var(--skeleton-base);animation:shimmer-bar 1.5s ease-in-out infinite;width:100%}.sk-bar:nth-child(2){width:72%}.sk-bar:nth-child(3){width:55%}@keyframes shimmer-bar{0%,100%{background:var(--skeleton-base)}50%{background:var(--skeleton-shine)}}.preview-real{opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease;position:absolute;top:0;left:0;width:100%;pointer-events:none;font-size:clamp(0.56rem,1.15vw,0.68rem);color:var(--text-mid);line-height:1.4}.preview-real.show{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}.cta-section{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,12px);width:100%}.cta-btn{display:block;width:100%;max-width:460px;padding:clamp(14px,2.5vh,20px) clamp(20px,4vw,32px);font-size:clamp(1rem,2.8vw,1.35rem);font-weight:700;font-family:inherit;letter-spacing:-0.01em;color:#fff;background:var(--navy);border:none;border-radius:clamp(12px,2vw,18px);cursor:pointer;text-decoration:none;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(11,26,56,0.25);transition:box-shadow .3s ease,transform .2s ease;outline:none;animation:micro-bounce 8s ease-in-out infinite;z-index:1}.cta-btn::after{content:'';position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(105deg,transparent 35%,rgba(0,184,160,0.25) 45%,rgba(0,184,160,0.45) 50%,rgba(0,184,160,0.25) 55%,transparent 65%);transform:skewX(-18deg);transition:left .6s ease;z-index:0;pointer-events:none}.cta-btn:hover::after,.cta-btn:focus-visible::after{left:125%}.cta-btn:hover{box-shadow:0 8px 32px rgba(11,26,56,0.35);transform:translateY(-2px)}.cta-btn:focus-visible{outline:3px solid var(--teal-bright);outline-offset:3px;box-shadow:0 8px 32px rgba(11,26,56,0.35);transform:translateY(-2px)}.cta-btn:active{transform:scale(0.97)}@keyframes micro-bounce{0%,96%,100%{transform:translateY(0)}97.5%{transform:translateY(-6px)}98.75%{transform:translateY(0)}}.cta-btn span{position:relative;z-index:1}.reassurance{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,2vw,18px);font-size:clamp(0.6rem,1.3vw,0.72rem);font-weight:700;color:var(--text-mid);letter-spacing:-0.01em}.reassurance .sep{color:var(--teal);font-weight:400}.ticker-wrap{width:100vw;max-width:100%;overflow:hidden;background:var(--navy);padding:6px 0;flex-shrink:0;position:relative}.ticker-track{display:flex;gap:40px;white-space:nowrap;animation:ticker-scroll 28s linear infinite;width:max-content}.ticker-track span{color:rgba(255,255,255,0.8);font-size:clamp(0.55rem,1.1vw,0.66rem);font-weight:400;letter-spacing:.01em}.ticker-track span em{font-style:normal;color:var(--teal-glow);font-weight:700}@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}footer{flex-shrink:0;text-align:center;font-size:clamp(0.55rem,1.1vw,0.64rem);color:var(--text-light);padding:4px 0 2px;letter-spacing:-0.01em}@media(max-width:480px){.modules-row{gap:5px}.card{padding:8px 6px;border-radius:10px;gap:4px}.card-icon{width:18px;height:18px}.card h3{font-size:.62rem}.card .card-sub{font-size:.54rem}.card .student-list{font-size:.5rem;gap:1px}.card .student-list li{flex-direction:column;gap:0;padding-bottom:1px}.secure-badge{font-size:.5rem;padding:3px 7px}.hero-labels span{font-size:.55rem;padding:2px 7px;border-radius:10px}.reassurance{font-size:.56rem;gap:5px}.main-wrap{gap:6px}}@media(max-height:680px){body{padding:4px 8px}.main-wrap{gap:3px}.modules-row{gap:4px}.card{padding:6px 5px;gap:2px;border-radius:8px}.card h3{font-size:.58rem}.card .card-sub{font-size:.5rem}.card .student-list{font-size:.48rem;gap:0}.hero-labels{gap:3px 4px}.hero-labels span{font-size:.5rem;padding:1px 6px}.cta-btn{padding:10px 16px;font-size:.9rem}.reassurance{font-size:.52rem}.ticker-wrap{padding:4px 0}}