:root{--font-heading:"Plus Jakarta Sans", "Inter", sans-serif;--font-body:"Inter", sans-serif;--accent:#4f46e5;--accent-2:#3b82f6;--accent-glow:#4f46e526;--gradient-brand:linear-gradient(135deg, var(--accent), var(--accent-2));--bg:#f4f6f9;--bg-solid:#eef1f6;--text:#1e293b;--text-muted:#64748b;--card-bg:#ffffffa6;--card-bg-strong:#ffffffe6;--border:#0f172a14;--glass-border:1px solid #fff9;--glass-blur:blur(18px) saturate(160%);--btn-text:#fff;--success:#16a34a;--success-bg:#22c55e1f;--danger:#e63946;--danger-bg:#e639461a;--warning:#f59e0b;--warning-bg:#f59e0b24;--whatsapp:#25d366;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--shadow-sm:0 4px 6px #4f46e50d;--shadow-md:0 10px 25px #4f46e514;--shadow-lg:0 20px 40px #4f46e51f;--ease-out:cubic-bezier(.165, .84, .44, 1);--speed:.3s}[data-theme=dark]{--bg:#07070b;--bg-solid:#07070b;--text:#f1f5f9;--text-muted:#94a3b8;--accent:#818cf8;--accent-2:#6366f1;--accent-glow:#818cf826;--card-bg:#ffffff0a;--card-bg-strong:#11141eeb;--border:#ffffff14;--glass-border:1px solid #ffffff17;--btn-text:#0a0a12;--shadow-sm:0 4px 6px #0000004d;--shadow-md:0 10px 25px #0006;--shadow-lg:0 20px 40px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100%;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}button{font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;line-height:1.25}input,select,textarea{font-size:16px}body.modal-open{overflow:hidden}#bg-solid{background:var(--bg);z-index:-3;transition:background .3s;position:fixed;inset:0}#bg-logo-3d{z-index:-2;pointer-events:none;opacity:.05;justify-content:center;align-items:center;width:90vmin;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] #bg-logo-3d{opacity:.08}#bg-logo-3d img{filter:drop-shadow(0 20px 50px #0003);width:100%;height:auto;animation:15s ease-in-out infinite float3d}@keyframes float3d{0%,to{transform:perspective(1000px)rotateY(0)rotateX(0)scale(1)}50%{transform:perspective(1000px)rotateY(15deg)rotateX(5deg)scale(1.05)}}#particle-canvas{z-index:-1;pointer-events:none;position:fixed;inset:0}.navbar,.ticker,.hero,.section,.footer,.login-container,.app-container,.modal-overlay,.app-nav,.wa-float,.toast-host{z-index:1;position:relative}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.skip-link{background:var(--accent);color:var(--btn-text);z-index:10001;border-radius:0 0 10px;padding:10px 18px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.w-100{width:100%!important}.flex-row{gap:14px;display:flex!important}.flex-1{flex:1!important}.mt-1{margin-top:10px!important}.mt-2{margin-top:20px!important}.mb-1{margin-bottom:10px!important}.mb-2{margin-bottom:20px!important}.text-center{text-align:center!important}.text-muted{color:var(--text-muted)!important}.hidden{display:none!important}.navbar{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);z-index:1000;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:14px clamp(16px,3vw,30px);display:flex;position:sticky;top:0}.nav-brand{border-radius:var(--r-full);align-items:center;gap:10px;padding:4px 8px 4px 4px;text-decoration:none;display:flex}.nav-logo{object-fit:contain;border-radius:10px;width:38px;height:38px}.logo-text{font-family:var(--font-heading);color:var(--text);white-space:nowrap;font-size:clamp(15px,2vw,18px);font-weight:700}.nav-actions{align-items:center;gap:14px;display:flex}.theme-switch{flex-shrink:0;width:50px;height:26px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.slider-track{cursor:pointer;border:1px solid var(--border);border-radius:var(--r-full);background-color:#1e293b59;transition:all .4s;position:absolute;inset:0}.slider-thumb{width:18px;height:18px;transition:.4s var(--ease-out);background-color:#3b82f6;border-radius:50%;position:absolute;top:3px;left:4px;box-shadow:0 0 8px #3b82f699}input:not(:checked)+.slider-track{background-color:#e2e8f0}input:not(:checked)+.slider-track .slider-thumb{background-color:#fbbf24;transform:translate(24px);box-shadow:0 0 8px #fbbf2499}.btn{border-radius:var(--r-sm);font-family:var(--font-body);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-md);transition:transform .2s var(--ease-out), box-shadow .2s ease, background var(--speed), color var(--speed), opacity var(--speed);border:none;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn--primary{background:var(--gradient-brand);color:var(--btn-text)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn--ghost{color:var(--text-muted);border:1px solid var(--border);box-shadow:none;background:0 0}.btn--ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #e6394640}.btn--whatsapp{background:var(--whatsapp);color:#fff}.btn--google{background:var(--card-bg-strong);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn--google:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--google svg{flex-shrink:0;width:20px;height:20px}.btn--sm{box-shadow:none;border-radius:8px;padding:8px 16px;font-size:13px}.icon-btn{color:var(--text-muted);cursor:pointer;width:34px;height:34px;transition:all var(--speed);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.icon-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.icon-btn svg{width:16px;height:16px}.badge{letter-spacing:.05em;border:1px solid;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.badge--published,.badge--active,.badge--approved{color:var(--success);background:var(--success-bg)}.badge--draft,.badge--blocked,.badge--pending{color:var(--danger);background:var(--danger-bg)}.badge--info{color:var(--accent);background:var(--accent-glow)}.input-group{margin-bottom:15px}.input-group label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input-group input,.input-group select,.input-group textarea,.custom-select{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);transition:border-color var(--speed), box-shadow var(--speed), background var(--speed);border-radius:8px;padding:12px 14px}.input-group input:focus,.input-group select:focus,.input-group textarea:focus,.custom-select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);outline:none}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-muted);opacity:.75}.input-group textarea{resize:vertical;min-height:96px}.input-group input[type=file]{cursor:pointer;padding:10px}.input-group input[type=file]::file-selector-button{background:var(--gradient-brand);color:var(--btn-text);cursor:pointer;font-family:var(--font-body);border:none;border-radius:8px;margin-right:12px;padding:8px 16px;font-weight:600}.custom-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=\"%2364748b\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:40px}.form-row{gap:12px;display:flex}.form-row .input-group{flex:1}.checkbox-row{cursor:pointer;color:var(--text);transition:background var(--speed);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.checkbox-row:hover{background:var(--accent-glow)}.checkbox-row input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.search-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);transition:border-color var(--speed), box-shadow var(--speed);border-radius:8px;margin-bottom:15px;padding:12px 14px}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);outline:none}.glass{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-md)}.dash-card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);margin-bottom:20px;padding:25px}.dash-card>h2{align-items:center;gap:10px;margin-bottom:15px;font-size:18px;display:flex}.dash-card>h2 svg{width:20px;height:20px;color:var(--accent)}.section{max-width:1200px;margin:0 auto;padding:60px clamp(16px,3vw,30px)}.section-title{text-align:center;background:linear-gradient(135deg, var(--text) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(24px,3vw,34px);font-weight:800}.section-subtitle{color:var(--text-muted);text-align:center;margin-bottom:40px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.feature-card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-md);transition:transform var(--speed) var(--ease-out), border-color var(--speed), box-shadow var(--speed);border-radius:16px;padding:25px;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-brand);transform-origin:0;width:100%;height:4px;transition:transform .35s var(--ease-out);position:absolute;top:0;left:0;transform:scaleX(0)}.feature-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg), 0 0 24px var(--accent-glow);transform:translateY(-6px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{background:var(--accent-glow);width:44px;height:44px;color:var(--accent);transition:transform .3s var(--ease-out);border-radius:12px;justify-content:center;align-items:center;margin-bottom:15px;display:flex}.feature-icon svg{width:22px;height:22px}.feature-card:hover .feature-icon{transform:scale(1.12)rotate(6deg)}.feature-card h3{margin-bottom:8px;font-size:17px}.feature-card p{color:var(--text-muted);font-size:14px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:25px;display:grid}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-md);transition:transform var(--speed);border-radius:16px;padding:20px}.stat-card:hover{transform:translateY(-3px)}.stat-card h3{color:var(--accent);margin-bottom:4px;font-size:26px}.stat-card p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.hub-card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--speed) var(--ease-out), border-color var(--speed), box-shadow var(--speed);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.hub-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.hub-card-body{flex-direction:column;flex:1;justify-content:space-between;padding:18px;display:flex}.hub-card h3{margin-bottom:6px;font-size:16px}.hub-card p{color:var(--text-muted);font-size:12px}.list-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);transition:all var(--speed);justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;padding:16px 18px;display:flex}.list-item:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.list-item-info{flex:1;min-width:0}.list-item-info h4{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.list-item-info p{color:var(--text-muted);margin-top:2px;font-size:12px}.list-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.grade-heading{color:var(--accent);border-bottom:1px solid var(--border);margin-top:20px;margin-bottom:10px;padding-bottom:5px;font-size:16px}.staff-subjects{flex-wrap:wrap;gap:4px 12px;margin-top:10px;display:flex}.note-text{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;margin-top:8px;font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#0009;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}.modal-overlay.modal-overlay--open{animation:.25s fadeIn;display:flex}.modal-box{background:var(--card-bg-strong);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--r-lg);width:100%;max-width:520px;max-height:88vh;animation:scaleIn .35s var(--ease-out);margin:auto;padding:30px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-box--sm{max-width:380px}.modal-box--bare{box-shadow:none;background:0 0;border:none;max-width:92%;padding:0;overflow:visible}.modal-box--video{background:#000;border:none;max-width:840px;padding:12px;overflow:visible}.modal-title{margin-bottom:8px;font-size:20px}.modal-text{color:var(--text-muted);margin-bottom:20px;font-size:14px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-close{background:var(--card-bg-strong);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;width:34px;height:34px;transition:all var(--speed);z-index:20;border-radius:9px;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{border-color:var(--danger);color:var(--danger);transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.toast-host{z-index:11000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:76px;right:16px}.toast{background:var(--card-bg-strong);border:1px solid var(--border);min-width:240px;max-width:340px;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .35s var(--ease-out), transform .35s var(--ease-out);border-left:4px solid var(--accent);border-radius:12px;padding:13px 16px;font-size:14px;font-weight:500;transform:translate(24px)}.toast--show{opacity:1;transform:translate(0)}.toast--success{border-left-color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--warning{border-left-color:var(--warning)}.toast--info{border-left-color:var(--accent)}.ticker{background:var(--card-bg);width:calc(100% - 32px);max-width:1200px;-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--r-full);box-shadow:var(--shadow-sm);align-items:center;gap:12px;margin:18px auto 0;padding:10px 18px;display:flex;overflow:hidden}.ticker.hidden{display:none}.ticker-label{background:var(--gradient-brand);color:var(--btn-text);letter-spacing:.08em;border-radius:var(--r-full);flex-shrink:0;padding:4px 12px;font-size:11px;font-weight:700}.ticker-text{color:var(--text);white-space:nowrap;text-overflow:ellipsis;animation:tickerIn .45s var(--ease-out);flex:1;font-size:14px;overflow:hidden}@keyframes tickerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{justify-content:space-between;align-items:center;gap:40px;max-width:1200px;min-height:68vh;margin:0 auto;padding:60px clamp(16px,3vw,30px);display:flex}.hero-text{flex:1}.hero-text h1{background:linear-gradient(135deg, var(--text) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-height:1.2em;margin-bottom:20px;font-size:clamp(28px,4.5vw,52px);font-weight:800;line-height:1.15}.hero-text h1 .cursor{-webkit-text-fill-color:var(--accent);font-weight:400}.hero-text>p{color:var(--text-muted);max-width:520px;margin-bottom:30px;font-size:clamp(15px,1.5vw,18px)}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-logo{flex:1;justify-content:center;align-items:center;display:flex}.hero-logo img{filter:drop-shadow(0 20px 30px #3b82f633);max-width:78%;animation:4s ease-in-out infinite floatLogo}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.gallery-slider{max-width:1000px;margin:0 auto;position:relative}.gallery-track{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--r-md);gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{scroll-snap-align:center;border-radius:var(--r-md);cursor:pointer;border:var(--glass-border);height:230px;box-shadow:var(--shadow-md);background:var(--border);flex:0 0 clamp(240px,30vw,360px);margin:0;overflow:hidden}.gallery-slide img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out), opacity .5s ease;opacity:0}.gallery-slide img.loaded{opacity:1}.gallery-slide:hover img{transform:scale(1.07)}.gallery-nav{background:var(--card-bg-strong);border:var(--glass-border);width:42px;height:42px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--speed);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background:var(--accent);color:var(--btn-text)}.gallery-nav--prev{left:-8px}.gallery-nav--next{right:-8px}.gallery-nav.hidden{display:none}.gallery-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.gallery-dot{background:var(--border);cursor:pointer;width:8px;height:8px;transition:all var(--speed);border:none;border-radius:50%;padding:0}.gallery-dot.is-active{border-radius:var(--r-full);background:var(--accent);width:22px}.testimonials-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;max-width:1000px;margin:0 auto;padding:8px 4px 20px;display:flex;overflow-x:auto}.testimonials-track::-webkit-scrollbar{display:none}.testimonial-card{scroll-snap-align:center;background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);transition:transform var(--speed) var(--ease-out), border-color var(--speed);flex-direction:column;flex:0 0 clamp(280px,34vw,420px);gap:14px;padding:26px;display:flex}.testimonial-card:hover{border-color:var(--accent);transform:translateY(-4px)}.testimonial-stars{color:#fbbf24;letter-spacing:3px;font-size:15px}.testimonial-quote{color:var(--text);flex:1;font-size:15px}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{background:var(--gradient-brand);width:42px;height:42px;color:var(--btn-text);font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.testimonial-author h4{font-size:14px}.testimonial-author p{color:var(--text-muted);font-size:12px}.cta-section{border-radius:var(--r-xl);background:var(--gradient-brand);color:#fff;text-align:center;max-width:1100px;box-shadow:var(--shadow-lg);margin:20px auto 60px;padding:clamp(40px,6vw,70px) clamp(20px,4vw,60px);position:relative;overflow:hidden}.cta-section:after{content:"";filter:blur(50px);background:#ffffff1f;border-radius:50%;width:340px;height:340px;position:absolute;top:-50%;right:-15%}.cta-section h2{margin-bottom:12px;font-size:clamp(26px,4vw,40px);font-weight:800}.cta-section p{opacity:.9;margin-bottom:28px;font-size:16px}.cta-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.cta-section .btn--light{color:var(--accent);background:#fff}.cta-section .btn--outline{color:#fff;box-shadow:none;background:0 0;border:2px solid #fff9}.cta-section .btn--outline:hover{background:#ffffff1a;border-color:#fff}.faq-wrap{max-width:720px;margin:0 auto}.faq-item{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:10px;overflow:hidden}.faq-header{cursor:pointer;font-family:var(--font-heading);width:100%;color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:600;list-style:none;display:flex}.faq-header::-webkit-details-marker{display:none}.faq-header .faq-icon{transition:transform .3s var(--ease-out);color:var(--accent);flex-shrink:0}.faq-item.is-open .faq-icon{transform:rotate(45deg)}.faq-body{transition:grid-template-rows .35s var(--ease-out);grid-template-rows:0fr;display:grid}.faq-body>div{overflow:hidden}.faq-item.is-open .faq-body{grid-template-rows:1fr}.faq-body p{color:var(--text-muted);padding:0 20px 16px;font-size:14px}.footer{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border-top:var(--glass-border);margin-top:40px;padding:44px clamp(16px,3vw,30px) 20px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.footer-col h4{margin-bottom:14px;font-size:16px}.footer-col p{color:var(--text-muted);font-size:14px}.footer-col a{color:var(--text-muted);transition:color var(--speed), transform var(--speed);margin-bottom:8px;font-size:14px;display:block}.footer-col a:hover{color:var(--accent);transform:translate(5px)}.footer-bottom{text-align:center;border-top:1px solid var(--border);max-width:1200px;color:var(--text-muted);margin:24px auto 0;padding-top:20px;font-size:13px}.wa-float{background:var(--whatsapp);color:#fff;z-index:900;width:56px;height:56px;transition:transform var(--speed) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:96px;right:20px;box-shadow:0 10px 25px #25d36666}.wa-float:hover{transform:scale(1.1)}.wa-float svg{width:28px;height:28px}.wa-float:before{content:"";border:2px solid var(--whatsapp);border-radius:50%;animation:2s ease-out infinite waPulse;position:absolute;inset:0}@keyframes waPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.login-container{justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:40px 20px;display:flex}.login-box{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);outline:1px solid var(--accent-glow);border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg), 0 0 40px var(--accent-glow);animation:slideUp .6s var(--ease-out);padding:40px 34px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-box h2{text-align:center;margin-bottom:6px;font-size:26px}.login-box .subtitle{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:14px}.divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.login-msg{text-align:center;border:1px solid #0000;border-radius:8px;margin-bottom:15px;padding:11px;font-size:13px;display:none}.login-msg.show{animation:.5s shake;display:block}.login-msg.error{background:var(--danger-bg);color:var(--danger);border-color:#e639464d}.login-msg.success{background:var(--success-bg);color:var(--success);border-color:#16a34a4d}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-alt{text-align:center;color:var(--text-muted);margin-top:18px;font-size:13px;line-height:2}.auth-alt a{color:var(--accent);cursor:pointer;font-weight:500}.pending-card{text-align:center;margin-top:40px}.pending-card .pending-icon{margin-bottom:12px;font-size:44px}.app-container{max-width:1060px;margin:0 auto;padding:22px clamp(14px,2.5vw,24px) 130px}.welcome-banner{background:var(--gradient-brand);color:#fff;border-radius:var(--r-lg);box-shadow:0 15px 35px var(--accent-glow);border:1px solid #ffffff1f;margin-bottom:24px;padding:26px;position:relative;overflow:hidden}.welcome-banner:after{content:"";filter:blur(40px);background:#ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-15%}.welcome-banner h2{z-index:1;margin-bottom:5px;font-size:22px;position:relative}.welcome-banner p{opacity:.9;z-index:1;font-size:14px;position:relative}.app-view{display:none}.app-view.is-active{animation:viewIn .35s var(--ease-out);display:block}@keyframes viewIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.profile-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.avatar{background:var(--gradient-brand);color:#fff;width:84px;height:84px;font-family:var(--font-heading);box-shadow:0 10px 20px var(--accent-glow);border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:32px;font-weight:700;display:flex}.profile-id-qr{border:1px solid var(--border);background:#fff;border-radius:12px;width:130px;height:130px;margin-top:14px;padding:6px}.profile-info{width:100%}.profile-info-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:12px 2px;font-size:14px;display:flex}.profile-info-row:last-child{border-bottom:none}.profile-info-label{color:var(--text-muted);flex-shrink:0}.profile-info-value{text-align:right;word-break:break-word;font-weight:500}.progress-bar{background:var(--border);border-radius:var(--r-full);height:6px;margin-top:12px;overflow:hidden}.progress-fill{background:var(--gradient-brand);border-radius:var(--r-full);height:100%;box-shadow:0 0 10px var(--accent-glow);transition:width .6s var(--ease-out)}.progress-note{color:var(--accent);margin-top:6px;font-size:12px;font-weight:600}.resource-link{color:var(--text);background:var(--bg);border:1px solid var(--border);transition:all var(--speed);border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;text-decoration:none;display:flex}.resource-link:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-sm);transform:translate(4px)}.resource-link .res-icon{color:var(--accent);flex-shrink:0;display:flex}.resource-link h4{margin:0;font-size:15px}.resource-link p{color:var(--text-muted);margin:0;font-size:12px}.video-thumb{background:#000;width:100%;padding-bottom:60%;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-thumb .play-badge{color:#fff;transition:background var(--speed);background:#00000047;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hub-card:hover .play-badge{background:#0000001f}.play-badge svg{width:44px;height:44px}#reader{border:1px solid var(--border);border-radius:12px;overflow:hidden}#reader button{background:var(--gradient-brand)!important;color:var(--btn-text)!important;cursor:pointer!important;width:100%!important;font-family:var(--font-body)!important;border:none!important;border-radius:8px!important;margin-top:10px!important;padding:10px!important;font-weight:500!important}#reader img[alt=Info\ icon]{display:none}#reader select{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:5px!important;margin-bottom:10px!important;padding:5px!important}.empty-state{text-align:center;color:var(--text-muted);padding:44px 20px}.empty-state svg{opacity:.45;width:52px;height:52px;margin-bottom:14px}.empty-state p{font-size:14px}.app-nav{background:var(--card-bg);width:calc(100% - 32px);max-width:460px;-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-lg);z-index:1000;border-radius:24px;justify-content:space-around;padding:10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.nav-item{--item-accent:var(--accent);--item-accent-bg:var(--accent-glow);color:var(--text-muted);cursor:pointer;font-family:var(--font-heading);transition:all var(--speed);background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:9px 10px;font-size:11px;font-weight:600;display:flex}.nav-item svg{width:20px;height:20px;transition:transform var(--speed)}.nav-item:hover{color:var(--item-accent)}.nav-item.is-active{color:var(--item-accent);background:var(--item-accent-bg)}.nav-item.is-active svg{transform:scale(1.12)}.nav-item[data-accent=indigo]{--item-accent:#6366f1;--item-accent-bg:#6366f124}.nav-item[data-accent=blue]{--item-accent:#3b82f6;--item-accent-bg:#3b82f624}.nav-item[data-accent=cyan]{--item-accent:#06b6d4;--item-accent-bg:#06b6d424}.nav-item[data-accent=green]{--item-accent:#22c55e;--item-accent-bg:#22c55e24}.nav-item[data-accent=orange]{--item-accent:#f97316;--item-accent-bg:#f9731624}.nav-item[data-accent=yellow]{--item-accent:#eab308;--item-accent-bg:#eab30829}.nav-item[data-accent=red]{--item-accent:#ef4444;--item-accent-bg:#ef444424}.nav-label{display:none}@media (width>=1024px){.app-nav{border-radius:var(--r-xl);flex-direction:column;justify-content:flex-start;gap:6px;width:78px;max-width:none;padding:14px 8px;top:92px;bottom:20px;left:20px;transform:none}.nav-item{flex:none;width:100%;padding:14px 0}.app-container{padding-left:122px}.nav-item--logout{margin-top:auto}}@media (width>=1200px){.app-nav{width:230px;padding:18px 12px}.nav-item{border-radius:14px;flex-direction:row;justify-content:flex-start;gap:14px;padding:13px 18px;font-size:14px}.nav-label{display:inline}.app-container{padding-left:272px}}.hub-card[data-art="1"] .hub-card-body{background:linear-gradient(135deg,#6366f124,#3b82f61a)}.hub-card[data-art="2"] .hub-card-body{background:linear-gradient(135deg,#0ea5e924,#6366f114)}.hub-card[data-art="3"] .hub-card-body{background:linear-gradient(135deg,#a855f71f,#6366f11a)}.hub-card[data-art="4"] .hub-card-body{background:linear-gradient(135deg,#06b6d421,#3b82f614)}.hub-card[data-art="5"] .hub-card-body{background:linear-gradient(135deg,#4f46e52e,#1e293b0f)}.hub-card[data-art="6"] .hub-card-body{background:linear-gradient(160deg,#1e293beb,#4f46e58c)}.hub-card[data-art="7"] .hub-card-body{background:linear-gradient(135deg,#10b9811f,#3b82f614)}.hub-card[data-art="8"] .hub-card-body{background:linear-gradient(135deg,#f472b61f,#6366f11a)}.hub-card[data-art="6"] .hub-card-body h3{color:#fff}.hub-card[data-art="6"] .hub-card-body p{color:#ffffffbf}.hub-card[data-art] .hub-card-body{position:relative;overflow:hidden}.hub-card[data-art] .hub-card-body:after{content:"";width:50%;height:100%;transition:left .6s var(--ease-out);pointer-events:none;background:linear-gradient(105deg,#0000,#ffffff2e,#0000);position:absolute;top:0;left:-60%;transform:skew(-20deg)}.hub-card[data-art]:hover .hub-card-body:after{left:130%}.hub-card-text{padding-right:86px}.hub-card-art{pointer-events:none;filter:drop-shadow(0 8px 14px #0f172a47);width:82px;height:82px;transition:transform .45s var(--ease-out);position:absolute;top:6px;right:6px}.hub-card:hover .hub-card-art{transform:translateY(-4px)rotate(-4deg)scale(1.07)}.hub-card[data-art="6"] .hub-card-art{filter:drop-shadow(0 8px 16px #00000073)brightness(1.3)saturate(1.2)}@media (width<=480px){.hub-card-art{width:64px;height:64px}.hub-card-text{padding-right:68px}}.player-topbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.player-brand{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--accent-glow);border:1px solid var(--accent);border-radius:var(--r-full);padding:5px 14px;font-size:12px;font-weight:700}.eea-player{background:#000;border-radius:16px;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.eea-player:fullscreen{border-radius:0}.eea-player.is-fs{border-radius:0}.eea-player:focus-visible{box-shadow:0 0 0 3px var(--accent)}.eea-yt-mount,.eea-yt-mount iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.eea-catcher{z-index:3;cursor:pointer;position:absolute;inset:0 0 54px}.eea-buffering{z-index:4;pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.eea-buffering.is-on{opacity:1}.eea-spinner{border:4px solid #ffffff40;border-top-color:#818cf8;border-radius:50%;width:46px;height:46px;animation:.8s linear infinite eeaSpin}@keyframes eeaSpin{to{transform:rotate(360deg)}}.eea-bigplay{z-index:4;cursor:pointer;background:var(--gradient-brand);color:#fff;width:76px;height:76px;transition:transform .25s var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #00000073}.eea-bigplay:hover{transform:translate(-50%,-50%)scale(1.08)}.eea-bigplay svg{width:30px;height:30px;margin-left:3px}.eea-error{z-index:6;color:#fca5a5;text-align:center;background:#000000d9;justify-content:center;align-items:center;padding:20px;font-size:14px;display:flex;position:absolute;inset:0}.eea-bigplay.hidden,.eea-error.hidden{display:none}.eea-controls{z-index:5;background:linear-gradient(#0000,#0206178c 30%,#020617eb);align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.eea-btn{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,color .2s;display:flex}.eea-btn:hover{color:#fff;background:#ffffff1f}.eea-btn svg{width:19px;height:19px}.eea-progress{cursor:pointer;touch-action:none;flex:1;align-items:center;height:18px;display:flex}.eea-track{background:#ffffff38;border-radius:99px;width:100%;height:5px;position:relative}.eea-buffered{background:#ffffff59;border-radius:99px;width:0;position:absolute;top:0;bottom:0;left:0}.eea-played{background:var(--gradient-brand);border-radius:99px;width:0;position:absolute;top:0;bottom:0;left:0}.eea-thumb{background:#fff;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;right:-6px;transform:translateY(-50%);box-shadow:0 0 0 3px #818cf880}.eea-time{color:#cbd5e1;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:12px}.eea-volume{accent-color:#818cf8;cursor:pointer;flex-shrink:0;width:74px}.eea-menu-wrap{flex-shrink:0;position:relative}.eea-menu-btn{width:auto;min-width:44px;font-size:12px;font-weight:700;font-family:var(--font-heading);padding:0 10px}.eea-menu{-webkit-backdrop-filter:blur(10px);z-index:8;background:#020617f2;border:1px solid #ffffff1f;border-radius:12px;min-width:120px;max-height:220px;padding:6px;position:absolute;bottom:44px;right:0;overflow-y:auto}.eea-menu-item{text-align:left;color:#cbd5e1;cursor:pointer;width:100%;font-size:13px;font-family:var(--font-body);background:0 0;border:none;border-radius:8px;padding:8px 12px;display:block}.eea-menu-item:hover{color:#fff;background:#ffffff1a}.eea-menu-item.is-active{color:#a5b4fc;font-weight:700}@media (pointer:fine){body.custom-cursor,body.custom-cursor *{cursor:none!important}.cursor-ball{border:2px solid var(--accent);pointer-events:none;z-index:20000;width:34px;height:34px;box-shadow:0 0 18px var(--accent-glow), inset 0 0 8px var(--accent-glow);opacity:0;border-radius:50%;transition:width .25s,height .25s,opacity .25s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--accent);pointer-events:none;z-index:20001;opacity:0;border-radius:50%;width:6px;height:6px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body.cursor-ready .cursor-ball,body.cursor-ready .cursor-dot{opacity:1}body.cursor-hover .cursor-ball{background:var(--accent-glow);width:52px;height:52px}}@media (pointer:coarse){.cursor-ball,.cursor-dot{display:none}}.secret-glow{animation:.45s secretPulse}@keyframes secretPulse{0%{filter:drop-shadow(0 0 #6366f100);transform:scale(1)}40%{filter:drop-shadow(0 0 14px #6366f1e6);transform:scale(1.12)}to{filter:drop-shadow(0 0 #6366f100);transform:scale(1)}}.boot-shield{z-index:15000;background:var(--bg);color:var(--text-muted);font-family:var(--font-body);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex;position:fixed;inset:0}.boot-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite bootSpin}@keyframes bootSpin{to{transform:rotate(360deg)}}.reveal{opacity:0;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent-glow);color:var(--accent)}@media (width<=768px){.hero{text-align:center;flex-direction:column-reverse;min-height:auto;padding:40px 16px}.hero-text>p{margin:0 auto 28px}.hero-actions{justify-content:center}.hero-logo img{max-width:58%}.form-row{flex-direction:column;gap:0}.list-item{flex-direction:column;align-items:flex-start}.list-actions{justify-content:flex-end;width:100%}.list-item-info{width:100%}.toast-host{align-items:stretch;left:16px;right:16px}.toast{max-width:none}.wa-float{width:50px;height:50px;bottom:100px;right:16px}.gallery-nav{display:none}}@media (width<=520px){.eea-volume{display:none}.eea-time{font-size:11px}}@media (pointer:fine){body:fullscreen .cursor-ball{z-index:2147483646}body:has(:fullscreen) .cursor-ball{z-index:2147483646}body:has(:fullscreen) .cursor-dot{z-index:2147483647}:is(:fullscreen .eea-player,.eea-player:fullscreen){cursor:auto!important}}.eea-qlabel{color:#cbd5e1;font-size:12px;font-weight:700;font-family:var(--font-heading);letter-spacing:.05em;cursor:help;white-space:nowrap;flex-shrink:0;padding:0 6px}.eea-controls{transition:opacity .3s,transform .3s}.eea-player.is-idle .eea-controls{opacity:0;pointer-events:none;transform:translateY(100%)}body.player-idle .cursor-ball,body.player-idle .cursor-dot{transition:opacity .3s;opacity:0!important}.eea-player.is-idle{cursor:none!important}.eea-player:fullscreen.is-idle{cursor:none!important}.badge--late{color:var(--warning);background:var(--warning-bg)}.badge--ontime{color:var(--success);background:var(--success-bg)}.hw-card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-left:5px solid var(--accent);border-radius:var(--r-md);box-shadow:var(--shadow-md);margin-bottom:16px;padding:20px}.hw-card.is-done{border-left-color:var(--success);opacity:.92}.hw-card.is-missed{border-left-color:var(--danger)}.hw-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hw-card-title h3{margin-bottom:2px;font-size:16px}.hw-meta{color:var(--text-muted);margin:2px 0;font-size:12px}.hw-desc{margin:8px 0;font-size:14px}.hw-countdown{color:var(--accent);font-weight:600}.hw-overdue{color:var(--danger)}.hw-attach a{align-items:center;gap:6px;font-size:13px;display:inline-flex}.hw-attach svg{width:15px;height:15px}.hw-sub{border-top:1px dashed var(--border);margin-top:14px;padding-top:14px}