:root{--navy:#071a3d;--navy-2:#0c2856;--blue:#0b5fff;--blue-2:#4c8dff;--blue-soft:#eaf2ff;--gold:#d4a72c;--gold-2:#f0c858;--gold-soft:#f7e8b2;--white:#fff;--surface:#fff;--surface-2:#f6f8fc;--surface-3:#eef2f8;--text:#101828;--muted:#667085;--border:#e5eaf2;--green:#16a36a;--green-soft:#e9f9f2;--orange:#f79009;--orange-soft:#fff4e5;--red:#d92d20;--red-soft:#fff0ef;--violet:#7a5af8;--violet-soft:#f1edff;--cyan:#06aed4;--shadow-sm:0 6px 24px rgba(7,26,61,.07);--shadow:0 18px 55px rgba(7,26,61,.12);--shadow-lg:0 30px 90px rgba(7,26,61,.22);--radius-sm:12px;--radius:20px;--radius-lg:30px;--container:1240px;--header-h:82px;--font:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
[data-theme="dark"]{--surface:#0c1730;--surface-2:#081225;--surface-3:#14213d;--text:#f5f7ff;--muted:#aab4cb;--border:#233457;--shadow-sm:0 6px 24px rgba(0,0,0,.2);--shadow:0 18px 55px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:var(--surface);line-height:1.6;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4{line-height:1.16;letter-spacing:-.025em;margin:0 0 .7em}h1{font-size:clamp(2.2rem,5vw,4.65rem)}h2{font-size:clamp(1.75rem,3.3vw,3.05rem)}h3{font-size:1.18rem}p{margin:.3em 0 1.1em;color:var(--muted)}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.section{padding:96px 0}.section-soft{background:var(--surface-2)}.section-dark{background:linear-gradient(135deg,var(--navy),#0a3472);color:#fff}.section-dark p,.section-dark .section-header p{color:#d5def0}.text-center{text-align:center}.section-header{max-width:720px;margin-bottom:40px}.section-header.text-center{margin-left:auto;margin-right:auto}.section-header h2{margin-top:10px}.section-header p{font-size:1.08rem}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;color:var(--blue)}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.eyebrow.light{color:var(--gold-2)}.section-action{text-align:center;margin-top:36px}.skip-link{position:fixed;top:-60px;left:20px;background:#fff;color:#000;padding:10px 14px;border-radius:8px;z-index:9999}.skip-link:focus{top:20px}.btn{min-height:46px;border:0;border-radius:12px;padding:11px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;transition:.22s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--blue);color:#fff}.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#15213b}.btn-soft{background:var(--blue-soft);color:var(--blue)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-glass{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(12px)}.btn-success{background:var(--green);color:#fff}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-whatsapp{background:#16a36a;color:#fff}.btn-sm{min-height:36px;padding:7px 12px;font-size:.84rem;border-radius:9px}.btn-block{width:100%}.card-lift{transition:transform .25s ease,box-shadow .25s ease}.card-lift:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:800}.badge-gold{background:var(--gold-soft);color:#795b00}.badge-blue{background:var(--blue-soft);color:var(--blue)}.status{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:800;background:var(--surface-3);color:var(--muted);white-space:nowrap}.status-publie,.status-paye,.status-active,.status-confirmee,.status-terminee{background:var(--green-soft);color:var(--green)}.status-brouillon,.status-en-attente,.status-programmee,.status-a-rendre,.status-en-cours,.status-partiellement-paye{background:var(--orange-soft);color:var(--orange)}.status-a-risque,.status-annulee,.status-cours-manque,.status-nouveau{background:var(--red-soft);color:var(--red)}.positive{color:var(--green);font-weight:700}.stars{color:var(--gold)}
/* Header */
.topbar{background:var(--navy);color:#dce6f9;font-size:.77rem}.topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.topbar a:hover{color:#fff}.topbar-links{display:flex;gap:25px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(7,26,61,.08)}[data-theme="dark"] .site-header{background:rgba(12,23,48,.94)}.nav-wrap{height:var(--header-h);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:55px;height:55px;object-fit:cover;border-radius:13px;box-shadow:0 6px 16px rgba(7,26,61,.13)}.brand span{display:flex;flex-direction:column}.brand strong{font-size:1.24rem;letter-spacing:.08em;color:var(--navy)}[data-theme="dark"] .brand strong{color:#fff}.brand small{font-size:.63rem;color:var(--muted);letter-spacing:.06em}.main-nav{display:flex;align-items:center;gap:22px}.main-nav>a,.nav-dropdown>button{font-size:.89rem;font-weight:700;background:none;border:0;color:#253754;padding:28px 0;position:relative}[data-theme="dark"] .main-nav>a,[data-theme="dark"] .nav-dropdown>button{color:#dbe5fa}.main-nav>a:not(.btn):after,.nav-dropdown>button:after{content:"";position:absolute;left:0;bottom:19px;width:0;height:2px;background:var(--gold);transition:.2s}.main-nav>a:hover:after,.main-nav>a.is-active:after,.nav-dropdown:hover>button:after{width:100%}.main-nav .btn{padding:10px 15px;min-height:42px}.nav-dropdown{position:relative}.nav-dropdown>button span{font-size:1rem}.mega-menu{position:absolute;top:74px;left:50%;transform:translate(-50%,12px);width:600px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:18px;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px;opacity:0;visibility:hidden;transition:.2s}.nav-dropdown:hover .mega-menu,.nav-dropdown:focus-within .mega-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega-menu a{padding:15px;border-radius:12px}.mega-menu a:hover{background:var(--surface-2)}.mega-menu b,.mega-menu small{display:block}.mega-menu small{color:var(--muted);margin-top:4px}.menu-toggle{display:none;border:0;background:var(--navy);color:#fff;width:42px;height:42px;border-radius:10px;font-size:1.2rem}
/* Hero */
.hero-slider{height:min(760px,calc(100vh - 70px));min-height:610px;position:relative;overflow:hidden;color:#fff}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity 1.2s ease,transform 7s linear}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,38,.86) 0%,rgba(4,23,55,.58) 49%,rgba(4,23,55,.15) 100%)}.hero-content{height:100%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:30px}.hero-content h1{max-width:820px;color:#fff;margin:.26em 0;font-size:clamp(2.6rem,5.6vw,5.2rem);text-wrap:balance}.hero-content p{max-width:680px;color:#e9eef9;font-size:clamp(1rem,1.8vw,1.25rem)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.slider-dots{position:absolute;z-index:4;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:9px}.slider-dots button{width:9px;height:9px;border-radius:99px;border:1px solid rgba(255,255,255,.8);background:transparent;padding:0;transition:.25s}.slider-dots button.is-active{width:32px;background:var(--gold);border-color:var(--gold)}.search-ribbon{position:relative;margin-top:-45px;z-index:5}.learning-search{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:18px;padding:13px;display:grid;grid-template-columns:auto 1fr 220px auto;align-items:center;gap:12px}.learning-search input,.learning-search select{border:0;background:transparent;min-height:48px;padding:0 10px;color:var(--text);outline:none}.learning-search select{border-left:1px solid var(--border)}.search-icon{font-size:1.7rem;color:var(--blue);padding-left:10px}
/* Public grids */
.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.level-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 22px}.level-card>span{width:53px;height:53px;border-radius:15px;background:var(--blue-soft);display:grid;place-items:center;font-size:1.4rem;margin-bottom:24px}.level-card h3{font-size:1.08rem}.level-card b{color:var(--blue);font-size:.84rem}.discipline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.discipline-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:grid;grid-template-columns:48px 1fr;align-items:center;column-gap:14px}.discipline-card:hover{border-color:var(--blue);box-shadow:var(--shadow-sm)}.discipline-card strong,.discipline-card small{display:block}.discipline-card small{color:var(--muted);font-size:.74rem}.discipline-icon{grid-row:span 2;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-weight:900}.icon-blue{background:var(--blue-soft);color:var(--blue)}.icon-gold{background:var(--gold-soft);color:#735800}.icon-cyan{background:#e4faff;color:var(--cyan)}.icon-violet{background:var(--violet-soft);color:var(--violet)}.icon-green{background:var(--green-soft);color:var(--green)}.icon-orange{background:var(--orange-soft);color:var(--orange)}.icon-navy{background:#e9edf5;color:var(--navy)}.icon-red{background:var(--red-soft);color:var(--red)}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.course-media{height:225px;display:block;position:relative;overflow:hidden}.course-media img{width:100%;height:100%;object-fit:cover;transition:.5s}.course-card:hover .course-media img{transform:scale(1.05)}.course-media .badge{position:absolute;top:14px;left:14px}.favorite{position:absolute;top:13px;right:13px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:1.25rem}.course-body{padding:21px}.course-meta,.course-info,.course-footer,.progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.course-meta{font-size:.75rem;color:var(--muted)}.course-meta .rating{color:var(--gold);font-weight:800}.course-body h3{font-size:1.13rem;margin:.65rem 0}.teacher-line{font-size:.84rem}.course-info{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:11px 0;font-size:.78rem;color:var(--muted)}.course-footer{padding-top:16px}.course-footer strong{color:var(--navy);font-size:1.15rem}[data-theme="dark"] .course-footer strong{color:#fff}.text-link{color:var(--blue);font-weight:800;font-size:.82rem}.split-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:78px;align-items:center}.feature-list{display:grid;gap:20px}.feature-item{display:grid;grid-template-columns:48px 1fr;gap:16px}.feature-item>span{font-weight:900;color:var(--gold);font-size:1.2rem}.feature-item h3{margin:0 0 5px}.feature-item p{margin:0}.feature-image-stack{position:relative}.feature-image-stack img{border-radius:28px;box-shadow:var(--shadow-lg);min-height:500px;object-fit:cover}.floating-stat{position:absolute;bottom:24px;left:-35px;background:#fff;color:var(--navy);padding:22px 27px;border-radius:18px;box-shadow:var(--shadow-lg)}.floating-stat strong,.floating-stat span{display:block}.floating-stat strong{font-size:2rem;color:var(--blue)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:steps}.step-card{padding:34px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative}.step-card>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900;margin-bottom:22px}.step-card:nth-child(2)>span{background:var(--blue)}.step-card:nth-child(3)>span{background:var(--gold);color:var(--navy)}.teacher-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.teacher-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.teacher-image{height:245px;position:relative;overflow:hidden}.teacher-image img{width:100%;height:100%;object-fit:cover}.online-dot{position:absolute;right:14px;bottom:14px;width:18px;height:18px;background:var(--green);border:3px solid #fff;border-radius:50%}.teacher-body{padding:20px}.teacher-body h3{margin-bottom:2px}.accent-text{color:var(--blue);font-weight:700;font-size:.86rem}.teacher-stats{display:flex;gap:18px;border-block:1px solid var(--border);padding:10px 0;font-size:.78rem;font-weight:700}.teacher-body p{font-size:.8rem}.modality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.modality-grid article{height:390px;background-size:cover;background-position:center;border-radius:var(--radius);overflow:hidden;position:relative}.modality-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,38,.92),rgba(3,15,38,.05))}.modality-grid article>div{position:absolute;z-index:2;left:26px;right:26px;bottom:24px;color:#fff}.modality-grid span{color:var(--gold-2);text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.12em}.modality-grid h3{font-size:1.45rem;margin:.3em 0}.modality-grid a{font-weight:800}.stats-band{background:var(--blue);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:48px 0}.stats-grid div{text-align:center;border-right:1px solid rgba(255,255,255,.23)}.stats-grid div:last-child{border:0}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{font-size:2.35rem}.stats-grid span{font-size:.8rem;opacity:.85}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial-card{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;position:relative}.quote-mark{font:700 4rem Georgia;color:var(--blue-soft);line-height:.7}.testimonial-card p{font-size:1rem}.testimonial-card footer{display:flex;align-items:center;gap:12px}.testimonial-card footer div{display:flex;flex-direction:column}.testimonial-card footer small{color:var(--muted)}.avatar-initial{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;font-weight:900;flex:0 0 auto}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.post-card>a{height:220px;display:block}.post-card img{width:100%;height:100%;object-fit:cover}.post-card>div{padding:22px}.post-card h3{margin:.7em 0}.post-card small{color:var(--muted)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.accordion{display:grid;gap:10px}.accordion details{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:0 19px}.accordion summary{list-style:none;cursor:pointer;font-weight:750;padding:18px 0;display:flex;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion details p{padding-bottom:17px;margin:0}.cta-section{background:linear-gradient(135deg,var(--navy),#0c4a9f);color:#fff;padding:70px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-inner h2{margin:.25em 0}.cta-inner p{color:#dce6f9;max-width:700px}.cta-inner>div:last-child{display:flex;gap:10px}.site-footer{background:#050e20;color:#d0d9ea;padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:50px}.footer-grid h3{color:#fff;font-size:1rem}.footer-grid>div>a:not(.btn){display:block;margin:10px 0;color:#b9c4d8;font-size:.85rem}.footer-grid p{color:#9fabbe;font-size:.85rem}.footer-brand strong{color:#fff}.socials{display:flex;gap:8px}.socials a{width:36px;height:36px;border-radius:9px;background:#11213c;display:grid;place-items:center;font-weight:800}.footer-bottom{border-top:1px solid #1a2941;margin-top:52px;padding:23px 0;display:flex;justify-content:space-between;color:#8090a9;font-size:.76rem}.floating-whatsapp{position:fixed;right:20px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#1fbf73;color:#fff;display:grid;place-items:center;font-size:1.7rem;box-shadow:0 14px 35px rgba(22,163,106,.38);z-index:50}
/* Internal public */
.light-split p{font-size:1.05rem}.rounded-media{border-radius:var(--radius-lg);min-height:490px;object-fit:cover}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.mini-stats div{background:var(--surface-2);border-radius:14px;padding:18px}.mini-stats strong,.mini-stats span{display:block}.mini-stats strong{color:var(--blue);font-size:1.55rem}.mini-stats span{font-size:.75rem;color:var(--muted)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-grid article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.value-grid article>span{width:48px;height:48px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:1.4rem;margin-bottom:20px}.method-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.method-layout>img{height:580px;width:100%;object-fit:cover;border-radius:var(--radius-lg)}.method-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}.method-list li{display:grid;grid-template-columns:46px 1fr;gap:15px}.method-list li>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:var(--gold-2);font-weight:900}.method-list h3{margin:0}.method-list p{margin:4px 0}.team-banner{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:510px}.team-banner img{width:100%;height:510px;object-fit:cover}.team-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,rgba(3,15,38,.9) 90%)}.team-banner>div{position:absolute;right:6%;top:50%;transform:translateY(-50%);z-index:2;color:#fff;max-width:420px}.team-banner p{color:#e3eaf7}.section-catalog{padding-top:70px}.catalog-layout{display:grid;grid-template-columns:280px 1fr;gap:34px}.filter-panel{position:sticky;top:120px;align-self:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.filter-head{display:flex;justify-content:space-between;align-items:center}.filter-head h2{font-size:1.2rem;margin:0}.filter-head a{font-size:.75rem;color:var(--blue)}label{display:grid;gap:7px;font-size:.8rem;font-weight:700;color:var(--text);margin-bottom:16px}input,select,textarea{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:11px 12px;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,95,255,.12)}input[type=range]{padding:0;box-shadow:none}output{font-size:.75rem;color:var(--blue)}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.catalog-toolbar select{width:auto}.catalog-grid{grid-template-columns:repeat(2,1fr)}.empty-state{min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.empty-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:2rem;margin-bottom:18px}.course-detail-strip{background:var(--surface);box-shadow:var(--shadow-sm)}.course-detail-strip .container{display:grid;grid-template-columns:repeat(5,1fr);padding:23px 0}.course-detail-strip div{padding:0 18px;border-right:1px solid var(--border)}.course-detail-strip div:last-child{border:0}.course-detail-strip small,.course-detail-strip strong{display:block}.course-detail-strip small{font-size:.7rem;color:var(--muted)}.course-detail-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}.content-card,.enroll-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px;margin-bottom:22px}.content-card h2{font-size:1.6rem}.content-card h3{margin-top:30px}.check-list{padding:0;list-style:none}.check-list li{position:relative;padding-left:30px;margin:10px 0}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:.7rem;font-weight:900}.curriculum details{background:var(--surface-2)}.lesson-list{border-top:1px solid var(--border);padding:8px 0 14px}.lesson-list div{padding:10px;display:flex;justify-content:space-between}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.resource-grid span{padding:14px;background:var(--surface-2);border-radius:11px}.enroll-card{position:sticky;top:120px;box-shadow:var(--shadow)}.price-line small,.price-line strong{display:block}.price-line strong{font-size:2rem;color:var(--navy);margin-bottom:18px}[data-theme="dark"] .price-line strong{color:#fff}.enroll-card .btn{margin:6px 0}.enroll-card ul{list-style:none;padding:0;font-size:.84rem}.enroll-card li{margin:9px 0}.trust-note{text-align:center;background:var(--surface-2);padding:10px;border-radius:10px;font-size:.75rem}.inline-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:34px}.inline-filter input,.inline-filter select{margin:0}.teacher-grid-large{margin-top:20px}.category-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.category-chips button,.tabs button,.date-filters button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 15px;font-weight:700}.category-chips button.is-active,.tabs button.is-active,.date-filters button.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}.post-grid-large .post-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr .9fr}.post-grid-large .post-card:first-child>a{height:100%}.article-hero{height:580px;position:relative;background-size:cover;background-position:center;color:#fff}.article-hero .container{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:70px}.article-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);max-width:900px}.article-hero p{color:#fff}.article-body{width:min(800px,calc(100% - 40px));margin:auto;font-size:1.08rem}.article-body .lead{font-size:1.35rem;color:var(--text)}.article-body h2{font-size:1.75rem;margin-top:2.1em}.article-body blockquote{border-left:4px solid var(--gold);padding:18px 24px;background:var(--surface-2);font-size:1.25rem;font-weight:700;margin:28px 0}.article-share{border-top:1px solid var(--border);margin-top:40px;padding-top:20px;display:flex;align-items:center;gap:10px}.article-share span{margin-right:auto}.article-share button{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface)}.testimonial-grid-large{grid-template-columns:repeat(3,1fr)}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-cards>a,.contact-cards>div{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:16px}.contact-cards>*>span{width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.contact-cards small,.contact-cards strong{display:block}.contact-cards small{color:var(--muted);font-size:.7rem}.hours-card{margin-top:24px;background:var(--navy);color:#fff;border-radius:var(--radius);padding:24px}.hours-card p{display:flex;justify-content:space-between;color:#dce6f9;border-bottom:1px solid rgba(255,255,255,.13);padding:9px 0;margin:0}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-row{display:flex;align-items:flex-start;gap:9px}.check-row input{width:auto;margin-top:5px}.check-row span{font-size:.75rem;font-weight:500;color:var(--muted)}
/* Auth */
.auth-page{min-height:100vh;display:grid;grid-template-columns:1.02fr .98fr}.auth-visual{background-size:cover;background-position:center;position:relative;color:#fff;padding:60px}.auth-visual>div:last-child{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.brand-light{position:absolute;top:0;left:0}.brand-light strong,.brand-light small{color:#fff}.auth-visual h1{font-size:clamp(2.4rem,4vw,4rem);max-width:620px}.auth-visual p{color:#e6edf8;font-size:1.12rem;max-width:600px}.auth-panel{display:grid;place-items:center;background:var(--surface-2);padding:40px}.auth-box{width:min(500px,100%);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-lg);padding:40px}.auth-box h2{font-size:2rem;margin-top:10px}.password-field{position:relative}.password-field input{padding-right:78px}.password-field button{position:absolute;right:8px;top:8px;border:0;background:var(--surface-2);color:var(--blue);padding:5px 8px;border-radius:7px;font-size:.7rem}.form-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.form-between a{font-size:.75rem;color:var(--blue)}.demo-credentials{margin-top:20px;background:var(--surface-2);border-radius:12px;padding:14px;display:flex;flex-wrap:wrap;gap:6px}.demo-credentials strong,.demo-credentials small{width:100%}.demo-credentials small{color:var(--muted)}.demo-credentials button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:5px 8px;font-size:.68rem}.auth-switch{text-align:center;font-size:.84rem;margin-top:20px}.auth-switch a{color:var(--blue);font-weight:800}.step-indicator{display:flex;align-items:center;justify-content:center;margin:22px 0}.step-indicator span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);font-weight:800}.step-indicator span.is-active{background:var(--blue);color:#fff}.step-indicator i{height:2px;width:55px;background:var(--border)}.form-step{display:none}.form-step.is-active{display:block}.role-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px}.role-options label{margin:0}.role-options input{position:absolute;opacity:0}.role-options span{border:1px solid var(--border);border-radius:13px;padding:15px;text-align:center;display:flex;flex-direction:column;height:130px;justify-content:center}.role-options input:checked+span{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 2px rgba(11,95,255,.12)}.role-options span>b,.role-options span>small{display:block}.role-options small{color:var(--muted);font-size:.65rem}.step-actions,.form-actions{display:flex;justify-content:flex-end;gap:10px}.center-screen{min-height:100vh;display:grid;place-items:center;background:var(--surface-2);padding:30px}.form-card.narrow{max-width:500px}.text-link.center{display:block;text-align:center;margin-top:15px}.legal-header{background:var(--navy);color:#fff;padding:90px 0 60px}.legal-header h1{margin-top:12px}
/* App shell */
.app-shell-page{background:var(--surface-2)}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.app-sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:var(--navy);color:#d8e2f4;padding:22px 16px;display:flex;flex-direction:column;z-index:200;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand img{width:46px;height:46px;object-fit:cover;border-radius:11px}.sidebar-brand span{display:flex;flex-direction:column}.sidebar-brand strong{color:#fff;letter-spacing:.08em}.sidebar-brand small{font-size:.65rem;color:#94a6c5}.app-sidebar nav{display:grid;gap:4px;margin-top:18px}.app-sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;font-size:.83rem;font-weight:650;position:relative}.app-sidebar nav a>span{width:22px;text-align:center;font-size:1.08rem;color:#8fb7ff}.app-sidebar nav a:hover,.app-sidebar nav a.is-active{background:rgba(255,255,255,.1);color:#fff}.app-sidebar nav a.is-active:before{content:"";position:absolute;left:-16px;top:10px;bottom:10px;width:3px;background:var(--gold);border-radius:0 4px 4px 0}.nav-group-label{text-transform:uppercase;letter-spacing:.13em;font-size:.58rem;color:#6f86aa;margin:17px 12px 4px}.nav-count{margin-left:auto;background:var(--red);color:#fff;min-width:19px;height:19px;border-radius:99px;display:grid;place-items:center;font-size:.6rem}.sidebar-help{margin-top:auto;background:rgba(255,255,255,.08);border-radius:13px;padding:15px;text-align:center}.sidebar-help>span{width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;margin:-30px auto 8px;font-weight:900}.sidebar-help strong,.sidebar-help p,.sidebar-help a{display:block}.sidebar-help p{font-size:.7rem;color:#aebbd1;margin:4px 0}.sidebar-help a{color:var(--gold-2);font-size:.75rem;font-weight:800}.sidebar-logout{margin-top:13px;border-top:1px solid rgba(255,255,255,.1);padding:14px 10px 0;color:#ffaaa4;font-size:.82rem}.app-main{grid-column:2;min-width:0}.app-topbar{height:72px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 28px;display:flex;align-items:center;justify-content:space-between}[data-theme="dark"] .app-topbar{background:rgba(12,23,48,.92)}.app-menu-btn{display:none;border:0;background:var(--navy);color:#fff;width:40px;height:40px;border-radius:9px}.app-search{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:0 11px;width:360px}.app-search input{border:0;background:transparent;box-shadow:none;margin:0;padding:8px}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);display:inline-grid;place-items:center}.notification-btn{position:relative}.notification-btn i{position:absolute;right:8px;top:7px;width:7px;height:7px;background:var(--red);border-radius:50%}.user-menu{position:relative}.user-menu>button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text);text-align:left}.user-menu>button>span:nth-child(2){display:flex;flex-direction:column}.user-menu b{font-size:.78rem}.user-menu small{font-size:.64rem;color:var(--muted)}.user-menu>div{position:absolute;top:50px;right:0;width:170px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:7px;display:none}.user-menu:hover>div,.user-menu:focus-within>div{display:grid}.user-menu>div a{padding:9px;border-radius:8px;font-size:.75rem}.user-menu>div a:hover{background:var(--surface-2)}.app-content{padding:28px;max-width:1700px;margin:auto}.app-page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.app-page-title h1{font-size:clamp(1.7rem,2.5vw,2.45rem);margin:.15em 0}.app-page-title p{margin:0}.title-actions{display:flex;gap:8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.admin-kpis{grid-template-columns:repeat(4,1fr)}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm)}.kpi-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:1.22rem;flex:0 0 auto}.tone-blue{background:var(--blue-soft);color:var(--blue)}.tone-green{background:var(--green-soft);color:var(--green)}.tone-orange{background:var(--orange-soft);color:var(--orange)}.tone-gold{background:var(--gold-soft);color:#806000}.tone-violet{background:var(--violet-soft);color:var(--violet)}.tone-red{background:var(--red-soft);color:var(--red)}.tone-cyan{background:#e4faff;color:var(--cyan)}.kpi-card div{display:flex;flex-direction:column}.kpi-card small{color:var(--muted);font-size:.68rem}.kpi-card strong{font-size:1.24rem}.kpi-card em{font-size:.65rem;color:var(--green);font-style:normal}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);min-width:0}.panel.span-2{grid-column:span 2}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.panel-head h2,.panel>h2{font-size:1.14rem;margin:0}.panel-head p{font-size:.75rem;margin:2px 0}.panel-head a{color:var(--blue);font-size:.75rem;font-weight:750}.continue-course{display:grid;grid-template-columns:240px 1fr;gap:20px}.continue-course img{height:195px;width:100%;object-fit:cover;border-radius:14px}.continue-course h3{margin:.5em 0}.progress{height:7px;border-radius:99px;background:var(--surface-3);overflow:hidden}.progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--blue-2))}.progress.small{width:100px;display:inline-block;margin-right:7px}.progress-label{font-size:.68rem;color:var(--muted);margin:6px 0 14px}.next-session{text-align:center}.calendar-date{width:72px;height:76px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:flex;flex-direction:column;justify-content:center;margin:4px auto 15px}.calendar-date b{font-size:1.7rem;line-height:1}.calendar-date span{font-size:.63rem;font-weight:800;letter-spacing:.08em}.next-session h3{font-size:1rem}.next-session p{font-size:.75rem;margin:5px}.task-list>div{display:grid;grid-template-columns:36px 1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.task-icon{width:32px;height:32px;border-radius:9px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-weight:900}.task-icon.done{background:var(--green-soft);color:var(--green)}.task-list b,.task-list small{display:block}.task-list small{color:var(--muted);font-size:.66rem}.task-list time{font-size:.68rem;color:var(--muted)}canvas{max-width:100%}.chart-legend{display:flex;justify-content:center;gap:20px;font-size:.7rem;color:var(--muted)}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);margin-right:5px}.chart-legend i.gold{background:var(--gold)}.table-responsive{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--border);font-size:.75rem;vertical-align:middle}th{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2)}td small{display:block;color:var(--muted)}.grade-pill{background:var(--blue-soft);color:var(--blue);border-radius:8px;padding:5px 8px;font-weight:800}.badges-list{display:grid;gap:14px}.badges-list>div{display:flex;align-items:center;gap:12px}.badges-list>div:first-child{font-size:1.5rem}.badges-list span{display:flex;flex-direction:column}.badges-list small{font-size:.65rem;color:var(--muted)}.tabs{display:flex;gap:7px;margin-bottom:20px;flex-wrap:wrap}.portal-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portal-course-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.portal-course-card>img{height:190px;width:100%;object-fit:cover}.portal-course-card>div{padding:18px}.portal-course-card h3{font-size:1rem;margin:.5em 0}.portal-course-card p{font-size:.72rem}.calendar-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.calendar-toolbar>h2{font-size:1.1rem;margin:0 auto 0 0}.calendar-toolbar button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:7px 10px}.calendar-toolbar button.is-active{background:var(--navy);color:#fff}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.calendar-grid>strong{text-align:center;padding:9px;background:var(--surface-2);font-size:.68rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.calendar-cell{min-height:100px;padding:8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);font-size:.72rem}.calendar-cell>span{font-weight:700}.calendar-cell em{display:block;font-style:normal;font-size:.61rem;padding:4px 5px;border-radius:5px;margin-top:5px}.event-blue{background:var(--blue-soft);color:var(--blue)}.event-gold{background:var(--gold-soft);color:#715500}.event-green{background:var(--green-soft);color:var(--green)}.event-red{background:var(--red-soft);color:var(--red)}.assignment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.assignment-card{margin:0}.assignment-top{display:flex;justify-content:space-between}.assignment-meta{display:grid;gap:6px;font-size:.72rem;color:var(--muted);margin:18px 0}.upload-zone{border:1.5px dashed var(--border);border-radius:12px;padding:18px;text-align:center;cursor:pointer;background:var(--surface-2)}.upload-zone input{display:none}.upload-zone span,.upload-zone small{display:block}.upload-zone span{font-weight:800;color:var(--blue)}.upload-zone small{font-size:.67rem;color:var(--muted)}.upload-zone.large{padding:38px}.skill-list{display:grid;gap:16px}.skill-list>div>span{display:flex;justify-content:space-between}.skill-list small{color:var(--muted)}.certificate-grid{display:grid;grid-template-columns:minmax(300px,700px)}.certificate-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.certificate-preview{border:8px double var(--gold);padding:50px;text-align:center;background:#fff;color:var(--navy)}.certificate-preview img{width:75px;margin:auto}.certificate-preview span{display:block;color:var(--gold);letter-spacing:.17em;font-weight:900;font-size:.72rem;margin:20px}.certificate-preview small{color:#667085}.certificate-card>div:last-child{display:flex;gap:8px;margin-top:15px}.messaging{padding:0;display:grid;grid-template-columns:330px 1fr;min-height:610px;overflow:hidden}.messaging>aside{border-right:1px solid var(--border);padding:14px}.message-search{display:flex;align-items:center;gap:6px;background:var(--surface-2);border-radius:9px;padding:0 9px;margin-bottom:12px}.message-search input{border:0;background:transparent;box-shadow:none;margin:0}.conversation{width:100%;display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center;border:0;background:transparent;color:var(--text);padding:11px;border-radius:11px;text-align:left}.conversation.is-active,.conversation:hover{background:var(--blue-soft)}.conversation span:nth-child(2){min-width:0}.conversation b,.conversation small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation small{font-size:.62rem;color:var(--muted)}.conversation time{font-size:.58rem;color:var(--muted)}.chat{display:grid;grid-template-rows:65px 1fr 65px}.chat>header{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--border)}.chat>header>div{display:flex;flex-direction:column}.chat>header small{color:var(--green);font-size:.63rem}.chat-body{padding:22px;display:flex;flex-direction:column;gap:12px;overflow:auto;background:var(--surface-2)}.bubble{max-width:70%;padding:12px 14px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);font-size:.8rem}.bubble small{display:block;text-align:right;color:var(--muted);font-size:.56rem}.bubble.sent{align-self:flex-end;background:var(--blue);color:#fff}.bubble.sent small{color:#dce6ff}.chat>form{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;padding:10px;border-top:1px solid var(--border)}.chat>form>button{border:0;background:var(--surface-2);border-radius:9px}.chat>form input{margin:0}.chat>form .send-btn{background:var(--blue);color:#fff}.profile-layout{display:grid;grid-template-columns:330px 1fr;gap:20px}.profile-cover{height:110px;background:linear-gradient(135deg,var(--navy),var(--blue));margin:-22px -22px 0;border-radius:var(--radius) var(--radius) 0 0}.profile-avatar{display:flex;align-items:flex-end;gap:10px;margin-top:-25px}.profile-avatar .avatar-initial{width:74px;height:74px;font-size:1.5rem;border:4px solid var(--surface)}.profile-avatar button{border:0;background:none;color:var(--blue);font-size:.7rem}.profile-form h3{margin-top:25px}.child-selector{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:18px;width:max-content}.child-selector div{display:flex;flex-direction:column}.child-selector small{color:var(--muted)}.child-selector button{border:0;background:var(--surface-2);padding:7px 9px;border-radius:8px}.subject-progress{display:grid;gap:16px}.subject-progress>div{display:grid;grid-template-columns:190px 1fr 45px;gap:12px;align-items:center}.subject-progress span b,.subject-progress span small{display:block}.subject-progress small{color:var(--muted);font-size:.65rem}.attendance-timeline{display:grid}.attendance-timeline>div{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.attendance-timeline i{width:9px;height:9px;border-radius:50%}.attendance-timeline span{display:flex;flex-direction:column}.attendance-timeline small{font-size:.63rem;color:var(--muted)}.tone-text-green{color:var(--green)}.tone-text-orange{color:var(--orange)}.alerts-list{display:grid;gap:10px}.alert{display:flex;gap:10px;padding:12px;border-radius:11px}.alert>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-weight:900}.alert p{margin:0;display:flex;flex-direction:column}.alert small{font-size:.64rem}.alert.warning{background:var(--orange-soft)}.alert.warning>span{background:var(--orange);color:#fff}.alert.info{background:var(--blue-soft)}.alert.info>span{background:var(--blue);color:#fff}
/* Lesson */
.lesson-shell{min-height:100vh;display:grid;grid-template-columns:320px 1fr;background:var(--surface-2)}.lesson-sidebar{position:fixed;inset:0 auto 0 0;width:320px;background:var(--surface);border-right:1px solid var(--border);overflow:auto;padding:18px}.brand.compact img{width:40px;height:40px}.back-link{display:block;font-size:.72rem;color:var(--blue);margin:24px 0}.lesson-course-title h2{font-size:1.05rem}.lesson-course-title>span{font-size:.65rem;color:var(--muted)}.lesson-nav{margin-top:20px}.lesson-nav details{border-top:1px solid var(--border)}.lesson-nav summary{padding:14px 4px;display:flex;gap:10px;align-items:center;list-style:none;font-size:.75rem;font-weight:800;cursor:pointer}.lesson-nav summary>span{width:23px;height:23px;border-radius:7px;background:var(--surface-2);display:grid;place-items:center}.lesson-nav details button{width:100%;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:23px 1fr auto;gap:8px;text-align:left;padding:10px;border-radius:9px}.lesson-nav details button.is-active{background:var(--blue-soft);color:var(--blue)}.lesson-nav details button span:nth-child(2){display:flex;flex-direction:column}.lesson-nav details button small{font-size:.58rem;color:var(--muted)}.lesson-main{grid-column:2}.lesson-main>header{height:68px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.lesson-main>header>button{display:none}.lesson-main>header>div{display:flex;align-items:center;gap:9px}.lesson-main>header>div:nth-child(2){flex-direction:column;align-items:flex-start;gap:0}.lesson-main>header span,.lesson-main>header small{font-size:.65rem;color:var(--muted)}.lesson-content{max-width:1050px;margin:30px auto;padding:0 25px}.video-player{aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;position:relative;box-shadow:var(--shadow-lg)}.video-player>img{width:100%;height:100%;object-fit:cover;opacity:.78}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:2px solid #fff;background:rgba(11,95,255,.86);color:#fff;font-size:1.6rem}.video-controls{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;align-items:center;color:#fff;padding:25px 16px 12px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);font-size:.7rem}.video-controls>div{height:4px;background:rgba(255,255,255,.35);border-radius:99px}.video-controls i{display:block;width:36%;height:100%;background:var(--gold)}.lesson-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;padding:26px 0 18px}.lesson-heading h1{font-size:2rem;margin:.4em 0}.lesson-heading p{margin:0}.lesson-tabs{border-bottom:1px solid var(--border);display:flex;gap:24px}.lesson-tabs button{border:0;background:transparent;color:var(--muted);padding:12px 0;font-weight:700}.lesson-tabs button.is-active{color:var(--blue);border-bottom:2px solid var(--blue)}.lesson-article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px;margin-top:20px}.lesson-article h2{font-size:1.25rem}.callout{background:var(--blue-soft);border-left:4px solid var(--blue);padding:17px;border-radius:0 12px 12px 0}.callout p{margin:4px 0}.lesson-actions{display:flex;justify-content:space-between;margin-top:35px}
/* Teacher */
.session-list>div{display:grid;grid-template-columns:70px 20px 1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.session-time b,.session-time span{display:block}.session-time span{font-size:.65rem;color:var(--muted)}.session-line{height:40px;width:2px;background:var(--blue)}.session-list>div>div:nth-child(3){display:flex;flex-direction:column}.session-list small{font-size:.64rem;color:var(--muted)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-actions a{background:var(--surface-2);border-radius:11px;padding:12px;display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700}.quick-actions a span{width:30px;height:30px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.risk-list{display:grid;gap:13px}.risk-list>div{display:grid;grid-template-columns:40px 1fr 27px;gap:9px;align-items:center}.risk-list span:nth-child(2){display:flex;flex-direction:column}.risk-list small{font-size:.62rem;color:var(--muted)}.risk-list i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900}.course-actions{display:flex;gap:6px}.modal{border:0;border-radius:var(--radius);padding:0;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);width:min(550px,calc(100% - 30px))}.modal::backdrop{background:rgba(3,12,30,.7);backdrop-filter:blur(4px)}.modal>form{padding:30px}.modal-wide{width:min(920px,calc(100% - 30px))}.modal-close{position:absolute;right:16px;top:14px;border:0;background:var(--surface-2);color:var(--text);width:34px;height:34px;border-radius:9px;font-size:1.3rem}.attendance-form{display:grid;gap:20px}.attendance-header{display:flex;justify-content:space-between;gap:15px}.attendance-header h2{font-size:1.35rem;margin:.4em 0}.assured-toggle{background:var(--green-soft);padding:15px;border-radius:12px;display:flex;align-items:center;gap:9px;color:var(--green)}.assured-toggle input{width:auto}.form-grid.four{grid-template-columns:repeat(4,1fr)}.attendance-list{display:grid}.attendance-list>div{display:grid;grid-template-columns:42px 1fr 500px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.segmented{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:10px;overflow:hidden}.segmented label{margin:0}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;padding:8px;font-size:.65rem;border-right:1px solid var(--border)}.segmented input:checked+span{background:var(--blue);color:#fff}.user-cell{display:flex;align-items:center;gap:9px}.user-cell span:nth-child(2){display:flex;flex-direction:column}
/* Admin */
.admin-shell{grid-template-columns:290px 1fr}.admin-sidebar{width:290px}.admin-sidebar nav{margin-top:5px}.admin-sidebar nav a{padding:8px 12px;font-size:.76rem}.admin-sidebar .sidebar-brand{position:sticky;top:-22px;background:var(--navy);z-index:2;padding-top:2px}.admin-content{padding:25px 30px}.date-filters{display:flex;gap:6px;margin-bottom:18px}.date-filters button{padding:6px 12px;font-size:.68rem}.donut-wrap{text-align:center}.donut{--a:46;--b:31;width:180px;height:180px;border-radius:50%;margin:10px auto 20px;background:conic-gradient(var(--blue) 0 calc(var(--a)*1%),var(--gold) calc(var(--a)*1%) calc((var(--a) + var(--b))*1%),var(--green) calc((var(--a) + var(--b))*1%) 100%);position:relative;display:grid;place-items:center}.donut:before{content:"";position:absolute;inset:28px;border-radius:50%;background:var(--surface)}.donut span{position:relative;font-size:1.4rem;font-weight:900;display:flex;flex-direction:column}.donut small{font-size:.6rem;color:var(--muted)}.donut-wrap ul{list-style:none;padding:0;margin:0}.donut-wrap li{display:grid;grid-template-columns:12px 1fr auto;gap:8px;text-align:left;padding:7px;border-bottom:1px solid var(--border);font-size:.72rem}.donut-wrap li i{width:9px;height:9px;border-radius:50%;margin-top:5px}.blue{background:var(--blue)}.gold{background:var(--gold)}.green{background:var(--green)}.activity-feed{display:grid}.activity-feed>div{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.activity-icon{width:34px;height:34px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.activity-feed div>div{display:flex;flex-direction:column}.activity-feed small,.activity-feed em{font-size:.62rem;color:var(--muted);font-style:normal}.todo-admin{display:grid}.todo-admin a{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.todo-admin a>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:900}.todo-admin a>div{display:flex;flex-direction:column}.todo-admin small{font-size:.61rem;color:var(--muted)}.quick-drawer{position:fixed;inset:0;z-index:300;background:rgba(3,12,30,.55);opacity:0;visibility:hidden;transition:.2s}.quick-drawer.is-open{opacity:1;visibility:visible}.quick-drawer>div{position:absolute;right:0;top:0;bottom:0;width:min(480px,100%);background:var(--surface);padding:35px;transform:translateX(100%);transition:.3s}.quick-drawer.is-open>div{transform:none}.quick-drawer>div>button{position:absolute;right:20px;top:17px;border:0;background:var(--surface-2);width:36px;height:36px;border-radius:9px}.quick-actions.large{grid-template-columns:1fr 1fr;margin-top:25px}.quick-actions.large a{min-height:90px;flex-direction:column;justify-content:center;font-size:.8rem}.admin-toolbar,.media-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:16px}.search-field{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 9px;min-width:270px}.search-field input{border:0;background:transparent;box-shadow:none;padding:8px;margin:0}.admin-toolbar select,.media-toolbar select,.admin-toolbar input[type=date]{width:auto;margin:0}.page-cell{display:flex;align-items:center;gap:10px}.page-cell>span{width:34px;height:34px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.page-cell>div{display:flex;flex-direction:column}.seo-score{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:.7rem}.seo-score.good{border:3px solid var(--green);color:var(--green)}.row-actions{display:flex;gap:4px}.row-actions button,.row-actions a,.media-actions button{width:31px;height:31px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);display:grid;place-items:center}.table-footer{display:flex;justify-content:space-between;padding-top:14px;color:var(--muted);font-size:.7rem}.pagination{display:flex;gap:4px}.pagination button{border:1px solid var(--border);background:var(--surface);color:var(--text);width:30px;height:30px;border-radius:7px}.pagination .is-active{background:var(--blue);color:#fff}.builder-page{position:fixed;inset:0;z-index:500;background:var(--surface-2);display:grid;grid-template-rows:64px 1fr}.builder-top{background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.builder-top>div{display:flex;align-items:center;gap:10px}.builder-top a{color:var(--blue);font-size:.75rem}.device-switch{display:flex;background:var(--surface-2);border-radius:9px;padding:3px}.device-switch button{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:5px 10px}.device-switch button.is-active{background:var(--surface);color:var(--blue);box-shadow:var(--shadow-sm)}.builder-workspace{display:grid;grid-template-columns:250px 1fr 270px;min-height:0}.builder-library,.builder-properties{background:var(--surface);border-right:1px solid var(--border);padding:14px;overflow:auto}.builder-properties{border-right:0;border-left:1px solid var(--border)}.builder-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:12px}.builder-tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:8px;font-size:.68rem}.builder-tabs button.is-active{color:var(--blue);border-bottom:2px solid var(--blue)}.builder-library h4{font-size:.68rem;text-transform:uppercase;color:var(--muted);letter-spacing:.07em;margin:20px 0 7px}.block-library{display:grid;grid-template-columns:1fr 1fr;gap:7px}.block-library button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;padding:10px 5px;font-size:.64rem;display:flex;flex-direction:column;gap:5px}.block-library button:hover{border-color:var(--blue);background:var(--blue-soft)}.block-library button span{font-size:1.1rem;color:var(--blue)}.builder-canvas-wrap{overflow:auto;padding:28px}.builder-canvas{width:min(1050px,100%);margin:auto;background:#fff;min-height:100%;box-shadow:var(--shadow);border-radius:10px;padding:12px;transition:.3s}.builder-canvas[data-device="tablet"]{max-width:768px}.builder-canvas[data-device="mobile"]{max-width:390px}.builder-section{border:1px dashed transparent;position:relative;margin-bottom:12px}.builder-section:hover,.builder-section.is-dragging{border-color:var(--blue)}.section-tools{position:absolute;top:8px;right:8px;z-index:5;background:var(--navy);border-radius:8px;padding:4px;display:none}.builder-section:hover .section-tools{display:flex}.section-tools button,.section-tools span{border:0;background:transparent;color:#fff;width:28px;height:28px;display:grid;place-items:center}.builder-preview{padding:38px;background:#f8faff;border-radius:9px;color:#101828}.builder-preview h2{font-size:2rem}.builder-label{font-size:.6rem;text-transform:uppercase;background:#eaf2ff;color:#0b5fff;padding:4px 7px;border-radius:99px}.fake-hero{height:240px;background-size:cover;background-position:center;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;position:relative;overflow:hidden}.fake-hero:after{content:"";position:absolute;inset:0;background:rgba(7,26,61,.5)}.fake-hero span{position:relative;z-index:2}.fake-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fake-cards i{height:120px;background:#fff;border:1px solid #e5eaf2;border-radius:10px}.add-section{width:100%;border:1px dashed var(--blue);background:var(--blue-soft);color:var(--blue);border-radius:9px;padding:14px;font-weight:800}.properties-head{display:flex;justify-content:space-between}.properties-head button{border:0;background:none;color:var(--muted)}.property-group{border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.property-group h4{font-size:.72rem}.menu-editor-layout,.design-layout,.security-layout,.backup-layout,.import-grid,.notification-layout{display:grid;grid-template-columns:1fr 340px;gap:20px}.sortable-menu{display:grid;gap:8px}.sortable-menu>div{display:grid;grid-template-columns:30px 1fr 1fr auto 32px 32px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:9px}.sortable-menu button{border:0;background:var(--surface-2);color:var(--text);border-radius:7px;height:30px}.tabs.vertical{display:grid;align-content:start;border-right:1px solid var(--border);padding-right:15px}.tabs.vertical button{border-radius:9px;text-align:left}.design-controls{display:grid;grid-template-columns:180px 1fr;gap:22px}.color-field{grid-template-columns:1fr 45px 80px;align-items:center}.color-field input{height:38px;padding:2px}.color-field code{font-size:.65rem}.button-samples{display:flex;flex-wrap:wrap;gap:7px}.design-preview{padding:0;overflow:hidden}.preview-toolbar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border)}.mini-site-preview{margin:20px;background:#fff;color:#101828;box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.mini-nav{height:45px;display:flex;align-items:center;gap:15px;padding:7px 12px}.mini-nav img{width:32px;height:32px}.mini-nav span{height:5px;width:45px;background:#d9e0ea;border-radius:99px}.mini-nav button{margin-left:auto;width:45px;height:20px;background:var(--blue);border:0;border-radius:5px}.mini-hero{height:260px;background-size:cover;position:relative;color:#fff;padding:35px}.mini-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,61,.86),transparent)}.mini-hero>div{position:relative;z-index:2;max-width:330px}.mini-hero h3{font-size:1.6rem;margin:.3em 0}.mini-hero p{color:#fff;font-size:.7rem}.mini-hero button{background:var(--gold);border:0;border-radius:6px;padding:7px 12px}.mini-section{padding:25px}.mini-section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-section article{height:90px;border:1px solid #e5eaf2;border-radius:8px}.seo-editor{display:grid;grid-template-columns:1fr 300px;gap:30px}.seo-editor aside{background:var(--surface-2);padding:20px;border-radius:13px}.google-preview{background:#fff;padding:15px;border-radius:9px;color:#202124}.google-preview span{color:#202124;font-size:.65rem}.google-preview h4{color:#1a0dab;font-weight:500;margin:4px 0}.google-preview p{font-size:.72rem;color:#4d5156}.score-ring{width:90px;height:90px;border-radius:50%;border:8px solid var(--green);display:grid;place-items:center;font-size:1.5rem;font-weight:900;color:var(--green);margin:15px auto}.score-ring.big{width:140px;height:140px;font-size:2rem}.seo-checks{list-style:none;padding:0;font-size:.72rem}.seo-checks li{color:var(--green);margin:7px}.media-toolbar{margin-bottom:18px}.view-switch{display:flex;margin-left:auto}.view-switch button{width:36px;height:36px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.view-switch .is-active{background:var(--navy);color:#fff}.folder-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.folder-strip button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:15px;display:grid;grid-template-columns:40px 1fr;text-align:left}.folder-strip button>span{grid-row:span 2;font-size:1.6rem}.folder-strip b,.folder-strip small{display:block}.folder-strip small{color:var(--muted);font-size:.62rem}.media-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.media-card{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:8px;position:relative}.media-card>label{position:absolute;z-index:2;top:13px;left:13px}.media-card>label input{width:auto}.media-thumb{height:150px;border-radius:9px;overflow:hidden;position:relative;background:var(--surface-2)}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-thumb button{position:absolute;inset:auto 8px 8px auto;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.9)}.media-card>div:nth-child(3){padding:8px 3px}.media-card strong,.media-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card strong{font-size:.68rem}.media-card small{font-size:.57rem;color:var(--muted)}.media-actions{display:flex;justify-content:flex-end;gap:3px}.course-table-cell{display:flex;align-items:center;gap:9px}.course-table-cell img{width:55px;height:40px;border-radius:7px;object-fit:cover}.course-table-cell>div{display:flex;flex-direction:column}.program-builder{display:grid;grid-template-columns:280px 1fr;gap:20px}.program-course{width:100%;display:grid;grid-template-columns:30px 1fr;text-align:left;gap:8px;border:0;background:transparent;color:var(--text);padding:10px;border-radius:9px}.program-course.is-active{background:var(--blue-soft);color:var(--blue)}.program-course span:nth-child(2){display:flex;flex-direction:column}.program-course small{font-size:.6rem;color:var(--muted)}.program-modules{display:grid;gap:12px}.program-module{border:1px solid var(--border);border-radius:12px;overflow:hidden}.program-module>div{display:grid;grid-template-columns:25px 1fr auto 30px 30px 30px;align-items:center;gap:5px;padding:11px;background:var(--surface-2)}.program-module button{border:0;background:transparent;color:var(--text)}.program-module ul{list-style:none;padding:7px 15px;margin:0}.program-module li{display:grid;grid-template-columns:25px 25px 1fr auto 30px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:.72rem}.program-module li small{color:var(--muted)}.add-lesson{width:100%;padding:9px!important;color:var(--blue)!important}.calendar-admin-layout{display:grid;grid-template-columns:1fr 340px;gap:20px}.admin-cal .calendar-cell{min-height:115px}.agenda-list{display:grid;margin-bottom:25px}.agenda-list>div{display:grid;grid-template-columns:45px 12px 1fr auto;gap:8px;align-items:center;padding:10px 0}.agenda-list time{font-weight:800}.agenda-list i{height:35px;width:2px;background:var(--blue)}.agenda-list span:nth-child(3){display:flex;flex-direction:column}.agenda-list small{font-size:.58rem;color:var(--muted)}.incident-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.incident-board>section{background:var(--surface-3);border-radius:14px;padding:10px}.incident-board>section>h3{font-size:.78rem;display:flex;justify-content:space-between;margin:4px 5px 10px}.incident-board>section>h3 span{background:var(--surface);padding:2px 7px;border-radius:99px}.incident-board article{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:13px;margin-bottom:9px}.incident-board article h4{font-size:.82rem;margin:.6em 0}.incident-board article p,.incident-board article small{font-size:.64rem}.incident-board article button{border:0;background:transparent;color:var(--blue);font-size:.67rem;font-weight:800}.application-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.application-card>div:first-child{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center}.application-card h3,.application-card p{margin:0}.application-card dl{display:grid;grid-template-columns:1fr 1fr;font-size:.72rem;background:var(--surface-2);padding:12px;border-radius:10px}.application-card dt{color:var(--muted)}.application-card dd{text-align:right;font-weight:700}.application-card>div:last-child{display:flex;gap:6px}.channel-options{display:flex;gap:8px;flex-wrap:wrap}.channel-options label{display:flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:9px;padding:8px;margin:0}.channel-options input{width:auto}.automation-row,.feature-toggles>label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:12px 0}.automation-row span,.feature-toggles>label>span{display:flex;flex-direction:column}.automation-row small,.feature-toggles small{font-size:.62rem;color:var(--muted)}.automation-row input,.feature-toggles input{width:42px;height:22px;accent-color:var(--blue)}.contact-message{max-width:620px;background:var(--surface);padding:25px;border-radius:14px}.contact-message dl{display:grid;grid-template-columns:100px 1fr;font-size:.72rem}.rich-editor{border:1px solid var(--border);border-radius:10px;overflow:hidden}.rich-editor>div{display:flex;gap:5px;padding:7px;background:var(--surface-2)}.rich-editor button{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:5px 8px}.rich-editor textarea{border:0;border-radius:0;box-shadow:none}.report-filters{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:18px}.report-filters label{margin:0}.metric-list p{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:8px;margin:0}.ranking-list{list-style:none;padding:0;margin:0}.ranking-list li{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.ranking-list li>span{width:27px;height:27px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:900}.ranking-list li>div{display:flex;flex-direction:column}.ranking-list small{font-size:.6rem;color:var(--muted)}.import-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.import-types button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:11px;padding:13px;display:flex;flex-direction:column}.import-types button span{font-size:1.4rem;color:var(--blue)}.import-types small{font-size:.6rem;color:var(--muted)}.export-list{display:grid}.export-list>div{display:grid;grid-template-columns:35px 1fr 90px auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.export-list select{margin:0;padding:7px}.settings-layout{display:grid;grid-template-columns:250px 1fr;gap:20px}.settings-nav{display:grid;align-content:start;padding:10px}.settings-nav button{border:0;background:transparent;color:var(--text);text-align:left;padding:10px;border-radius:9px}.settings-nav button.is-active{background:var(--blue-soft);color:var(--blue)}.settings-form h3{margin-top:30px}.logo-upload{display:flex;align-items:center;gap:15px}.logo-upload img{width:90px;height:90px;object-fit:cover;border-radius:16px}.security-score{display:flex;align-items:center;gap:20px;background:var(--surface-2);border-radius:14px;padding:15px;margin-bottom:20px}.security-score .score-ring{margin:0;width:72px;height:72px;font-size:1.1rem}.device-list{display:grid}.device-list>div{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.device-list>div>span:first-child{width:36px;height:36px;background:var(--surface-2);border-radius:9px;display:grid;place-items:center}.device-list>div>div{display:flex;flex-direction:column}.device-list small{font-size:.62rem;color:var(--muted)}.device-list button{border:0;background:none;color:var(--red);font-size:.68rem}.backup-list{display:grid}.backup-list>div{display:grid;grid-template-columns:35px 1fr auto auto auto;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.backup-list>div>div{display:flex;flex-direction:column}.backup-list small{font-size:.6rem;color:var(--muted)}.inline-editor-list{display:grid}.inline-editor-list>div{display:grid;grid-template-columns:170px 1fr 60px 35px 35px;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.inline-editor-list span:first-child{display:flex;flex-direction:column}.inline-editor-list small{font-size:.6rem;color:var(--muted)}.char-count{font-size:.6rem;color:var(--muted)}
/* Toast */
.toast-stack{position:fixed;right:20px;top:90px;z-index:1000;display:grid;gap:8px}.toast{min-width:290px;max-width:430px;padding:14px 17px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);font-size:.8rem;animation:toastIn .3s ease}.toast-success{border-left:4px solid var(--green)}.toast-error{border-left:4px solid var(--red)}@keyframes toastIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
/* Responsive */
@media(max-width:1200px){.main-nav{gap:14px}.main-nav>a,.nav-dropdown>button{font-size:.8rem}.level-grid{grid-template-columns:repeat(3,1fr)}.teacher-grid{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(4,1fr)}.kpi-grid,.admin-kpis{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:240px 1fr}.app-sidebar{width:240px}.admin-shell{grid-template-columns:260px 1fr}.admin-sidebar{width:260px}.builder-workspace{grid-template-columns:220px 1fr}.builder-properties{display:none}.attendance-list>div{grid-template-columns:42px 1fr 420px}}
@media(max-width:1024px){:root{--header-h:70px}.topbar{display:none}.menu-toggle{display:block}.main-nav{position:fixed;top:70px;left:0;right:0;bottom:0;background:var(--surface);padding:20px;display:flex;flex-direction:column;align-items:stretch;gap:4px;transform:translateX(100%);transition:.3s;overflow:auto}.main-nav.is-open{transform:none}.main-nav>a,.nav-dropdown>button{padding:12px 4px;text-align:left;color:var(--text)}.main-nav>a:after,.nav-dropdown>button:after{display:none}.main-nav .btn{margin-top:4px}.mega-menu{position:static;width:auto;transform:none!important;opacity:1;visibility:visible;box-shadow:none;border:0;background:var(--surface-2);display:none;margin-top:5px}.nav-dropdown:focus-within .mega-menu,.nav-dropdown:hover .mega-menu{display:grid}.hero-slider{min-height:580px;height:70vh}.hero-content h1{font-size:clamp(2.4rem,7vw,4.2rem)}.level-grid,.discipline-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.split-feature,.method-layout,.contact-layout{grid-template-columns:1fr;gap:40px}.feature-image-stack{order:-1}.feature-image-stack img{min-height:380px}.value-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.filter-panel{position:static}.course-detail-layout{grid-template-columns:1fr}.enroll-card{position:static}.footer-grid{grid-template-columns:1fr 1fr}.auth-page{grid-template-columns:1fr}.auth-visual{min-height:420px}.app-shell,.admin-shell{display:block}.app-sidebar,.admin-sidebar{transform:translateX(-100%);transition:.3s;width:280px}.app-sidebar.is-open{transform:none}.app-main,.lesson-main{grid-column:auto}.app-menu-btn{display:block}.app-topbar{padding:0 16px}.app-search{width:300px}.app-content,.admin-content{padding:20px}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid .span-2{grid-column:span 2}.portal-course-grid,.assignment-grid{grid-template-columns:repeat(2,1fr)}.lesson-shell{display:block}.lesson-sidebar{transform:translateX(-100%);z-index:100;transition:.3s}.lesson-sidebar.is-open{transform:none}.lesson-main>header>button{display:block}.builder-workspace{grid-template-columns:200px 1fr}.builder-page{overflow:hidden}.menu-editor-layout,.design-layout,.security-layout,.backup-layout,.import-grid,.notification-layout{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(3,1fr)}.calendar-admin-layout{grid-template-columns:1fr}.incident-board{grid-template-columns:repeat(2,1fr)}.report-filters{grid-template-columns:repeat(3,1fr)}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.application-grid{grid-template-columns:1fr}.attendance-list>div{grid-template-columns:42px 1fr}.segmented{grid-column:1/-1}.form-grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.container{width:min(100% - 28px,var(--container))}.section{padding:70px 0}.hero-slider{min-height:560px;height:72vh}.hero-overlay{background:linear-gradient(90deg,rgba(3,15,38,.9),rgba(3,15,38,.45))}.learning-search{grid-template-columns:auto 1fr}.learning-search select{grid-column:1/-1;border-left:0;border-top:1px solid var(--border)}.learning-search .btn{grid-column:1/-1}.level-grid,.discipline-grid,.course-grid,.steps-grid,.modality-grid,.testimonial-grid,.post-grid,.value-grid{grid-template-columns:1fr}.teacher-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:25px}.stats-grid div:nth-child(2){border:0}.cta-inner{display:block}.cta-inner>div:last-child{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block;text-align:center}.catalog-grid{grid-template-columns:1fr}.course-detail-strip .container{grid-template-columns:repeat(2,1fr);gap:12px}.course-detail-strip div{border:0;background:var(--surface-2);padding:10px;border-radius:10px}.inline-filter{grid-template-columns:1fr}.post-grid-large .post-card:first-child{grid-column:auto;display:block}.post-grid-large .post-card:first-child>a{height:220px}.faq-layout{grid-template-columns:1fr;gap:35px}.contact-cards{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{padding:20px}.auth-box{padding:28px}.role-options{grid-template-columns:1fr}.role-options span{height:auto;flex-direction:row;align-items:center;gap:10px;text-align:left}.app-page-title{align-items:flex-start;flex-direction:column}.app-page-title .btn{width:100%}.title-actions{width:100%;flex-wrap:wrap}.title-actions .btn{flex:1}.app-search{display:none}.topbar-actions>.btn{display:none}.kpi-grid,.admin-kpis{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .span-2{grid-column:auto}.continue-course{grid-template-columns:1fr}.continue-course img{height:220px}.portal-course-grid,.assignment-grid{grid-template-columns:1fr}.calendar-grid{min-width:700px}.panel:has(.calendar-grid){overflow:auto}.messaging{grid-template-columns:1fr}.messaging>aside{display:none}.profile-layout{grid-template-columns:1fr}.subject-progress>div{grid-template-columns:140px 1fr 40px}.lesson-content{padding:0 14px}.lesson-heading{display:block}.lesson-heading .btn{margin-top:15px}.lesson-tabs{overflow:auto}.admin-toolbar,.media-toolbar{flex-wrap:wrap}.admin-toolbar .search-field,.media-toolbar .search-field{width:100%;min-width:0}.folder-strip{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.builder-workspace{grid-template-columns:1fr}.builder-library{display:none}.builder-top>div:first-child span{display:none}.builder-top .device-switch{display:none}.builder-top .btn-outline{display:none}.program-builder{grid-template-columns:1fr}.program-builder>aside{display:none}.incident-board{grid-template-columns:1fr}.report-filters{grid-template-columns:1fr 1fr}.design-controls{grid-template-columns:1fr}.tabs.vertical{display:flex;overflow:auto;border-right:0}.seo-editor{grid-template-columns:1fr}.attendance-header{display:block}.attendance-list>div{grid-template-columns:42px 1fr}.form-grid{grid-template-columns:1fr}.application-card>div:last-child{flex-wrap:wrap}.inline-editor-list>div{grid-template-columns:1fr 70px 35px 35px}.inline-editor-list>div>span:first-child{grid-column:1/-1}.settings-form .form-grid{grid-template-columns:1fr}}
@media(max-width:520px){h1{font-size:2.15rem}.hero-content h1{font-size:2.55rem}.hero-content p{font-size:.96rem}.hero-actions{width:100%}.hero-actions .btn{width:100%}.level-grid,.discipline-grid,.teacher-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid strong{font-size:1.8rem}.footer-grid{grid-template-columns:1fr}.course-detail-strip .container{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}.team-banner:after{background:rgba(3,15,38,.76)}.team-banner>div{left:25px;right:25px}.app-content,.admin-content{padding:14px}.app-topbar{height:62px}.topbar-actions{gap:4px}.user-menu>button>span:nth-child(2),.user-menu>button>i{display:none}.kpi-grid,.admin-kpis{grid-template-columns:1fr}.panel{padding:16px}.calendar-cell{min-height:85px}.certificate-preview{padding:28px 14px}.folder-strip,.media-grid{grid-template-columns:1fr}.media-thumb{height:210px}.report-filters{grid-template-columns:1fr}.form-grid.four{grid-template-columns:1fr}.sortable-menu>div{grid-template-columns:25px 1fr 30px 30px}.sortable-menu code,.sortable-menu .status{display:none}.backup-list>div{grid-template-columns:30px 1fr auto}.backup-list .btn{display:none}.toast-stack{left:12px;right:12px}.toast{min-width:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}