/*
================================================================================
================================================================================
N.O.E. - NÚCLEO OFIMÁTICO EDUCATIVO
© 2021-2026 Angel Manuel Guevara Chavarría - TODOS LOS DERECHOS RESERVADOS
================================================================================
================================================================================

PROPIEDAD INTELECTUAL Y PROTECCIÓN LEGAL

Este archivo de hojas de estilo en cascada (CSS), junto con todo el diseño,
estructura, animaciones, colores, tipografías, efectos visuales, layout y
diseño de interfaz de usuario que contiene, es propiedad intelectual exclusiva
de Angel Manuel Guevara Chavarría y del Núcleo Ofimático Educativo (N.O.E.).

ESTE CÓDIGO ESTÁ PROTEGIDO POR:
- Ley de Derechos de Autor y Propiedad Intelectual
- Tratados Internacionales de Protección de Propiedad Intelectual
- Normativas de Propiedad Industrial y Comercial
- Ley de Protección de Datos y Secretos Comerciales

ADVERTENCIA LEGAL:

El uso, reproducción, distribución, modificación, ingeniería inversa,
descompilación, extracción, adaptación o explotación no autorizada de este
código fuente, diseño visual, animaciones, efectos, colores, tipografías,
estructura o cualquier elemento derivado de este archivo, queda estrictamente
PROHIBIDO sin el consentimiento escrito explícito del autor y fundador.

CUALQUIER INTENTO DE:
1. Copiar, clonar o replicar este diseño sin autorización
2. Extraer, modificar o adaptar los estilos, animaciones o efectos
3. Utilizar este código en proyectos personales, comerciales o educativos
4. Realizar ingeniería inversa para obtener los algoritmos de animación
5. Distribuir, vender o comercializar derivados de este diseño
6. Ocultar o remover los créditos del autor y fundador

CONSTITUYE UNA VIOLACIÓN DE LOS DERECHOS DE AUTOR Y PUEDE SER SANCIONADO
LEGALMENTE CON:
- Demandas civiles por daños y perjuicios económicos
- Indemnizaciones por uso no autorizado de propiedad intelectual
- Acciones penales según la legislación local e internacional
- Medidas cautelares y órdenes de cese de actividades ilícitas

RESPONSABILIDAD DEL USUARIO:

Cualquier persona que acceda a este sitio web y decida inspeccionar, analizar
o estudiar el código fuente, está reconociendo implícitamente que:
- El diseño visual y los estilos son propiedad exclusiva del autor
- La inspección de código con fines educativos está permitida SOLO para
  aprendizaje personal, NO para reproducción o uso comercial
- Cualquier intento de extracción, copia o uso no autorizado será perseguido
- El autor se reserva el derecho de acción legal inmediata contra infractores

CRÉDITOS OBLIGATORIOS:

Si por alguna razón excepcional se otorga permiso escrito para usar elementos
de este diseño, los siguientes créditos deben permanecer visibles y intactos:

"Desarrollado, creado y fundado por Angel Manuel Guevara Chavarría
N.O.E. - Núcleo Ofimático Educativo © 2021-2026"

TODOS LOS DERECHOS RESERVADOS - SIN PERMISO ESCRITO EXPLÍCITO

================================================================================
ÚLTIMA ACTUALIZACIÓN: 2026
REGISTRO DE PROPIEDAD INTELECTUAL: N.O.E. - ANGEL MANUEL GUEVARA CHAVARRÍA
PROYECTO: NUVEN OFIMÁTICO EDUCATIVO - SISTEMA DE GESTIÓN INTELIGENTE
================================================================================
*/

:root {--bg-absolute: #000000;--bg-main: #050505;--bg-surface: #0f0f12;--bg-glass: rgba(10, 10, 10, 0.75);--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #666666;--border-glass: rgba(255, 255, 255, 0.06);--border-active: rgba(255, 255, 255, 0.2);--shadow-shadow: 0 20px 40px rgba(0, 0, 0, 0.7);--font-tech: 'Space Grotesk', sans-serif;--font-body: 'Poppins', sans-serif;}
*, *::before, *::after {margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth;}
body {background-color: var(--bg-absolute);color: var(--text-primary);font-family: var(--font-body);min-height: 100vh;}
.noe-stealth-bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%;background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);background-size: 32px 32px;z-index: 1; pointer-events: none;}
.noe-master-wrapper {position: relative; width: 100%; z-index: 2; padding-top: 80px;}
.noe-header-sticky {position: fixed; top: 0; left: 0; width: 100%; height: 80px;background-color: var(--bg-glass);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border-glass);z-index: 1000;display: flex; align-items: center;}
.noe-nav-container {width: 100%; max-width: 1400px; margin: 0 auto;padding: 0 40px; display: flex; justify-content: space-between; align-items: center;}
.noe-logo-area { display: flex; flex-direction: column; cursor: default; }
.noe-logo-text {font-family: var(--font-tech); font-size: 1.6rem; font-weight: 700;letter-spacing: 2px; color: var(--text-primary); line-height: 1;}
.noe-logo-sub {font-size: 0.65rem; font-weight: 500; text-transform: uppercase;letter-spacing: 3px; color: var(--text-muted); margin-top: 4px;}
.noe-btn-premium {text-decoration: none; display: inline-flex; align-items: center; gap: 12px;background-color: var(--text-primary); color: var(--bg-absolute);padding: 12px 24px; border-radius: 4px; font-family: var(--font-tech);font-size: 0.85rem; font-weight: 600; text-transform: uppercase;letter-spacing: 1px; border: 1px solid var(--text-primary);cursor: pointer; transition: all 0.3s ease;}
.noe-btn-premium:hover {background-color: transparent; color: var(--text-primary);box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); transform: translateY(-2px);}
.btn-icon { font-size: 0.9rem; transition: transform 0.3s ease; }
.noe-btn-premium:hover .btn-icon { transform: translateX(-4px); }
@media (max-width: 600px) {.noe-header-sticky {height: 60px;}.noe-nav-container {padding: 0 20px;}.noe-logo-text {font-size: 1.1rem;}.noe-btn-premium {padding: 8px 16px !important;font-size: 0.7rem !important;gap: 8px;}}
.noe-robot-canvas-section {width: 100%;max-width: 1200px;margin: 10px auto -10rem auto;display: flex;justify-content: center;align-items: center;}
.noe-robot-viewport {position: relative;width: 400px;height: 450px;background: radial-gradient(circle, rgba(15, 20, 35, 0.3) 0%, transparent 70%);display: flex;justify-content: center;align-items: center;}
.noe-friendly-bot {position: relative;width: 140px;height: 240px;display: flex;flex-direction: column;align-items: center;z-index: 5;animation: noeBotFloat 3.5s ease-in-out infinite alternate;}
.noe-bot-antenna {width: 4px;height: 20px;background: #3a4155;position: relative;}
.noe-bot-antenna::before {content: '';position: absolute;top: -8px;left: -4px;width: 12px;height: 12px;background: #ffffff;border-radius: 50%;box-shadow: 0 0 15px #ffffff;}
.noe-bot-head {width: 130px;height: 100px;background: linear-gradient(145deg, #242b3d 0%, #0d111a 100%);border: 2px solid rgba(255, 255, 255, 0.08);border-radius: 45px;display: flex;justify-content: center;align-items: center;position: relative;box-shadow: 0 10px 25px rgba(0,0,0,0.5);}
.noe-bot-face {width: 100px;height: 70px;background: #06080d;border-radius: 30px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;position: relative;overflow: hidden;}
.noe-bot-eyes {display: flex;gap: 24px;}
.noe-bot-eye {width: 18px;height: 18px;background: #ffffff;border-radius: 50%;box-shadow: 0 0 12px #ffffff;animation: noeBotBlink 4s infinite steps(1);}
.noe-bot-smile {width: 30px;height: 12px;border-bottom: 3px solid rgba(255, 255, 255, 0.85);border-radius: 0 0 15px 15px;}
.noe-bot-body {width: 90px;height: 95px;background: linear-gradient(145deg, #1c2230 0%, #090c12 100%);border: 2px solid rgba(255, 255, 255, 0.05);border-radius: 25px;margin-top: -5px;position: relative;box-shadow: 0 10px 20px rgba(0,0,0,0.4);display: flex;justify-content: center;align-items: center;}
.noe-bot-chest-plate {width: 50px;height: 35px;background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.05);border-radius: 8px;}
.noe-bot-cane {position: absolute;left: -25px;top: 50px;width: 6px;height: 170px;background: linear-gradient(180deg, #ffffff 0%, #1c2230 100%);border-radius: 4px;box-shadow: 0 5px 15px rgba(0,0,0,0.5);transform-origin: bottom center;animation: noeCaneLeaning 3.5s ease-in-out infinite alternate;}
.noe-bot-cane::before {content: '';position: absolute;top: -16px;left: -7px;width: 20px;height: 20px;background: radial-gradient(circle, #ffffff 0%, #a2aabf 100%);border-radius: 50%;box-shadow: 0 0 10px rgba(255, 255, 255, 0.4);}
.noe-bot-wheel {width: 35px;height: 35px;background: #111522;border: 2px solid rgba(255, 255, 255, 0.1);border-radius: 50%;margin-top: -10px;box-shadow: inset 0 5px 10px rgba(0,0,0,0.8);}
.noe-bot-floor-shadow {position: absolute;bottom: 50px;width: 120px;height: 14px;background: rgba(0, 0, 0, 0.6);border-radius: 50%;filter: blur(4px);animation: noeFloorShadowChange 3.5s ease-in-out infinite alternate;}
@keyframes noeBotFloat {0% {transform: translateY(0);}100% {transform: translateY(-15px);}}
@keyframes noeBotBlink {0%, 95%, 100% { transform: scaleY(1); }97.5% { transform: scaleY(0.1); }}
@keyframes noeCaneLeaning {0% {transform: rotate(-2deg);}100% {transform: rotate(3deg) translateY(5px);}}
@keyframes noeFloorShadowChange {0% {transform: scale(1);opacity: 0.9;}100% {transform: scale(0.85);opacity: 0.4;}}
@media (max-width: 990px) {.noe-master-wrapper {padding-top: 60px;}.noe-nav-container {padding: 0 20px;}.noe-robot-viewport {width: 100%;height: 300px;transform: scale(0.8);}}
@media (max-width: 600px) {.noe-robot-viewport {height: 250px;transform: scale(0.65);margin-top: -20px;}.noe-logo-text {font-size: 1.2rem;}.noe-logo-sub {letter-spacing: 1px;}.noe-master-wrapper {padding-top: 50px;}}
@media (max-width: 400px) {.noe-robot-viewport {transform: scale(0.5);}}
:root {--bg-absolute: #000000;--bg-surface: #0f0f12;--bg-panel: #16161a;--bg-glass: rgba(10, 10, 10, 0.75);--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #666666;--accent-success: #27c93f;--accent-error: #ff5f57;--accent-focus: #ffffff;--border-glass: rgba(255, 255, 255, 0.06);--border-input: #333338;--shadow-shadow: 0 20px 40px rgba(0, 0, 0, 0.7);--font-tech: 'Space Grotesk', sans-serif;--font-body: 'Poppins', sans-serif;}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; }
body { background-color: var(--bg-absolute); color: var(--text-primary); font-family: var(--font-body); min-height: 100vh; }
.noe-stealth-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px); background-size: 32px 32px; z-index: 1; pointer-events: none; }
.noe-master-wrapper { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; z-index: 2; padding: 120px 40px 40px 40px; }
.noe-header-sticky { position: fixed; top: 0; left: 0; width: 100%; height: 80px; background-color: var(--bg-glass); backdrop-filter: blur(20px); border-bottom: 1px solid var(--border-glass); z-index: 1000; display: flex; align-items: center; }
.noe-nav-container { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 40px; display: flex; justify-content: space-between; align-items: center; }
.noe-logo-text { font-family: var(--font-tech); font-size: 1.6rem; font-weight: 700; color: var(--text-primary); line-height: 1; }
.noe-logo-sub { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 3px; color: var(--text-muted); margin-top: 4px; display: block; }
.noe-btn-back { text-decoration: none; display: inline-flex; align-items: center; gap: 10px; background-color: #ffffff; color: #000000; padding: 10px 20px; border-radius: 4px; font-family: var(--font-tech); font-size: 0.8rem; font-weight: 600; text-transform: uppercase; border: none; cursor: pointer; transition: 0.3s ease; }
.noe-btn-back:hover { background-color: #f0f0f0; transform: translateY(-1px); }
.noe-registry-terminal-section { width: 100%; display: flex; flex-direction: column; gap: 40px; }
.noe-terminal-header { display: flex; align-items: center; gap: 20px; padding-bottom: 30px; border-bottom: 1px solid var(--border-glass); }
.noe-terminal-icon { font-size: 2.2rem; color: #ffffff; }
.noe-terminal-title { font-family: var(--font-tech); font-size: 2rem; font-weight: 700; }
.noe-terminal-subtitle { color: var(--text-muted); font-size: 0.9rem; margin-top: 4px; }
.noe-terminal-bento-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.noe-terminal-column { background-color: var(--bg-panel); border: 1px solid #1c1c21; border-radius: 16px; padding: 30px; }
.noe-panel-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 1px solid var(--border-glass); margin-bottom: 25px; }
.noe-panel-tag { font-family: var(--font-tech); font-size: 0.7rem; font-weight: 600; text-transform: uppercase; color: var(--text-muted); letter-spacing: 2px; }
.noe-status-badge { font-family: var(--font-tech); font-size: 0.7rem; font-weight: 700; padding: 4px 10px; border-radius: 4px; letter-spacing: 1px; }
.status-locked { background-color: rgba(255, 95, 87, 0.1); color: var(--accent-error); border: 1px solid rgba(255, 95, 87, 0.2); }
.status-active { background-color: rgba(39, 201, 63, 0.1); color: var(--accent-success); border: 1px solid rgba(39, 201, 63, 0.2); }
.noe-panel-modal { position: relative; width: 100%; z-index: 10; display: flex; justify-content: center; align-items: center; padding: 20px; text-align: center; }
.noe-modal-content { display: flex; flex-direction: column; align-items: center; gap: 20px; max-width: 400px; }
.noe-modal-icon { font-size: 3rem; color: #ffffff; }
.noe-modal-title { font-family: var(--font-tech); font-size: 1.3rem; font-weight: 600; }
.noe-modal-text { color: var(--text-secondary); font-size: 0.85rem; line-height: 1.6; }
.noe-panel-form { display: flex; flex-direction: column; gap: 15px; }
.noe-reg-locked { display: none; }
.noe-form-group { display: flex; flex-direction: column; gap: 6px; }
.noe-form-label { font-size: 0.8rem; color: var(--text-secondary); font-weight: 500; }
.noe-form-input { background-color: #0c0c0e; border: 1px solid var(--border-input); color: #ffffff; padding: 12px 16px; border-radius: 6px; font-family: var(--font-body); font-size: 0.85rem; width: 100%; transition: 0.2s; }
.noe-form-input:focus { outline: none; border-color: var(--accent-focus); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.03); }
.noe-form-input:disabled { opacity: 0.4; cursor: not-allowed; }
.noe-form-group.box-error .noe-form-input { border-color: #6a1a1a; background-color: rgba(255, 95, 87, 0.02); }
.noe-form-group.box-error .noe-form-input:focus { border-color: var(--accent-error); }
.noe-form-group.box-success .noe-form-input { border-color: #1a4d2a; background-color: rgba(39, 201, 63, 0.02); }
.noe-form-group.box-success .noe-form-input:focus { border-color: var(--accent-success); }
.noe-btn-premium { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #ffffff; color: #000000; border: none; padding: 12px 24px; border-radius: 4px; font-family: var(--font-tech); font-size: 0.8rem; font-weight: 600; text-transform: uppercase; cursor: pointer; transition: 0.3s; }
.noe-btn-premium:hover { background: #f0f0f0; transform: translateY(-1px); color: #000000; }
.noe-w-full { width: 100%; }
.noe-btn-form { background-color: transparent; color: var(--text-muted); border: 1px solid var(--border-input); padding: 12px 24px; border-radius: 6px; font-family: var(--font-tech); font-size: 0.8rem; font-weight: 600; text-transform: uppercase; cursor: not-allowed; transition: 0.3s; margin-top: 10px; }
.noe-btn-form .btn-icon { font-size: 1rem; }
.noe-btn-form.active-transmit { background-color: #ffffff; color: #000000; border-color: #ffffff; cursor: pointer; box-shadow: 0 5px 15px rgba(255,255,255,0.05); }
.noe-btn-form.active-transmit:hover { transform: translateY(-1px); }
.robot-panel { position: relative; padding: 0; overflow: hidden; display: flex; flex-direction: column; height: 100%; min-height: 400px; }
.robot-panel .noe-panel-header { padding: 30px 30px 15px 30px; margin-bottom: 0; border: none; }
.noe-robot-viewport { flex-grow: 1; display: flex; justify-content: center; align-items: center; padding: 30px; position: relative; }
.noe-friendly-bot { position: relative; width: 140px; height: 240px; display: flex; flex-direction: column; align-items: center; z-index: 5; animation: noeBotFloat 3.5s ease-in-out infinite alternate; }
.noe-bot-antenna { width: 4px; height: 20px; background: #3a4155; position: relative; }
.noe-bot-antenna::before { content: ''; position: absolute; top: -8px; left: -4px; width: 12px; height: 12px; background: #ffffff; border-radius: 50%; box-shadow: 0 0 15px #ffffff; }
.noe-bot-head { width: 130px; height: 100px; background: linear-gradient(145deg, #242b3d 0%, #0d111a 100%); border: 2px solid rgba(255, 255, 255, 0.08); border-radius: 45px; display: flex; justify-content: center; align-items: center; box-shadow: 0 10px 25px rgba(0,0,0,0.5); }
.noe-bot-face { width: 100px; height: 70px; background: #06080d; border-radius: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; overflow: hidden; }
.noe-bot-eyes { display: flex; gap: 24px; }
.noe-bot-eye { width: 18px; height: 18px; background: #ffffff; border-radius: 50%; box-shadow: 0 0 12px #ffffff; animation: noeBotBlink 4s infinite steps(1); }
.noe-bot-smile { width: 30px; height: 12px; border-bottom: 3px solid rgba(255, 255, 255, 0.85); border-radius: 0 0 15px 15px; }
.noe-bot-body { width: 90px; height: 95px; background: linear-gradient(145deg, #1c2230 0%, #090c12 100%); border: 2px solid rgba(255, 255, 255, 0.05); border-radius: 25px; margin-top: -5px; box-shadow: 0 10px 20px rgba(0,0,0,0.4); display: flex; justify-content: center; align-items: center; }
.noe-bot-chest-plate { width: 50px; height: 35px; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 8px; }
.noe-bot-cane { position: absolute; left: -25px; top: 50px; width: 6px; height: 170px; background: linear-gradient(180deg, #ffffff 0%, #1c2230 100%); border-radius: 4px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); transform-origin: bottom center; animation: noeCaneLeaning 3.5s ease-in-out infinite alternate; }
.noe-bot-cane::before { content: ''; position: absolute; top: -16px; left: -7px; width: 20px; height: 20px; background: radial-gradient(circle, #ffffff 0%, #a2aabf 100%); border-radius: 50%; box-shadow: 0 0 10px rgba(255, 255, 255, 0.4); }
.noe-bot-wheel { width: 35px; height: 35px; background: #111522; border: 2px solid rgba(255, 255, 255, 0.1); border-radius: 50%; margin-top: -10px; box-shadow: inset 0 5px 10px rgba(0,0,0,0.8); }
.noe-bot-floor-shadow { position: absolute; bottom: 40px; width: 120px; height: 14px; background: rgba(0, 0, 0, 0.6); border-radius: 50%; filter: blur(4px); animation: noeFloorShadowChange 3.5s ease-in-out infinite alternate; }
@keyframes noeBotFloat { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } }
@keyframes noeBotBlink { 0%, 95%, 100% { transform: scaleY(1); } 97.5% { transform: scaleY(0.1); } }
@keyframes noeCaneLeaning { 0% { transform: rotate(-2deg); } 100% { transform: rotate(3deg) translateY(5px); } }
@keyframes noeFloorShadowChange { 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(0.85); opacity: 0.4; } }
.noe-maintenance-notice {margin-top: 25px;padding: 15px;background: rgba(255, 255, 255, 0.03);border: 1px dashed rgba(255, 255, 255, 0.2);border-radius: 6px;text-align: center;font-family: var(--font-tech);font-size: 0.7rem;color: var(--text-muted);letter-spacing: 1px;text-transform: uppercase;}
.noe-friendly-bot.bot-angry .noe-bot-eye {background: #ff0000;box-shadow: 0 0 15px #ff0000, 0 0 5px #ff0000;border: none;animation: noeBotBlinkAngry 0.2s infinite steps(1);}
@keyframes noeBotBlinkAngry {0%, 100% { transform: scaleY(1); opacity: 1; }50% { transform: scaleY(0.1); opacity: 0.5; }}
@media (max-width: 990px) {.noe-terminal-bento-grid {grid-template-columns: 1fr;gap: 20px;}.robot-panel {min-height: 300px;}.noe-master-wrapper {padding: 100px 20px 40px 20px;}}
@media (max-width: 600px) {.noe-terminal-title {font-size: 1.5rem;}.noe-terminal-column {padding: 20px;}.noe-robot-viewport {transform: scale(0.7);padding: 10px;}.noe-maintenance-notice {font-size: 0.6rem;line-height: 1.4;}}
@media (max-width: 400px) {.noe-robot-viewport {transform: scale(0.55);}}
@media (max-width: 600px) {.noe-header-sticky {height: 60px;}.noe-logo-text {font-size: 1.1rem;}.noe-logo-sub {font-size: 0.5rem;letter-spacing: 1px;margin-top: 2px;}.noe-btn-back {padding: 8px 14px;font-size: 0.7rem;gap: 6px;}}
@media (max-width: 600px) {.noe-btn-form {padding: 10px 16px;font-size: 0.75rem;}}
@media (max-width: 600px) {.noe-terminal-header {flex-direction: column;text-align: center;gap: 10px;}.noe-terminal-icon {font-size: 1.5rem;}.noe-terminal-title {font-size: 1.3rem;}.noe-terminal-subtitle {font-size: 0.8rem;}}
.noe-countdown-display { display: flex; justify-content: center; gap: 20px; margin-top: 20px; }
.time-box { display: flex; flex-direction: column; align-items: center; background: rgba(255,255,255,0.03); padding: 15px; border-radius: 8px; min-width: 80px; border: 1px solid var(--border-glass); }
.time-box span { font-family: var(--font-tech); font-size: 2rem; font-weight: 700; }
.time-box small { font-size: 0.6rem; text-transform: uppercase; color: var(--text-muted); letter-spacing: 1px; margin-top: 5px; }
@media (max-width: 990px) {.countdown-panel {padding: 20px;}.noe-countdown-display {gap: 10px;flex-wrap: wrap;}.time-box {padding: 10px;min-width: 70px;}.time-box span {font-size: 1.5rem;}.time-box small {font-size: 0.5rem;}}
@media (max-width: 600px) {.noe-countdown-display {gap: 8px;}.time-box {min-width: 60px;padding: 8px;}.time-box span {font-size: 1.2rem;}}
.noe-god-footer {width: 100%;text-align: center;padding: 40px 20px;margin-top: 50px;color: var(--text-muted);font-family: var(--font-tech);font-size: 0.65rem;text-transform: uppercase;letter-spacing: 2px;}
.noe-god-footer p:hover {color: var(--text-primary);transition: 0.4s ease;cursor: default;}
@media (max-width: 990px) {.countdown-panel { padding: 20px; }.noe-countdown-display { gap: 10px; flex-wrap: wrap; }.time-box { padding: 10px; min-width: 70px; }.time-box span { font-size: 1.5rem; }.time-box small { font-size: 0.5rem; }.noe-god-footer {padding: 30px 20px;font-size: 0.6rem;letter-spacing: 1.5px;}}
@media (max-width: 600px) {.noe-countdown-display { gap: 8px; }.time-box { min-width: 60px; padding: 8px; }.time-box span { font-size: 1.2rem; }.noe-god-footer {padding: 20px 10px;font-size: 0.55rem;}}
.security-alert {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);width: 50000px !important;height: 50000px !important;display: flex;justify-content: center;align-items: center;z-index: 999999;pointer-events: none;transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.security-alert.active {transform: translate(-50%, -50%) scale(1);}
.alert-icon {width: 300%;height: 300%;display: flex;justify-content: center;align-items: center;color: #ffcc005e;opacity: 0;transition: opacity 0.2s ease;}
.security-alert.active .alert-icon {opacity: 1;animation: alertPulse 1.5s infinite;}
@keyframes alertPulse {0% { transform: scale(1); opacity: 1; }50% { transform: scale(1.1); opacity: 0.7; }100% { transform: scale(1); opacity: 1; }}
.noe-visio-hub {display: flex;justify-content: center;padding: 10px 10px;background: transparent;}
.visio-content-wrapper {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 10000px;}
.img-video-logo {display: flex;align-items: center;justify-content: center;gap: 15px;background-color: #06080d;padding: 1.5rem 2rem;width: fit-content;min-width: 300px;margin: 0 auto 25px auto;border-radius: 1rem;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 10px 15px rgba(0, 0, 0, 0.5);border: 1px solid rgba(51, 85, 153, 0.3);transition: transform 0.3s ease;}
.visio-icon-small {width: 80px; height: 80px;object-fit: contain;}
.visio-title {font-family: 'Space Grotesk', sans-serif;font-size: 2.2rem;color: rgb(255, 255, 255);margin: 0;}
.visio-desc {color: white;font-family: 'Poppins', sans-serif;margin-bottom: 40px;text-align: center;}
.visio-btn-grid {display: flex;justify-content: center;align-items: stretch;width: 100%;gap: 0;}
.visio-btn {background: transparent;border: none;border-left: 1px solid #2b579a;color: #fff;padding: 15px 20px;font-family: 'Space Grotesk', sans-serif;font-size: 0.7rem;text-transform: uppercase;cursor: pointer;transition: all 0.3s ease;flex: 1;}
.visio-btn:first-child {border-left: none;}
.visio-btn:hover {background: rgba(43, 87, 154, 0.2);color: #fff;}
.visio-btn.activated {background-color: rgb(51, 85, 153);color: #fff;font-weight: 700;}
.video-grid-container {display: grid;padding: 2rem 0 2rem 0;grid-template-columns: repeat(3, 1fr); gap: 50px;}
.video-card {background: transparent;border: 1px solid rgb(51, 85, 153);border-radius: 8px;overflow: hidden;position: relative;width: 400px;height: 250px;}
.video-card:hover {border-color: rgb(47, 103, 214);}
.video-preview-area {width: 100%;height: 180px;background: #000;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}
.video-preview-area img.youtube-thumb {width: 100%;height: 100%;object-fit: cover;}
.no-video-content {display: flex;flex-direction: column;align-items: center;color: #fff;text-align: center;padding: 20px;}
.no-video-icon {font-size: 40px;margin-bottom: 10px;}
.no-video-text {font-size: 14px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;}
.play-overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;background: rgba(255, 0, 0, 0.8);border-radius: 50%;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.play-overlay::after {content: '';display: block;width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 16px solid white;margin-left: 4px;}
.video-title {padding: 15px;font-weight: bold;font-size: 16px;color: #ffffff;text-align: center;}
.noe-ppt-hub {display: flex;justify-content: center;padding: 10px 10px;background: transparent;}
.ppt-content-wrapper {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 10000px;}
.ppt-img-video-logo {display: flex;align-items: center;justify-content: center;gap: 15px;background-color: #0d0906;padding: 1.5rem 2rem;width: fit-content;min-width: 300px;margin: 0 auto 25px auto;border-radius: 1rem;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 10px 15px rgba(0, 0, 0, 0.5);border: 1px solid rgba(210, 71, 38, 0.3); transition: transform 0.3s ease;}
.ppt-icon-small {width: 80px; height: 80px;object-fit: contain;}
.ppt-title {font-family: 'Space Grotesk', sans-serif;font-size: 2.2rem;color: rgb(255, 255, 255);margin: 0;}
.ppt-desc {color: white;font-family: 'Poppins', sans-serif;margin-bottom: 40px;text-align: center;}
.ppt-btn-grid {display: flex;justify-content: center;align-items: stretch;width: 100%;gap: 0;}
.ppt-btn {background: transparent;border: none;border-left: 1px solid #d24726; color: #fff;padding: 15px 20px;font-family: 'Space Grotesk', sans-serif;font-size: 0.7rem;text-transform: uppercase;cursor: pointer;transition: all 0.3s ease;flex: 1;}
.ppt-btn:first-child {border-left: none;}
.ppt-btn:hover {background: rgba(210, 71, 38, 0.2);color: #fff;}
.ppt-btn.activated {background-color: rgb(210, 71, 38);color: #fff;font-weight: 700;}
.ppt-video-grid-container {display: grid;padding: 2rem 0 2rem 0;grid-template-columns: repeat(3, 1fr); gap: 50px;}
.ppt-video-card {background: transparent;border: 1px solid rgb(210, 71, 38);border-radius: 8px;overflow: hidden;position: relative;width: 400px;height: 250px;}
.ppt-video-card:hover {border-color: #ff6b55;}
.ppt-video-preview-area {width: 100%;height: 180px;background: #000;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}
.ppt-youtube-thumb {width: 100%;height: 100%;object-fit: cover;}
.ppt-no-video-content {display: flex;flex-direction: column;align-items: center;color: #fff;text-align: center;padding: 20px;}
.ppt-no-video-icon {font-size: 40px;margin-bottom: 10px;}
.ppt-no-video-text {font-size: 14px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;}
.ppt-play-overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;background: rgba(210, 71, 38, 0.8);border-radius: 50%;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.ppt-play-overlay::after {content: '';display: block;width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 16px solid white;margin-left: 4px;}
.ppt-video-title {padding: 15px;font-weight: bold;font-size: 16px;color: #ffffff;text-align: center;}
.noe-proj-hub {display: flex;justify-content: center;padding: 10px 10px;background: transparent;}
.proj-content-wrapper {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 10000px;}
.proj-img-video-logo {display: flex;align-items: center;justify-content: center;gap: 15px;background-color: #060d08;padding: 1.5rem 2rem;width: fit-content;min-width: 300px;margin: 0 auto 25px auto;border-radius: 1rem;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 10px 15px rgba(0, 0, 0, 0.5);border: 1px solid rgba(0, 178, 47, 0.3); transition: transform 0.3s ease;}
.proj-icon-small {width: 80px; height: 80px;object-fit: contain;}
.proj-title {font-family: 'Space Grotesk', sans-serif;font-size: 2.2rem;color: rgb(255, 255, 255);margin: 0;}
.proj-desc {color: white;font-family: 'Poppins', sans-serif;margin-bottom: 40px;text-align: center;}
.proj-btn-grid {display: flex;justify-content: center;align-items: stretch;width: 100%;gap: 0;}
.proj-btn {background: transparent;border: none;border-left: 1px solid #052802; color: #fff;padding: 15px 20px;font-family: 'Space Grotesk', sans-serif;font-size: 0.7rem;text-transform: uppercase;cursor: pointer;transition: all 0.3s ease;flex: 1;}
.proj-btn:first-child {border-left: none;}
.proj-btn:hover {background: rgba(0, 66, 5, 0.2);color: #fff;}
.proj-btn.activated {background-color: rgb(0, 42, 10);color: #fff;font-weight: 700;}
.proj-video-grid-container {display: grid;padding: 2rem 0 2rem 0;grid-template-columns: repeat(3, 1fr); gap: 50px;}
.proj-video-card {background: transparent;border: 1px solid rgb(6, 45, 0);border-radius: 8px;overflow: hidden;position: relative;width: 400px;height: 250px;}
.proj-video-card:hover {border-color: #055200;}
.proj-video-preview-area {width: 100%;height: 180px;background: #000;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}
.proj-youtube-thumb {width: 100%;height: 100%;object-fit: cover;}
.proj-no-video-content {display: flex;flex-direction: column;align-items: center;color: #fff;text-align: center;padding: 20px;}
.proj-no-video-icon {font-size: 40px;margin-bottom: 10px;}
.proj-no-video-text {font-size: 14px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;}
.proj-play-overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;background: rgba(0, 178, 148, 0.8);border-radius: 50%;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.proj-play-overlay::after {content: '';display: block;width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 16px solid white;margin-left: 4px;}
.proj-video-title {padding: 15px;font-weight: bold;font-size: 16px;color: #ffffff;text-align: center;}
.noe-acc-hub {display: flex;justify-content: center;padding: 10px 10px;background: transparent;}
.acc-content-wrapper {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 10000px;}
.acc-img-video-logo {display: flex;align-items: center;justify-content: center;gap: 15px;background: rgba(164, 60, 60, 0.128);padding: 1.5rem 2rem;width: fit-content;min-width: 300px;margin: 0 auto 25px auto;border-radius: 1rem;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 10px 15px rgba(0, 0, 0, 0.5);border: 1px solid rgba(164, 60, 60, 0.3); transition: transform 0.3s ease;}
.acc-icon-small {width: 80px; height: 80px;object-fit: contain;}
.acc-title {font-family: 'Space Grotesk', sans-serif;font-size: 2.2rem;color: rgb(255, 255, 255);margin: 0;}
.acc-desc {color: white;font-family: 'Poppins', sans-serif;margin-bottom: 40px;text-align: center;}
.acc-btn-grid {display: flex;justify-content: center;align-items: stretch;width: 100%;gap: 0;}
.acc-btn {background: transparent;border: none;border-left: 1px solid #a43c3c; color: #fff;padding: 15px 20px;font-family: 'Space Grotesk', sans-serif;font-size: 0.7rem;text-transform: uppercase;cursor: pointer;transition: all 0.3s ease;flex: 1;}
.acc-btn:first-child {border-left: none;}
.acc-btn:hover {background: rgba(164, 60, 60, 0.2);color: #fff;}
.acc-btn.activated {background-color: rgb(164, 60, 60);color: #fff;font-weight: 700;}
.acc-video-grid-container {display: grid;padding: 2rem 0 2rem 0;grid-template-columns: repeat(3, 1fr); gap: 50px;}
.acc-video-card {background: transparent;border: 1px solid rgb(164, 60, 60);border-radius: 8px;overflow: hidden;position: relative;width: 400px;height: 250px;}
.acc-video-card:hover {border-color: #d65e5e;}
.acc-video-preview-area {width: 100%;height: 180px;background: #000;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}
.acc-youtube-thumb {width: 100%;height: 100%;object-fit: cover;}
.acc-no-video-content {display: flex;flex-direction: column;align-items: center;color: #fff;text-align: center;padding: 20px;}
.acc-no-video-icon {font-size: 40px;margin-bottom: 10px;}
.acc-no-video-text {font-size: 14px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;}
.acc-play-overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;background: rgba(164, 60, 60, 0.8);border-radius: 50%;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.acc-play-overlay::after {content: '';display: block;width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 16px solid white;margin-left: 4px;}
.acc-video-title {padding: 15px;font-weight: bold;font-size: 16px;color: #ffffff;text-align: center;}
.noe-word-hub {display: flex;justify-content: center;padding: 10px 10px;background: transparent;}
.word-content-wrapper {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 10000px;}
.word-img-video-logo {display: flex;align-items: center;justify-content: center;gap: 15px;background-color: #06080d;padding: 1.5rem 2rem;width: fit-content;min-width: 300px;margin: 0 auto 25px auto;border-radius: 1rem;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 10px 15px rgba(0, 0, 0, 0.5);border: 1px solid rgba(43, 87, 154, 0.3); transition: transform 0.3s ease;}
.word-icon-small {width: 80px; height: 80px;object-fit: contain;}
.word-title {font-family: 'Space Grotesk', sans-serif;font-size: 2.2rem;color: rgb(255, 255, 255);margin: 0;}
.word-desc {color: white;font-family: 'Poppins', sans-serif;margin-bottom: 40px;text-align: center;}
.word-btn-grid {display: flex;justify-content: center;align-items: stretch;width: 100%;gap: 0;}
.word-btn {background: transparent;border: none;border-left: 1px solid #2b579a; color: #fff;padding: 15px 20px;font-family: 'Space Grotesk', sans-serif;font-size: 0.7rem;text-transform: uppercase;cursor: pointer;transition: all 0.3s ease;flex: 1;}
.word-btn:first-child {border-left: none;}
.word-btn:hover {background: rgba(43, 87, 154, 0.2);color: #fff;}
.word-btn.activated {background-color: rgb(43, 87, 154);color: #fff;font-weight: 700;}
.word-video-grid-container {display: grid;padding: 2rem 0 2rem 0;grid-template-columns: repeat(3, 1fr); gap: 50px;}
.word-video-card {background: transparent;border: 1px solid rgb(43, 87, 154);border-radius: 8px;overflow: hidden;position: relative;width: 400px;height: 250px;}
.word-video-card:hover {border-color: #4a7bc9;}
.word-video-preview-area {width: 100%;height: 180px;background: #000;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}
.word-youtube-thumb {width: 100%;height: 100%;object-fit: cover;}
.word-no-video-content {display: flex;flex-direction: column;align-items: center;color: #fff;text-align: center;padding: 20px;}
.word-no-video-icon {font-size: 40px;margin-bottom: 10px;}
.word-no-video-text {font-size: 14px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;}
.word-play-overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;background: rgba(43, 87, 154, 0.8);border-radius: 50%;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.word-play-overlay::after {content: '';display: block;width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 16px solid white;margin-left: 4px;}
.word-video-title {padding: 15px;font-weight: bold;font-size: 16px;color: #ffffff;text-align: center;}
.noe-exc-hub {display: flex;justify-content: center;padding: 10px 10px;background: transparent;}
.exc-content-wrapper {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 10000px;}
.exc-img-video-logo {display: flex;align-items: center;justify-content: center;gap: 15px;background: rgba(33, 115, 70, 0.111);padding: 1.5rem 2rem;width: fit-content;min-width: 300px;margin: 0 auto 25px auto;border-radius: 1rem;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 10px 15px rgba(0, 0, 0, 0.5);border: 1px solid rgba(33, 115, 70, 0.3); transition: transform 0.3s ease;}
.exc-icon-small {width: 80px; height: 80px;object-fit: contain;}
.exc-title {font-family: 'Space Grotesk', sans-serif;font-size: 2.2rem;color: rgb(255, 255, 255);margin: 0;}
.exc-desc {color: white;font-family: 'Poppins', sans-serif;margin-bottom: 40px;text-align: center;}
.exc-btn-grid {display: flex;justify-content: center;align-items: stretch;width: 100%;gap: 0;}
.exc-btn {background: transparent;border: none;border-left: 1px solid #217346; color: #fff;padding: 15px 20px;font-family: 'Space Grotesk', sans-serif;font-size: 0.7rem;text-transform: uppercase;cursor: pointer;transition: all 0.3s ease;flex: 1;}
.exc-btn:first-child {border-left: none;}
.exc-btn:hover {background: rgba(33, 115, 70, 0.2);color: #fff;}
.exc-btn.activated {background-color: rgb(33, 115, 70);color: #fff;font-weight: 700;}
.exc-video-grid-container {display: grid;padding: 2rem 0 2rem 0;grid-template-columns: repeat(3, 1fr); gap: 50px;}
.exc-video-card {background: transparent;border: 1px solid rgb(33, 115, 70);border-radius: 8px;overflow: hidden;position: relative;width: 400px;height: 250px;}
.exc-video-card:hover {border-color: #2ea05f;}
.exc-video-preview-area {width: 100%;height: 180px;background: #000;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}
.exc-youtube-thumb {width: 100%;height: 100%;object-fit: cover;}
.exc-no-video-content {display: flex;flex-direction: column;align-items: center;color: #fff;text-align: center;padding: 20px;}
.exc-no-video-icon {font-size: 40px;margin-bottom: 10px;}
.exc-no-video-text {font-size: 14px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;}
.exc-play-overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;background: rgba(33, 115, 70, 0.8);border-radius: 50%;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.exc-play-overlay::after {content: '';display: block;width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 16px solid white;margin-left: 4px;}
.exc-video-title {padding: 15px;font-weight: bold;font-size: 16px;color: #ffffff;text-align: center;}
.noe-code-hub {display: flex;justify-content: center;padding: 10px 10px;background: transparent;}
.code-content-wrapper {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 10000px;}
.code-img-video-logo {display: flex;align-items: center;justify-content: center;gap: 15px;background-color: #06080d;padding: 1.5rem 2rem;width: fit-content;min-width: 300px;margin: 0 auto 25px auto;border-radius: 1rem;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 10px 15px rgba(0, 0, 0, 0.5);border: 1px solid rgba(91, 43, 130, 0.3); transition: transform 0.3s ease;}
.code-icon-small {width: 80px; height: 80px;object-fit: contain;}
.code-title {font-family: 'Space Grotesk', sans-serif;font-size: 2.2rem;color: rgb(255, 255, 255);margin: 0;}
.code-desc {color: white;font-family: 'Poppins', sans-serif;margin-bottom: 40px;text-align: center;}
.code-btn-grid {display: flex;justify-content: center;align-items: stretch;width: 100%;gap: 0;}
.code-btn {background: transparent;border: none;border-left: 1px solid #5b2b82; color: #fff;padding: 15px 20px;font-family: 'Space Grotesk', sans-serif;font-size: 0.7rem;text-transform: uppercase;cursor: pointer;transition: all 0.3s ease;flex: 1;}
.code-btn:first-child {border-left: none;}
.code-btn:hover {background: rgba(91, 43, 130, 0.2);color: #fff;}
.code-btn.activated {background-color: rgb(91, 43, 130);color: #fff;font-weight: 700;}
.code-video-grid-container {display: grid;padding: 2rem 0 2rem 0;grid-template-columns: repeat(3, 1fr); gap: 50px;}
.code-video-card {background: transparent;border: 1px solid rgb(91, 43, 130);border-radius: 8px;overflow: hidden;position: relative;width: 400px;height: 250px;}
.code-video-card:hover {border-color: #7a3cb0;}
.code-video-preview-area {width: 100%;height: 180px;background: #000;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}
.code-youtube-thumb {width: 100%;height: 100%;object-fit: cover;}
.code-no-video-content {display: flex;flex-direction: column;align-items: center;color: #fff;text-align: center;padding: 20px;}
.code-no-video-icon {font-size: 40px;margin-bottom: 10px;}
.code-no-video-text {font-size: 14px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;}
.code-play-overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;background: rgba(91, 43, 130, 0.8);border-radius: 50%;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.code-play-overlay::after {content: '';display: block;width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 16px solid white;margin-left: 4px;}
.code-video-title {padding: 15px;font-weight: bold;font-size: 16px;color: #ffffff;text-align: center;}
.legal-disclaimer {background-color: #1a1a1a;color: #888888;padding: 30px 20px;text-align: center;font-family: 'Poppins', sans-serif;font-size: 10px;line-height: 1.6;border-top: 1px solid #333;margin-top: 50px;}
.legal-text {max-width: 900px;margin: 0 auto;text-transform: uppercase;letter-spacing: 0.5px;}
.floating-sidebar {position: fixed;left: 0;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;gap: 15px;z-index: 1000;background: rgba(2, 19, 44, 0.349);padding: 20px 10px;border-radius: 0 20px 20px 0;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);backdrop-filter: blur(5px);}
.sidebar-btn {width: 50px;height: 50px;border-radius: 50%;background: transparent;color: #fff;display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: 1.2rem;transition: all 0.3s ease;position: relative;}
.sidebar-btn:hover {transform: scale(1.15);background-color: black;border-color: #555;}
.sidebar-btn:hover .fa-stopwatch { color: #fff; }
.sidebar-btn:hover .fa-diagram-project { color: #335599; }
.sidebar-btn:hover .fa-file-powerpoint { color: #d24726; }
.sidebar-btn:hover .fa-calendar-days { color: #00b294; }
.sidebar-btn:hover .fa-database { color: #a43c3c; }
.sidebar-btn:hover .fa-file-word { color: #2b579a; }
.sidebar-btn:hover .fa-file-excel { color: #217346; }
.sidebar-btn.legal-btn:hover .fa-scroll { color: #ffd700; }
.sidebar-btn::after {content: attr(title);position: absolute;left: 60px;top: 50%;transform: translateY(-50%);background: #000;color: #fff;padding: 5px 10px;border-radius: 4px;font-size: 0.75rem;white-space: nowrap;opacity: 0;visibility: hidden;transition: opacity 0.3s;pointer-events: none;box-shadow: 0 2px 5px rgba(0,0,0,0.5);}
.sidebar-btn:hover::after {opacity: 1;visibility: visible;}
@media (max-width: 768px) {.floating-sidebar {left: 50%;bottom: 20px;top: auto;transform: translateX(-50%);flex-direction: row;padding: 10px 20px;border-radius: 50px;overflow-x: auto;}.sidebar-btn {width: 40px;height: 40px;font-size: 1rem;}.sidebar-btn::after {display: none;}}
html {scroll-padding-top: 100px; scroll-behavior: smooth;}
@keyframes text-glow-anim {0% {text-shadow: 0 0 5px rgba(255, 255, 255, 0.5), 0 0 10px rgba(255, 255, 255, 0.3);color: #ffffff;}50% {text-shadow: 0 0 20px rgba(255, 255, 255, 1), 0 0 30px rgba(255, 255, 255, 0.8), 0 0 40px rgba(255, 255, 255, 0.6);color: #ffffff;}100% {text-shadow: 0 0 5px rgba(255, 255, 255, 0.5), 0 0 10px rgba(255, 255, 255, 0.3);color: #ffffff;}}
.legal-text.highlighted {animation: text-glow-anim 0s infinite alternate;color: #ffffff !important;transition: text-shadow 0.3s ease;}
@media screen and (max-width: 1700px) {body, html {overflow: hidden !important;width: 100%;height: 100%;margin: 0;padding: 0;}.screen-warning {display: flex !important;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #050508;z-index: 9999;justify-content: center;align-items: center;text-align: center;padding: 20px;box-sizing: border-box;}.warning-content {width: 90%;max-width: 600px;display: flex;flex-direction: column;justify-content: center;align-items: center;}.warning-content h1 {color: #ffffff;font-size: 12px;margin: 0;margin-top: -5rem !important;margin-bottom: 1rem;text-transform: uppercase;letter-spacing: 2px;line-height: 1.2;}.warning-content p {font-size: 10px;margin: 0;margin-bottom: 1rem;line-height: 1.5;color: #cccccc;}.resize-icon,.resize-icon1,.resize-icon2 {font-size: 8px;color: #999;}@keyframes blink {0%, 100% { opacity: 1; }50% { opacity: 0.3; }}.main-site {display: none !important;visibility: hidden;pointer-events: none;}}
@media screen and (min-width: 990px) {.screen-warning {display: none !important;}.main-site {display: block !important;opacity: 1;}body {overflow: auto !important;pointer-events: auto;}}
@media(max-width: 1518px) {.code-img-video-logo,.exc-img-video-logo,.word-img-video-logo,.acc-img-video-logo,.proj-img-video-logo,.ppt-img-video-logo,.img-video-logo {margin-top: 8.5rem;width: 30%;height: 15%;}.code-icon-small,.exc-icon-small,.word-icon-small,.acc-icon-small,.proj-icon-small,.ppt-icon-small,.visio-icon-small {width: 15%;}.code-title,.exc-title,.word-title,.acc-title,.proj-title,.ppt-title,.visio-title {font-size: 16px;}.code-desc,.exc-desc,.word-desc,.acc-desc,.proj-desc,.ppt-desc,.visio-desc {font-size: 12px;}.code-btn,.exc-btn,.word-btn,.acc-btn,.proj-btn,.ppt-btn,.visio-btn {font-size: 8px;padding: 10px;max-width: 110px; margin-bottom: -1rem;}html {scroll-padding-top: 100px !important;scroll-behavior: smooth;}.code-video-grid-container,.exc-video-grid-container,.word-video-grid-container,.acc-video-grid-container,.proj-video-grid-container,.ppt-video-grid-container,.video-grid-container {margin: 0;gap: 10px;}.code-video-card,.exc-video-card,.word-video-card,.acc-video-card,.proj-video-card,.ppt-video-card,.video-card {width: 250px;height: 150px;}.code-video-preview-area,.exc-video-preview-area,.word-video-preview-area,.acc-video-preview-area,.proj-video-preview-area,.ppt-video-preview-area, .video-preview-area {width: 100%;height: 80%;}.code-no-video-icon,.exc-no-video-icon,.word-no-video-icon,.acc-no-video-icon,.proj-no-video-icon,.ppt-no-video-icon,.no-video-icon {font-size: 30px;}.code-no-video-text,.exc-no-video-text,.word-no-video-text,.acc-no-video-text,.proj-no-video-text,.ppt-no-video-text,.no-video-text {font-size: 10px;}.code-video-title,.exc-video-title,.word-video-title,.acc-video-title,.proj-video-title,.ppt-video-title,.video-title {font-size: 10px;padding: 5px;}.legal-text {font-size: 8px;}.floating-sidebar {max-width: 50px;max-height: 10000px;}.sidebar-btn {width: 35px;height: 35px;}.noe-terminal-title {font-size: 16px;}.noe-panel-tag {font-size: 10px;}.noe-countdown-display {font-size: 8px;}.time-box span {font-size: 16px;}.noe-modal-text {font-size: 10px;}}