:root{--blue:#2563eb;--blue-dark:#1d4ed8;--blue-soft:#eff6ff;--magenta:#9333ea;--magenta-soft:#faf5ff;--green:#10b981;--green-soft:#ecfdf5;--amber:#f59e0b;--amber-soft:#fffbeb;--red:#ef4444;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--surface:#ffffff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--shadow:0 16px 44px rgba(15,23,42,0.08);--shadow-sm:0 5px 18px rgba(15,23,42,0.04);--font-body:Inter,Segoe UI,Roboto,Arial,sans-serif;--font-display:Inter,Segoe UI,Roboto,Arial,sans-serif;--container:1180px}[data-theme=dark]{--ink:#edf4fb;--muted:#9cacc0;--line:#27374a;--surface:#111c2a;--surface-2:#0b1420;--surface-3:#192638;--blue-soft:#102f50;--magenta-soft:#381d2d;--green-soft:#113a30;--amber-soft:#3b2c14;--shadow:0 16px 44px rgba(0,0,0,.28);--shadow-sm:0 5px 18px rgba(0,0,0,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.65;letter-spacing:0}button,input,select,textarea{font:inherit;color:inherit}a,button{transition:color .2s,background-color .2s,border-color .2s,transform .2s,box-shadow .2s}a{color:inherit;text-decoration:none}img{object-fit:cover}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.16;letter-spacing:0}h1{font-size:clamp(2.6rem,5vw,5.1rem)}h2{font-size:clamp(1.85rem,3vw,3rem)}h3{font-size:1.08rem}p{color:var(--muted)}button{cursor:pointer}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.section{padding:96px 0}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:6px;padding:0 19px;font-weight:750;cursor:pointer;background:none}.button svg{width:18px}.button-primary{background:var(--blue);color:#fff;box-shadow:0 7px 20px rgba(22,133,248,.24)}.button-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.button-ghost{border-color:var(--line);background:var(--surface);color:var(--ink)}.button-ghost:hover{border-color:var(--blue);color:var(--blue)}.button-light{background:#fff;color:#102036;border-color:rgba(255,255,255,.55)}.button-light:hover{background:#eef6ff}.button-large{min-height:52px;padding:0 24px}.button-wide{width:100%}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:0}.icon-button:hover{border-color:var(--blue);color:var(--blue)}.icon-button svg{width:19px}.eyebrow,.panel-eyebrow{display:inline-flex;align-items:center;color:var(--blue);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:13px}.eyebrow.light{color:#cfe8ff}.section-heading{max-width:680px;margin-bottom:42px}.section-heading.center{margin-inline:auto;text-align:center}.section-heading h2{margin-bottom:14px}.section-heading p{font-size:1.03rem;margin-bottom:0}.lead{font-size:1.08rem;line-height:1.8}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.topbar{background:var(--surface-2);color:var(--muted);border-bottom:1px solid var(--line);font-size:.75rem}.topbar-inner{height:31px;justify-content:space-between}.topbar a,.topbar-inner{display:flex;align-items:center}.topbar a{gap:6px;color:var(--muted)}.topbar a:hover{color:var(--blue)}.site-header{height:76px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:40}.nav-wrap{height:100%;display:flex}.brand,.nav-wrap{align-items:center}.brand{display:inline-flex;gap:10px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--blue);color:white;border-radius:7px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:800 1.08rem var(--font-display);color:var(--ink)}.brand-copy small{color:var(--magenta);font-size:.58rem;font-weight:900;letter-spacing:.22em;margin-top:5px}.main-nav{display:flex;gap:33px;margin-left:auto;margin-right:34px}.main-nav a{font-weight:700;font-size:.87rem;color:var(--muted);position:relative}.main-nav a.active,.main-nav a:hover{color:var(--ink)}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:3px;background:var(--blue)}.nav-actions{display:flex;align-items:center;gap:9px}.menu-button,.nav-mobile-demo,.nav-mobile-login{display:none}.hero{height:min(760px,calc(100vh - 107px));min-height:610px;position:relative;color:var(--ink);overflow:hidden}.hero-media,.hero-media img,.hero-overlay{position:absolute;inset:0}.hero-media img{object-position:center 42%}.hero-overlay{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,249,255,.92) 50%,rgba(224,242,254,.7))}.hero-content{height:100%;position:relative;z-index:2;display:flex;align-items:center}.hero-copy{max-width:730px;padding-bottom:45px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;background:var(--blue-soft);border:1px solid var(--line);color:var(--blue);padding:7px 12px;border-radius:5px;text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.1em}.hero h1{margin:22px 0 20px;max-width:750px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:1.16rem;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin:31px 0 36px}.hero-proof{display:flex;align-items:center;gap:14px}.hero-proof>div:last-child{display:flex;flex-direction:column}.hero-proof strong{font-size:.85rem}.hero-proof small{color:var(--muted);font-size:.72rem}.avatar-stack{display:flex}.avatar-stack span{width:34px;height:34px;border:2px solid var(--surface);border-radius:50%;display:grid;place-items:center;background:var(--blue);font-size:.66rem;font-weight:800;margin-left:-8px}.avatar-stack span:first-child{margin:0;background:var(--magenta)}.avatar-stack span:nth-child(3){background:var(--green)}.hero-float{position:absolute;z-index:3;right:max(30px,calc((100vw - var(--container))/2));bottom:35px;background:rgba(255,255,255,.93);color:var(--ink);border-radius:7px;padding:15px 18px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow);border:1px solid var(--line)}.hero-float svg{color:var(--green)}.hero-float div{display:flex;flex-direction:column}.hero-float span{font-size:.7rem;color:#637084}.trust-strip{border-bottom:1px solid var(--line);background:var(--surface)}.trust-grid{height:86px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.trust-grid span{display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid var(--line);font-weight:750;font-size:.83rem}.trust-grid span:last-child{border:0}.trust-grid svg{color:var(--blue);width:21px}[data-theme=dark] .hero{color:#fff}[data-theme=dark] .hero-overlay{background:linear-gradient(90deg,rgba(6,22,40,.91),rgba(7,31,56,.76) 43%,rgba(8,31,53,.16) 76%)}[data-theme=dark] .hero-kicker{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff}[data-theme=dark] .hero h1 em{color:#69b5ff}[data-theme=dark] .hero-copy>p{color:#e0eaf4}[data-theme=dark] .hero-proof small{color:#cbd7e4}[data-theme=dark] .hero-float{background:rgba(255,255,255,.93);color:#14243a;border-color:transparent}.intro-grid,.story-grid,.trainer-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.intro-images{height:520px;position:relative;padding-right:38px}.image-main{position:relative;height:100%;border-radius:8px;overflow:hidden}.experience-card{position:absolute;right:0;bottom:35px;width:155px;background:var(--magenta);color:#fff;padding:22px;border:6px solid var(--surface);border-radius:8px;box-shadow:var(--shadow)}.experience-card strong{display:block;font:800 2.2rem var(--font-display)}.experience-card span{font-size:.75rem}.check-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin:27px 0}.check-list span{display:flex;align-items:center;gap:9px;font-weight:700;font-size:.84rem}.benefit-grid svg,.check-list svg{width:19px;color:var(--green);padding:3px;background:var(--green-soft);border-radius:50%}.text-link{color:var(--blue);display:inline-flex;align-items:center;gap:8px;font-weight:800}.courses-section{background:var(--surface-2)}.section-row{display:flex;align-items:end;justify-content:space-between}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.course-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--blue)}.course-image{display:block;height:215px;position:relative;overflow:hidden}.course-image img{transition:transform .4s}.course-card:hover .course-image img{transform:scale(1.035)}.course-level{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.92);color:#243348;padding:5px 9px;border-radius:4px;font-size:.67rem;font-weight:800}.course-body{padding:21px}.course-category{color:var(--blue);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.course-body h3{font-size:1.14rem;margin:8px 0 17px}.course-meta{display:flex;gap:16px;color:var(--muted);font-size:.7rem;border-bottom:1px solid var(--line);padding-bottom:17px}.course-meta span{display:flex;align-items:center;gap:5px}.course-meta span:last-child{color:#d68c16}.course-footer{padding-top:16px;display:flex;align-items:center;justify-content:space-between}.course-footer div{display:flex;flex-direction:column}.course-footer small{font-size:.65rem;color:var(--muted)}.course-footer strong{font-size:1.1rem}.arrow-button{background:var(--blue-soft);border:0;color:var(--blue)}.stats-band{background:var(--surface-2);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:58px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{text-align:center;border-right:1px solid var(--line)}.stats-grid>div:last-child{border:0}.stats-grid strong{display:block;font:800 2.4rem var(--font-display);color:var(--blue)}.stats-grid span{color:var(--muted);font-size:.76rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;background:transparent;border:0}.feature-item{position:relative;padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:8px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}.feature-item:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--blue)}.feature-number{position:absolute;right:24px;top:20px;color:var(--surface-3);font:800 2.5rem var(--font-display)}.feature-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:7px;background:var(--blue-soft);color:var(--blue);margin-bottom:30px}.feature-item h3{font-size:1.15rem}.feature-item p{font-size:.85rem;margin:0}.stories-section{background:var(--surface-2)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.testimonial{background:var(--surface);border:1px solid var(--line);padding:30px;border-radius:8px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}.testimonial:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--blue)}.testimonial>svg{color:var(--magenta)}.testimonial>p{font-size:.9rem;line-height:1.8;min-height:120px}.testimonial>div{display:flex;align-items:center;gap:12px}.testimonial>div>span:last-child{display:flex;flex-direction:column}.testimonial small{color:var(--muted);font-size:.7rem}.person-avatar,.top-avatar{width:38px;height:38px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:850;display:grid;place-items:center;font-size:.75rem}.cta-band{background:var(--blue);padding:62px 0;color:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center}.cta-inner h2{font-size:2.5rem;margin:3px 0 8px}.cta-inner p{color:#d9ecff;margin:0}.footer{background:var(--surface-2);color:var(--muted);border-top:1px solid var(--line);padding-top:70px}.footer .brand-copy strong{color:var(--ink)}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .9fr 1.2fr;grid-gap:50px;gap:50px}.footer-grid h3{color:var(--ink);font-size:.9rem;margin-bottom:22px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid>div>a{font-size:.78rem;color:var(--muted);transition:color .2s}.footer-grid>div>a:hover{color:var(--blue)}.footer-about p{font-size:.78rem;color:var(--muted);max-width:320px;margin-top:20px}.social-links{display:flex;gap:9px}.social-links a{width:36px;height:36px;border:1px solid var(--line);color:var(--muted);border-radius:5px;display:grid;place-items:center;transition:all .2s}.social-links a:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.footer-contact a,.footer-contact span{display:flex;gap:9px;align-items:flex-start;font-size:.74rem;color:var(--muted)}.footer-contact svg{min-width:17px;color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);margin-top:55px;height:68px;display:flex;justify-content:space-between;align-items:center;font-size:.68rem;color:var(--muted)}.footer-bottom div{display:flex;gap:20px}.whatsapp-button{position:fixed;right:20px;bottom:20px;width:52px;height:52px;border-radius:50%;background:#20b46c;color:#fff;display:grid;place-items:center;z-index:35;box-shadow:0 10px 26px rgba(22,133,85,.3);transition:transform .2s}.whatsapp-button:hover{transform:scale(1.1)}[data-theme=dark] .stats-band{background:#0b2543;color:#fff;border-color:transparent}[data-theme=dark] .stats-grid>div{border-right:1px solid rgba(255,255,255,.18)}[data-theme=dark] .stats-grid strong{color:#fff}[data-theme=dark] .stats-grid span{color:#bcd0e4}[data-theme=dark] .footer{background:#081728;color:#c5d2e0;border-top:0}[data-theme=dark] .footer .brand-copy strong,[data-theme=dark] .footer-grid h3{color:#fff}[data-theme=dark] .footer-grid>div>a{color:#aebdcd}[data-theme=dark] .footer-grid>div>a:hover{color:#fff}[data-theme=dark] .footer-about p{color:#9eb0c3}[data-theme=dark] .social-links a{border:1px solid #314257;color:#c5d2e0}[data-theme=dark] .social-links a:hover{background:rgba(255,255,255,.05);color:#fff}[data-theme=dark] .footer-contact a,[data-theme=dark] .footer-contact span{color:#aebdcd}[data-theme=dark] .footer-contact svg{color:#61adf9}[data-theme=dark] .footer-bottom{border-top:1px solid #24364a;color:#8093a7}.page-hero{background:var(--surface-2);padding:70px 0 0}.page-hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:80px;gap:80px}.page-hero h1{font-size:clamp(2.8rem,5vw,4.5rem)}.page-hero h1 em{font-style:normal;color:var(--blue)}.page-hero-image{height:470px;position:relative;border-radius:8px 8px 0 0;overflow:hidden}.story-image,.trainer-image{height:490px;position:relative;border-radius:8px;overflow:hidden}.story-grid>div:last-child>p:not(.lead){margin-bottom:28px}.values-section{background:var(--surface-2)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;margin-bottom:24px}.mission-grid article{background:#0b2543;color:#fff;padding:40px;border-radius:8px}.mission-grid article:last-child{background:var(--magenta)}.mission-grid article>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:6px}.mission-grid h2{font-size:1.5rem;margin:25px 0 10px}.mission-grid p{color:#d5e0eb;margin:0}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.value-grid article{background:var(--surface);border:1px solid var(--line);padding:25px;border-radius:8px}.value-grid svg{color:var(--blue)}.value-grid h3{margin:18px 0 8px}.value-grid p{font-size:.78rem;margin:0}.achievement-row{display:flex;gap:35px;border-top:1px solid var(--line);padding-top:28px;margin-top:30px}.achievement-row div{display:flex;flex-direction:column}.achievement-row strong{font:800 1.6rem var(--font-display)}.achievement-row span{font-size:.7rem;color:var(--muted)}.catalog-hero,.simple-hero{background:linear-gradient(135deg,var(--blue-soft) 0,var(--surface) 100%);color:var(--ink);border-bottom:1px solid var(--line);padding:86px 0}.catalog-hero h1,.simple-hero h1{font-size:clamp(2.5rem,4vw,4.2rem);max-width:820px;margin:7px 0 15px}.catalog-hero p,.simple-hero p{color:var(--muted);font-size:1.03rem}.catalog-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:35px}.search-box{width:330px;height:48px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);padding:0 14px;border-radius:6px}.search-box input{border:0;outline:0;background:transparent;width:100%}.category-tabs{display:flex;align-items:center;gap:7px}.category-tabs>svg{color:var(--muted);margin-right:4px}.category-tabs button{border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:9px 13px;font-size:.74rem;font-weight:750}.category-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}.catalog-count{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}.catalog-count span{font-size:.72rem;color:var(--muted)}.catalog-section .course-grid{row-gap:26px}.empty-state{text-align:center;padding:90px}.empty-state svg{color:var(--muted)}[data-theme=dark] .catalog-hero,[data-theme=dark] .simple-hero{background:#0b2543;color:#fff;border-color:transparent}[data-theme=dark] .catalog-hero p,[data-theme=dark] .simple-hero p{color:#c2d3e5}.course-detail-hero{background:linear-gradient(135deg,var(--blue-soft) 0,var(--surface) 100%);color:var(--ink);border-bottom:1px solid var(--line);padding:76px 0}.detail-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:70px;gap:70px;align-items:center}.detail-hero-grid h1{font-size:clamp(2.8rem,5vw,4.4rem);margin:12px 0 20px}.detail-hero-grid p{color:var(--muted);font-size:1.05rem}.course-category.light{color:var(--blue)}.detail-meta{display:flex;gap:24px;margin:25px 0;color:var(--muted);font-size:.78rem}.detail-meta span{display:flex;gap:7px;align-items:center}.detail-meta svg{width:17px;color:#f3ad38}.detail-actions{display:flex;gap:10px}.detail-image{height:410px;position:relative;border-radius:8px;overflow:hidden}.detail-nav{position:-webkit-sticky;position:sticky;top:76px;background:var(--surface);border-bottom:1px solid var(--line);z-index:30}.detail-nav .container{height:58px;display:flex;align-items:center;gap:35px;font-weight:750;font-size:.78rem}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-gap:65px;gap:65px}.detail-content h2{font-size:2rem}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:28px 0 70px}.benefit-grid span{display:flex;align-items:center;gap:10px;font-weight:700}.curriculum-block{scroll-margin-top:150px}.curriculum-item{display:grid;grid-template-columns:52px 1fr auto;align-items:center;border:1px solid var(--line);border-bottom:0;padding:17px;transition:background-color .2s}.curriculum-item:hover{background-color:var(--surface-2)}.curriculum-item:last-child{border-bottom:1px solid var(--line)}.curriculum-item>span{color:var(--blue);font-weight:800}.curriculum-item strong{font-size:.85rem}.trainer-card{scroll-margin-top:150px;margin:70px 0;display:grid;grid-template-columns:110px 1fr;grid-gap:25px;gap:25px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:30px;transition:transform .3s ease}.trainer-card:hover{transform:translateY(-2px)}.trainer-avatar{width:100px;height:100px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;font:800 1.6rem var(--font-display)}.trainer-card h2{margin:0 0 4px}.trainer-card p{font-size:.8rem}.trainer-badges{display:flex;gap:16px}.trainer-badges span{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700}.trainer-badges svg{width:16px;color:var(--blue)}.detail-review{border-left:3px solid var(--magenta);background:var(--surface-2);padding:28px;margin-top:20px}.stars{color:#e99c25}.enroll-card{position:-webkit-sticky;position:sticky;top:160px;align-self:start;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);padding:26px;border-radius:8px;display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease}.enroll-card:hover{border-color:var(--blue)}.enroll-card>small{color:var(--muted)}.enroll-card>strong{font:800 2rem var(--font-display)}.enroll-card>span{font-size:.7rem;color:var(--green);margin-bottom:20px}.enroll-card ul{list-style:none;padding:20px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-gap:12px;gap:12px}.enroll-card li{display:flex;gap:8px;align-items:center;font-size:.75rem}.enroll-card li svg{width:17px;color:var(--blue)}.enroll-card p{font-size:.72rem;margin:0;text-align:center}.enroll-card p a{color:var(--blue);font-weight:800}[data-theme=dark] .course-detail-hero{background:#0a203a;color:#fff;border-color:transparent}[data-theme=dark] .detail-hero-grid p{color:#c7d7e8}[data-theme=dark] .course-category.light{color:#83c2ff}[data-theme=dark] .detail-meta{color:#d6e2ef}[data-theme=dark] .curriculum-item:hover{background-color:rgba(255,255,255,.03)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:80px;gap:80px}.contact-grid>div>h2{font-size:2.2rem}.contact-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin:30px 0}.contact-list>a,.contact-list>div{display:flex;gap:12px;align-items:flex-start}.contact-list>a>span,.contact-list>div>span{width:42px;height:42px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);border-radius:6px}.contact-list svg{width:19px}.contact-list a div,.contact-list div div{display:flex;flex-direction:column}.contact-list small{color:var(--muted);font-size:.67rem}.contact-list strong{font-size:.76rem;max-width:180px}.whatsapp-cta{background:#1da96b;color:#fff}.form-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:34px}.form-title h2{font-size:1.55rem;margin-bottom:6px}.form-title p{font-size:.77rem;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:17px;gap:17px}.form-grid label{display:flex;flex-direction:column;gap:7px}.form-grid label.full{grid-column:1/-1}.auth-card label>span,.form-grid label>span{font-size:.7rem;font-weight:800}.auth-card input,.form-grid input,.form-grid select,.form-grid textarea,.settings-section input,.settings-section textarea{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:11px 12px;outline:0}.form-grid input,.form-grid select{height:44px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.form-card .button-wide{margin-top:22px}.form-success{text-align:center;display:flex;min-height:400px;align-items:center;justify-content:center;flex-direction:column}.form-success>svg{color:var(--green)}.map-section{height:420px}.map-section iframe{width:100%;height:100%;border:0;filter:saturate(.7)}.demo-page{min-height:100vh;position:relative;display:flex;align-items:center;padding:55px 0}.demo-bg,.demo-overlay{position:absolute;inset:0}.demo-bg img{object-position:center}.demo-overlay{background:linear-gradient(90deg,rgba(5,21,38,.94),rgba(6,31,56,.68))}.demo-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 560px;grid-gap:80px;gap:80px;align-items:center}.demo-copy{color:#fff}.demo-copy h1{font-size:clamp(3.1rem,5vw,5.4rem)}.demo-copy>p{color:#d8e4ef;font-size:1.08rem}.demo-points{display:grid;grid-gap:14px;gap:14px;margin-top:30px}.demo-points span{display:flex;align-items:center;gap:10px;font-weight:750}.demo-points svg{color:#5ab2ff}.form-card.glass{background:rgba(255,255,255,.94);color:#132238;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.form-card.glass p{color:#5e6d80}.form-card.glass input,.form-card.glass select,.form-card.glass textarea{background:#fff;color:#132238}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface);position:relative}.auth-back{position:absolute;left:22px;top:20px;z-index:3;background:rgba(255,255,255,.9);color:#14233a;border-radius:5px;padding:8px 12px;display:flex;align-items:center;gap:7px;font-weight:750;font-size:.73rem}.auth-back svg{width:16px}.auth-visual{position:relative;min-height:100vh;color:#fff}.auth-visual-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,21,38,.96),rgba(6,32,57,.24))}.auth-visual-copy{position:absolute;z-index:2;left:9%;right:9%;bottom:8%}.auth-visual-copy>span{font-weight:850;font-size:.7rem;letter-spacing:.16em}.auth-visual-copy h2{font-size:2.7rem;max-width:620px;margin:12px 0 22px}.auth-visual-copy p{color:#e0ebf4;display:flex;align-items:center;gap:10px;margin:8px 0}.auth-visual-copy svg{width:18px;color:#6db9ff}.auth-form-wrap{display:grid;place-items:center;padding:50px 20px;overflow-y:auto}.auth-card{width:min(100%,460px)}.auth-card>.brand{margin-bottom:45px}.auth-title>span{color:var(--blue);font-size:.72rem;text-transform:uppercase;font-weight:850;letter-spacing:.1em}.auth-title h1{font-size:2.1rem;margin:8px 0}.auth-title p{font-size:.8rem}.auth-card form{display:grid;grid-gap:15px;gap:15px;margin-top:25px}.auth-card form>label{display:grid;grid-gap:7px;gap:7px}.input-icon{height:47px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;padding:0 12px;gap:10px;background:var(--surface)}.input-icon:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.input-icon svg{width:18px;color:var(--muted)}.input-icon input{border:0;padding:0;outline:0;background:transparent}.input-icon button{border:0;background:transparent;padding:2px}.auth-options{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.auth-options a,.auth-switch a{color:var(--blue);font-weight:800}.checkbox{display:flex;align-items:center;gap:7px}.checkbox input{width:15px}.auth-switch{text-align:center;font-size:.75rem;margin-top:22px}.auth-switch a{display:inline-flex;align-items:center;gap:5px}.auth-switch svg{width:15px}.demo-login{border:1px solid var(--line);background:var(--surface-2);padding:12px;border-radius:6px;display:flex;flex-direction:column;font-size:.68rem}.demo-login span{color:var(--muted)}.auth-card.compact{max-width:420px}.dashboard-layout{min-height:100vh;background:var(--surface-2);display:flex}.dashboard-sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:var(--surface);color:var(--muted);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:60}.sidebar-brand{height:74px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--line)}.sidebar-brand .brand-copy strong{color:var(--ink)}.portal-label{padding:20px 23px 10px;color:var(--muted);font-size:.62rem;text-transform:uppercase;font-weight:850;letter-spacing:.13em}.sidebar-nav{display:grid;grid-gap:3px;gap:3px;padding:0 11px;overflow:auto}.sidebar-nav a{height:43px;border-radius:5px;padding:0 12px;display:flex;align-items:center;gap:12px;font-size:.76rem;font-weight:700;color:var(--muted);transition:all .2s}.sidebar-nav a svg{width:18px}.sidebar-nav a:hover{background:var(--surface-3);color:var(--ink)}.sidebar-nav a.active{background:var(--blue-soft);color:var(--blue)}.sidebar-user{display:grid;grid-template-columns:38px 1fr auto;align-items:center;grid-gap:10px;gap:10px;margin:auto 12px 0;padding:15px 10px;border-top:1px solid var(--line)}.sidebar-user div{display:flex;flex-direction:column;overflow:hidden}.sidebar-user strong{font-size:.72rem;color:var(--ink);white-space:nowrap}.sidebar-user small{font-size:.58rem;color:var(--muted);white-space:nowrap}.sidebar-logout{height:42px;margin:0 12px 12px;padding:0 10px;display:flex;align-items:center;gap:12px;font-size:.7rem;color:var(--muted);transition:color .2s}.sidebar-logout svg{width:17px}.sidebar-logout:hover{color:var(--red)}.sidebar-close{display:none}.dashboard-main{margin-left:248px;width:calc(100% - 248px)}.dashboard-topbar{height:74px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.dashboard-search{height:38px;width:340px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;padding:0 11px}.dashboard-search svg{width:17px;color:var(--muted)}.dashboard-search input{border:0;outline:0;background:transparent;width:100%;font-size:.73rem}.dashboard-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.dashboard-actions .icon-button{width:38px;height:38px}.notification-button{position:relative}.notification-button span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--magenta);right:8px;top:8px;border:1px solid var(--surface)}.dashboard-menu{display:none}.dashboard-content{padding:30px;max-width:1500px;margin-inline:auto}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dashboard-heading h1{font-size:1.55rem;margin:0 0 4px}.dashboard-heading p{font-size:.72rem;margin:0}.heading-actions{display:flex;gap:8px}.dash-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:18px}.dash-stats-grid.three,.result-summary{grid-template-columns:repeat(3,1fr)}.dash-stat{min-height:118px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:19px;display:flex;align-items:flex-start;gap:14px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}.dash-stat:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--blue)}.dash-stat>span{width:40px;height:40px;display:grid;place-items:center;border-radius:6px;background:var(--blue-soft);color:var(--blue)}.dash-stat>span svg{width:19px}.dash-stat>div{display:flex;flex-direction:column}.dash-stat small{color:var(--muted);font-size:.64rem}.dash-stat strong{font:800 1.4rem var(--font-display);margin:3px 0}.dash-stat p{font-size:.61rem;margin:0;color:var(--green)}.dash-stat.magenta>span{background:var(--magenta-soft);color:var(--magenta)}.dash-stat.amber>span{background:var(--amber-soft);color:var(--amber)}.dash-stat.green>span{background:var(--green-soft);color:var(--green)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:20px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}.panel:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--blue)}.panel-head{min-height:38px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-head h2{font-size:1rem;margin:0}.panel-head p{font-size:.62rem;margin:3px 0 0}.panel-head a{font-size:.66rem;color:var(--blue);font-weight:800;display:flex;align-items:center}.panel-head select{border:1px solid var(--line);background:var(--surface);height:34px;border-radius:4px;font-size:.65rem}.dashboard-grid-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);grid-gap:18px;gap:18px;margin-bottom:18px}.dashboard-grid-main.lower{grid-template-columns:1.4fr .8fr}.current-course{display:grid;grid-template-columns:240px 1fr;grid-gap:20px;gap:20px}.current-course-image{height:165px;position:relative;border-radius:6px;overflow:hidden}.current-course-info>p,.current-course-info>span{font-size:.64rem;color:var(--muted)}.current-course-info h3{font-size:1.02rem;margin:7px 0 20px}.progress-line{height:5px;background:var(--surface-3);border-radius:4px;overflow:hidden}.progress-line span{display:block;height:100%;background:var(--blue);border-radius:4px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:.59rem;margin:6px 0 18px}.next-class{display:grid;grid-template-columns:56px 1fr;grid-column-gap:14px;column-gap:14px}.next-class .button-wide,.next-class .panel-head{grid-column:1/-1}.date-tile{width:54px;height:60px;border-radius:5px;background:var(--blue-soft);color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center}.date-tile strong{font-size:1.35rem;line-height:1}.date-tile span{font-size:.55rem;font-weight:900}.next-class>div:nth-child(3) small{font-size:.58rem;color:var(--blue)}.next-class>div:nth-child(3) h3{font-size:.82rem;margin:5px 0}.next-class>div:nth-child(3) p{font-size:.6rem;display:flex;align-items:center;gap:4px}.next-class>div:nth-child(3) svg{width:14px}.notice-mini-list{display:grid}.notice-mini-list article{display:grid;grid-template-columns:40px 1fr auto;grid-gap:10px;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0;transition:background-color .2s}.notice-mini-list article:hover{background-color:var(--surface-2)}.notice-mini-list article:last-child{border:0}.notice-mini-list article>span{font-weight:850;color:var(--blue);display:flex;flex-direction:column;align-items:center}.notice-mini-list article>span small{font-size:.5rem}.notice-mini-list article div{display:flex;flex-direction:column}.notice-mini-list strong{font-size:.66rem}.notice-mini-list p{font-size:.55rem;margin:0}.notice-mini-list svg{width:15px;color:var(--muted)}[data-theme=dark] .dashboard-sidebar{background:#0b1b2d;color:#b9c7d6;border-right:0}[data-theme=dark] .sidebar-brand{border-bottom:1px solid #223246}[data-theme=dark] .sidebar-brand .brand-copy strong{color:#fff}[data-theme=dark] .portal-label{color:#65788e}[data-theme=dark] .sidebar-nav a{color:#b9c7d6}[data-theme=dark] .sidebar-nav a:hover{background:#14273c;color:#fff}[data-theme=dark] .sidebar-nav a.active{background:var(--blue);color:#fff}[data-theme=dark] .sidebar-user{border-top:1px solid #223246}[data-theme=dark] .sidebar-user strong{color:#fff}[data-theme=dark] .sidebar-user small{color:#7890a8}[data-theme=dark] .sidebar-logout{color:#8295a9}.dashboard-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.learning-card,.lecture-card{background:var(--surface);border:1px solid var(--line);border-radius:7px;overflow:hidden}.learning-image{height:210px;position:relative}.learning-image button,.lecture-card>div button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center}.learning-card>div:last-child{padding:20px}.learning-card p,.learning-card span{font-size:.65rem;color:var(--muted)}.learning-card h3{margin:5px 0}.attendance-summary{display:flex;align-items:center;gap:35px;margin-bottom:18px}.progress-ring{position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:8}.ring-track{stroke:var(--surface-3)}.ring-value{stroke:var(--blue);stroke-linecap:round;transition:stroke-dashoffset .4s}.progress-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring strong{font:800 1.25rem var(--font-display)}.progress-ring small{font-size:.55rem;color:var(--muted)}.attendance-summary>div:last-child h2{font-size:1.2rem;margin-bottom:6px}.attendance-summary>div:last-child p{font-size:.7rem}.attendance-numbers{display:flex;gap:30px}.attendance-numbers span{display:flex;flex-direction:column;font-size:.58rem;color:var(--muted)}.attendance-numbers strong{font-size:1rem;color:var(--ink)}.table-panel{padding-bottom:5px}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:left;color:var(--muted);font-size:.59rem;text-transform:uppercase;letter-spacing:.06em;padding:10px 12px}.data-table td,.data-table th{border-bottom:1px solid var(--line)}.data-table td{padding:13px 12px;font-size:.68rem}.status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;background:var(--blue-soft);color:var(--blue);font-size:.56rem;font-weight:800}.status.green{background:var(--green-soft);color:var(--green)}.status.amber{background:var(--amber-soft);color:var(--amber)}.status.red{background:#fdecec;color:var(--red)}.status.magenta{background:var(--magenta-soft);color:var(--magenta)}.status.neutral{background:var(--surface-3);color:var(--muted)}.resource-list{display:grid}.resource-list article{display:grid;grid-template-columns:42px 1fr auto;grid-gap:12px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.resource-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);border-radius:6px}.resource-list strong{font-size:.72rem}.resource-list p{font-size:.58rem;margin:2px 0}.lecture-card>div{height:210px;position:relative}.lecture-card>div>span{position:absolute;right:10px;bottom:10px;background:#081728;color:#fff;padding:3px 6px;border-radius:3px;font-size:.58rem}.lecture-card section{padding:17px}.lecture-card small{font-size:.58rem;color:var(--blue)}.lecture-card h3{margin:5px 0 15px}.lecture-card p{font-size:.58rem;margin:5px 0}.result-summary{display:grid;grid-gap:16px;gap:16px;margin-bottom:18px}.fee-banner{background:var(--blue);color:#fff;padding:26px;border-radius:7px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.fee-banner>div{display:flex;flex-direction:column}.fee-banner span{font-size:.66rem;color:#dcecff}.fee-banner strong{font:800 2rem var(--font-display)}.fee-banner p{font-size:.65rem;color:#dcecff;margin:0}.notice-page-list{display:grid;grid-gap:12px;gap:12px}.notice-page-list article{display:grid;grid-template-columns:64px 1fr auto;align-items:center;grid-gap:20px;gap:20px}.notice-date{height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--blue-soft);color:var(--blue);border-radius:6px}.notice-date strong{font-size:1.4rem;line-height:1}.notice-date span{font-size:.58rem;font-weight:850}.notice-page-list h2{font-size:.92rem;margin:7px 0 3px}.notice-page-list p{font-size:.65rem;margin:0}.profile-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:18px;gap:18px}.profile-card{text-align:center}.profile-avatar{width:92px;height:92px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:800 1.5rem var(--font-display);margin:5px auto 15px;position:relative}.profile-avatar button{position:absolute;right:-2px;bottom:2px;width:28px;height:28px;border-radius:50%;border:2px solid var(--surface);background:var(--ink);color:var(--surface);display:grid;place-items:center}.profile-avatar button svg{width:13px}.profile-card h2{font-size:1.1rem;margin-bottom:2px}.profile-card p{font-size:.62rem}.profile-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.profile-card>div:not(.profile-avatar){display:flex;justify-content:space-between;text-align:left;font-size:.65rem;padding:7px}.profile-card>div span{color:var(--muted)}.password-zone{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:flex;justify-content:space-between}.password-zone h3{margin:0}.ai-layout{display:grid;grid-template-columns:1fr 290px;grid-gap:18px;gap:18px;height:calc(100vh - 160px)}.ai-chat{display:flex;flex-direction:column;padding:0;overflow:hidden}.ai-head{height:72px;border-bottom:1px solid var(--line);padding:0 20px;display:flex;align-items:center;gap:11px}.ai-head>span{width:38px;height:38px;display:grid;place-items:center;background:var(--magenta-soft);color:var(--magenta);border-radius:6px}.ai-head h2{font-size:.85rem;margin:0}.ai-head p{font-size:.57rem;margin:0}.ai-head .status{margin-left:auto}.chat-messages{padding:22px;overflow:auto;display:flex;flex-direction:column;gap:16px;flex:1 1}.chat-message{display:flex;gap:9px;max-width:75%}.chat-message>span{min-width:30px;height:30px;display:grid;place-items:center;background:var(--magenta-soft);color:var(--magenta);border-radius:5px}.chat-message>span svg{width:15px}.chat-message p{background:var(--surface-2);border:1px solid var(--line);padding:10px 12px;border-radius:6px;font-size:.7rem;margin:0}.chat-message.user{align-self:flex-end}.chat-message.user p{background:var(--blue);border-color:var(--blue);color:#fff}.chat-input{height:64px;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:8px}.chat-input input{flex:1 1;border:0;outline:0;background:transparent;font-size:.7rem}.chat-input button{width:35px;height:35px;border:0;background:transparent;display:grid;place-items:center;color:var(--muted)}.chat-input button:last-child{background:var(--blue);color:#fff;border-radius:5px}.chat-input svg{width:17px}.prompt-panel>svg{color:var(--magenta)}.prompt-panel h3{margin:12px 0}.prompt-panel>button{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;display:flex;justify-content:space-between;font-size:.66rem;text-align:left}.prompt-panel>button svg{width:14px}.ai-note{background:var(--amber-soft);padding:12px;border-radius:5px;margin-top:20px}.ai-note strong{font-size:.66rem}.ai-note p{font-size:.58rem;margin:3px 0}.admin-charts{grid-template-columns:1.4fr .8fr}.chart-legend{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;font-size:.57rem}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;border-radius:50%}.management-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.management-toolbar>label{height:40px;width:320px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;gap:8px;padding:0 10px}.management-toolbar>label svg{width:16px;color:var(--muted)}.management-toolbar input{border:0;outline:0;background:transparent;width:100%;font-size:.68rem}.management-toolbar>div{display:flex;gap:8px}.management-toolbar select{border:1px solid var(--line);background:var(--surface);border-radius:5px;font-size:.65rem;padding:0 10px}.management-toolbar .button{min-height:40px;font-size:.65rem}.table-person{display:flex;align-items:center;gap:9px}.table-person>span{width:32px;height:32px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:.57rem;font-weight:850}.table-person div{display:flex;flex-direction:column}.table-person small,.table-sub{display:block;font-size:.54rem;color:var(--muted);margin-top:2px}.row-actions{display:flex;gap:4px}.row-actions button{width:30px;height:30px;border:1px solid var(--line);background:var(--surface);border-radius:4px;color:var(--muted)}.row-actions svg{width:14px}.admin-course-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.admin-course-card{position:relative}.admin-course-card>.icon-button{position:absolute;right:14px;top:14px;width:32px;height:32px}.course-initial{width:50px;height:50px;background:var(--blue-soft);color:var(--blue);border-radius:6px;display:grid;place-items:center;font-weight:850;margin:17px 0}.admin-course-card h3{margin:0 0 4px}.admin-course-card p{font-size:.62rem}.admin-course-card footer{display:flex;justify-content:space-between;margin-top:17px}.attendance-admin-grid{display:grid;grid-template-columns:1.5fr .7fr;grid-gap:18px;gap:18px;margin-bottom:18px}.qr-panel{display:grid;grid-template-columns:50px 1fr auto;align-items:center;grid-gap:15px;gap:15px}.qr-panel>span{width:48px;height:48px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;border-radius:6px}.attendance-today h3,.qr-panel h2{font-size:.9rem;margin:0}.attendance-today p,.qr-panel p{font-size:.6rem;margin:3px 0}.attendance-today{display:flex;align-items:center;gap:15px}.attendance-today>strong{font:800 1.8rem var(--font-display);color:var(--green)}.upload-zone{border:1px dashed var(--blue);background:var(--blue-soft);border-radius:7px;display:flex;flex-direction:column;align-items:center;padding:36px;margin-bottom:18px}.upload-zone>svg{color:var(--blue)}.upload-zone h2{font-size:1rem;margin:10px 0 3px}.upload-zone p,.upload-zone small{font-size:.62rem}.upload-zone small{color:var(--muted);margin-top:8px}.ai-generator-banner{background:var(--magenta);color:#fff;border-radius:7px;padding:22px;display:grid;grid-template-columns:50px 1fr auto;align-items:center;grid-gap:15px;gap:15px;margin-bottom:18px}.ai-generator-banner>span{width:48px;height:48px;border:1px solid rgba(255,255,255,.3);border-radius:6px;display:grid;place-items:center}.ai-generator-banner small{font-size:.55rem;color:#f0cddd}.ai-generator-banner h2{font-size:1rem;margin:2px 0}.ai-generator-banner p{font-size:.6rem;color:#f0dce7;margin:0}.settings-grid{display:grid;grid-template-columns:1fr 380px;grid-gap:18px;gap:18px}.integrations h2,.settings-section h2{font-size:1rem;margin-bottom:22px}.settings-section .button{margin-top:20px}.integrations>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.integrations>div>span{display:flex;flex-direction:column}.integrations strong{font-size:.7rem}.integrations small{font-size:.56rem;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(3,14,27,.62);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(100%,620px);background:var(--surface);border-radius:8px;box-shadow:var(--shadow);padding:25px}.modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.modal-head h2{font-size:1.25rem;margin:0}.modal footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}@media(max-width:1100px){.main-nav{gap:20px;margin-right:20px}.demo-button,.hero-float{display:none}.intro-grid,.story-grid,.trainer-grid{gap:45px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-contact{grid-column:1/-1}.demo-layout{grid-template-columns:1fr 500px;gap:40px}.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid-main,.dashboard-grid-main.lower{grid-template-columns:1fr}.admin-course-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.auth-visual-copy h2{font-size:2.1rem}}@media(max-width:820px){.container{width:min(calc(100% - 28px),var(--container))}.section{padding:68px 0}.topbar{display:none}.site-header{height:68px}.main-nav{position:fixed;top:68px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);padding:18px;display:none;flex-direction:column;margin:0;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:8px}.main-nav a.active:after{display:none}.nav-mobile-demo,.nav-mobile-login{display:block}.menu-button{display:grid}.login-button{display:none}.hero{height:670px;min-height:0}.hero-overlay{background:linear-gradient(90deg,rgba(6,22,40,.94),rgba(7,31,56,.63))}.hero h1{font-size:3.3rem}.trust-grid{grid-template-columns:1fr 1fr;height:auto;padding:13px 0}.trust-grid span{height:46px;border:0;justify-content:flex-start;font-size:.7rem}.contact-grid,.detail-hero-grid,.intro-grid,.page-hero-inner,.story-grid,.trainer-grid{grid-template-columns:1fr}.intro-images{height:420px}.course-grid,.feature-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.feature-grid{gap:16px;background:transparent;border:0}.feature-item{border:1px solid var(--line);border-radius:8px}.stats-grid{grid-template-columns:1fr 1fr;gap:25px}.stats-grid>div{border:0}.cta-inner{align-items:flex-start;flex-direction:column;gap:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.page-hero{padding-top:50px}.page-hero-image{height:340px}.value-grid{grid-template-columns:1fr 1fr}.catalog-tools{align-items:stretch;flex-direction:column}.search-box{width:100%}.category-tabs{overflow-x:auto;padding-bottom:6px}.detail-image{height:330px;order:-1}.detail-nav{top:68px}.detail-layout{grid-template-columns:1fr}.enroll-card{position:static;order:-1}.demo-page{padding:35px 0}.demo-layout{grid-template-columns:1fr}.demo-copy h1{font-size:3.3rem}.auth-layout{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-wrap{min-height:100vh}.dashboard-sidebar{transform:translateX(-100%);transition:transform .25s}.dashboard-sidebar.open{transform:none}.sidebar-close{display:grid;margin-left:auto;background:transparent;border-color:#31465c;color:#fff}.sidebar-scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:55;border:0}.dashboard-main{margin:0;width:100%}.dashboard-menu{display:grid;margin-right:10px}.dashboard-search{width:min(50vw,300px)}.dashboard-content{padding:22px}.dashboard-card-grid{grid-template-columns:1fr 1fr}.profile-layout{grid-template-columns:1fr}.profile-card{display:block}.ai-layout{grid-template-columns:1fr;height:calc(100vh - 150px);grid-template-rows:1fr auto}.prompt-panel{display:flex!important;flex-direction:row!important;overflow-x:auto;gap:10px;padding:12px 16px!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:var(--surface)!important;box-shadow:none!important;align-items:center}.prompt-panel .ai-note,.prompt-panel h3,.prompt-panel svg{display:none!important}.prompt-panel button{white-space:nowrap;border:1px solid var(--line)!important;border-radius:15px!important;padding:6px 12px!important;font-size:.7rem!important;background:var(--surface-2)!important;color:var(--ink)!important}.prompt-panel button svg{display:none!important}.management-toolbar{align-items:stretch;flex-direction:column}.management-toolbar>label{width:100%}.management-toolbar>div{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.attendance-admin-grid{grid-template-columns:1fr}.result-summary{grid-template-columns:1fr 1fr}.dashboard-topbar{padding:0 15px}}@media(max-width:560px){h1{font-size:2.5rem}.section{padding:56px 0}.hero{height:650px}.hero-copy{padding-bottom:0}.hero h1{font-size:2.7rem}.hero-copy>p{font-size:.95rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-proof{margin-top:25px}.trust-grid span{font-size:.61rem}.intro-grid{gap:30px}.intro-images{height:330px}.check-list,.course-grid,.feature-grid,.testimonial-grid{grid-template-columns:1fr}.section-row .section-heading{margin-bottom:28px}.desktop-only{display:none}.stats-grid strong{font-size:1.8rem}.stats-grid span{font-size:.65rem}.cta-inner h2{font-size:2rem}.footer-grid{grid-template-columns:1fr}.footer-about,.footer-contact{grid-column:auto}.footer-bottom{height:auto;padding:20px 0;align-items:flex-start;flex-direction:column;gap:10px}.mission-grid,.value-grid{grid-template-columns:1fr}.achievement-row{gap:15px;flex-wrap:wrap}.page-hero-image{height:290px}.catalog-hero,.simple-hero{padding:60px 0}.category-tabs button{white-space:nowrap}.catalog-count{align-items:flex-start;flex-direction:column;gap:4px}.detail-meta{flex-wrap:wrap;gap:12px}.detail-actions{align-items:stretch;flex-direction:column}.benefit-grid,.contact-list,.form-grid,.trainer-card{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.form-card{padding:23px}.demo-copy h1{font-size:2.8rem}.demo-copy{padding-top:30px}.auth-card>.brand{margin-bottom:35px}.dashboard-content{padding:16px}.dashboard-heading{align-items:flex-start}.dashboard-heading h1{font-size:1.25rem}.dashboard-heading .button{font-size:0;width:42px;padding:0}.dashboard-heading .button svg{margin:0}.dashboard-search{display:none}.dash-stats-grid,.dash-stats-grid.three,.result-summary{grid-template-columns:1fr 1fr;gap:10px}.dash-stat{min-height:auto;padding:15px 13px;gap:8px;flex-direction:column;align-items:flex-start}.dash-stat>span{width:34px;height:34px}.dash-stat strong{font-size:1.08rem}.current-course{grid-template-columns:1fr}.current-course-image{height:180px}.dashboard-card-grid{grid-template-columns:1fr}.attendance-summary,.fee-banner{align-items:flex-start;flex-direction:column}.fee-banner{gap:15px}.notice-page-list article{grid-template-columns:52px 1fr}.notice-page-list article>button{display:none}.ai-chat{height:100%}.admin-course-grid{grid-template-columns:1fr}.management-toolbar select,.management-toolbar>div .button-ghost{display:inline-flex}.ai-generator-banner,.qr-panel{grid-template-columns:44px 1fr}.ai-generator-banner .button,.qr-panel .button{grid-column:1/-1}.attendance-today{display:none}.modal{padding:18px}.modal .form-grid{grid-template-columns:1fr}@media(max-width:480px){.dash-stats-grid,.dash-stats-grid.three,.result-summary{grid-template-columns:1fr}}}