/*
================================================================================
================================================================================
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; }}
#page-loader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(ellipse at center, #1a1a2e 0%, #0a0a0f 100%);display: flex;justify-content: center;align-items: center;z-index: 99999999;transition: opacity 0.8s ease;}
#page-loader.hidden {opacity: 0;pointer-events: none;}
.loader-content {text-align: center;}
.orbital-system {position: relative;width: 200px;height: 200px;margin: 0 auto 40px;}
.central-core {position: absolute;width: 40px;height: 40px;top: 50%;left: 50%;transform: translate(-50%, -50%);background: radial-gradient(circle at 30% 30%, #ffffff, #00d4ff, #0066ff);border-radius: 50%;box-shadow: 0 0 40px rgba(0, 212, 255, 0.8),0 0 80px rgba(0, 102, 255, 0.4);animation: corePulse 2s ease-in-out infinite;}
@keyframes corePulse {0%, 100% { transform: translate(-50%, -50%) scale(1);box-shadow: 0 0 40px rgba(0, 212, 255, 0.8),0 0 80px rgba(0, 102, 255, 0.4);}50% { transform: translate(-50%, -50%) scale(1.1);box-shadow: 0 0 60px rgba(0, 212, 255, 1),0 0 120px rgba(0, 102, 255, 0.6);}}
.orbit {position: absolute;border: 1px solid rgba(0, 212, 255, 0.2);border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%, -50%);animation: rotateOrbit linear infinite;}
.orbit-1 {width: 120px;height: 120px;animation-duration: 3s;}
.orbit-2 {width: 160px;height: 160px;animation-duration: 4s;animation-direction: reverse;}
.orbit-3 {width: 200px;height: 200px;animation-duration: 5s;}
@keyframes rotateOrbit {0% { transform: translate(-50%, -50%) rotate(0deg); }100% { transform: translate(-50%, -50%) rotate(360deg); }}
.particle {position: absolute;width: 8px;height: 8px;background: radial-gradient(circle, #00d4ff, #0066ff);border-radius: 50%;box-shadow: 0 0 15px rgba(0, 212, 255, 0.8);animation: particleGlow 1.5s ease-in-out infinite alternate;}
.orbit-1 .particle { top: -4px; }
.orbit-1 .particle:nth-child(2) { top: -4px; right: -4px; animation-delay: 0.5s; }
.orbit-1 .particle:nth-child(3) { bottom: -4px; animation-delay: 1s; }
.orbit-2 .particle { top: -4px; }
.orbit-2 .particle:nth-child(2) { bottom: -4px; animation-delay: 0.7s; }
.orbit-3 .particle { top: -4px; }
@keyframes particleGlow {0% { box-shadow: 0 0 10px rgba(0, 212, 255, 0.6);transform: scale(1);}100% { box-shadow: 0 0 25px rgba(0, 212, 255, 1);transform: scale(1.3);}}
.loader-text {color: #ffffff;font-size: 36px;font-weight: 700;margin: 0 0 15px;letter-spacing: 6px;text-transform: uppercase;background: linear-gradient(180deg, #ffffff 0%, #00d4ff 50%, #0066ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.loader-subtext {color: rgba(255, 255, 255, 0.4);font-size: 11px;margin: 0 0 25px;text-transform: uppercase;letter-spacing: 4px;}
.loading-dots {display: flex;justify-content: center;gap: 8px;}
.loading-dots span {width: 8px;height: 8px;background: #00d4ff;border-radius: 50%;animation: dotBounce 1.4s ease-in-out infinite;}
.loading-dots span:nth-child(1) { animation-delay: 0s; }
.loading-dots span:nth-child(2) { animation-delay: 0.2s; }
.loading-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes dotBounce {0%, 80%, 100% { transform: scale(0);opacity: 0.3;}40% { transform: scale(1);opacity: 1;box-shadow: 0 0 20px rgba(0, 212, 255, 0.8);}}
.noe-master-nucleo-section {width: 100%;max-width: 1400px;margin: 0 auto;background: linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-main) 100%);border: 1px solid var(--border-glass);border-radius: 20px;padding: 60px 50px;position: relative;overflow: hidden;}
.noe-master-nucleo-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 20% 30%, rgba(0, 212, 255, 0.03) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(255, 0, 255, 0.02) 0%, transparent 50%);pointer-events: none;z-index: 0;}
.noe-master-nucleo-section > * {position: relative;z-index: 1;}
.nucleo-header {text-align: center;margin-bottom: 60px;padding-bottom: 40px;border-bottom: 1px solid var(--border-glass);}
.nucleo-tag {display: inline-block;font-family: var(--font-tech);font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 3px;color: var(--text-muted);margin-bottom: 15px;}
.nucleo-title {font-family: var(--font-tech);font-size: 3rem;font-weight: 700;color: var(--text-primary);margin: 0 0 10px;letter-spacing: 2px;background: linear-gradient(180deg, #ffffff 0%, #00d4ff 50%, #0066ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.nucleo-subtitle {font-family: var(--font-body);font-size: 1.1rem;color: var(--text-secondary);margin: 0;letter-spacing: 1px;}
.nucleo-founder-section {margin-bottom: 70px;}
.nucleo-founder-card {display: flex;align-items: center;gap: 30px;background: rgba(255, 255, 255, 0.02);border: 1px solid var(--border-glass);border-radius: 16px;padding: 40px;transition: all 0.3s ease;}
.nucleo-founder-card:hover {border-color: var(--border-active);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);transform: translateY(-2px);}
.founder-avatar {width: 100px;height: 100px;background: linear-gradient(145deg, #1a2030, #0d111a);border: 2px solid var(--border-glass);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.founder-avatar i {font-size: 3rem;color: var(--text-primary);}
.founder-info {flex: 1;}
.founder-name {font-family: var(--font-tech);font-size: 1.8rem;font-weight: 700;color: var(--text-primary);margin: 0 0 5px;}
.founder-title {font-family: var(--font-body);font-size: 0.9rem;color: #00d4ff;margin: 0 0 15px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;}
.founder-desc {font-family: var(--font-body);font-size: 0.95rem;color: var(--text-secondary);line-height: 1.7;margin: 0;}
.nucleo-pillars-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-bottom: 70px;}
.nucleo-pillar-card {background: rgba(255, 255, 255, 0.02);border: 1px solid var(--border-glass);border-radius: 16px;padding: 35px;text-align: center;transition: all 0.4s ease;position: relative;overflow: hidden;}
.nucleo-pillar-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transform: translateX(-100%);transition: transform 0.6s ease;}
.nucleo-pillar-card:hover::before {transform: translateX(100%);}
.nucleo-pillar-card:hover {border-color: var(--border-active);transform: translateY(-5px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);}
.pillar-icon {width: 70px;height: 70px;margin: 0 auto 20px;background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));border: 1px solid var(--border-glass);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.pillar-icon i {font-size: 1.8rem;color: #00d4ff;}
.nucleo-pillar-card h4 {font-family: var(--font-tech);font-size: 1.4rem;font-weight: 700;color: var(--text-primary);margin: 0 0 10px;}
.nucleo-pillar-card > p:first-of-type {font-family: var(--font-tech);font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;color: var(--text-muted);margin: 0 0 15px;}
.pillar-desc {font-family: var(--font-body);font-size: 0.9rem;color: var(--text-secondary);line-height: 1.6;margin: 0;}
.nucleo-objectives-section {margin-bottom: 70px;}
.section-title {font-family: var(--font-tech);font-size: 2rem;font-weight: 700;color: var(--text-primary);margin: 0 0 10px;letter-spacing: 1px;}
.section-desc {font-family: var(--font-body);font-size: 1rem;color: var(--text-secondary);line-height: 1.7;margin: 0 0 40px;}
.objectives-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px;}
.objective-card {background: rgba(255, 255, 255, 0.02);border: 1px solid var(--border-glass);border-radius: 12px;padding: 25px;transition: all 0.3s ease;position: relative;}
.objective-card:hover {border-color: var(--border-active);background: rgba(255, 255, 255, 0.04);transform: translateY(-3px);}
.obj-number {position: absolute;top: 15px;right: 15px;font-family: var(--font-tech);font-size: 0.8rem;font-weight: 700;color: rgba(255, 255, 255, 0.15);}
.objective-card h5 {font-family: var(--font-tech);font-size: 1.1rem;font-weight: 600;color: #00d4ff;margin: 0 0 10px;}
.objective-card p {font-family: var(--font-body);font-size: 0.85rem;color: var(--text-secondary);line-height: 1.6;margin: 0;}
.nucleo-ruta-section {margin-bottom: 70px;}
.ruta-timeline {display: flex;align-items: flex-start;justify-content: space-between;position: relative;margin-top: 40px;}
.ruta-phase {flex: 1;position: relative;z-index: 1;}
.phase-number {width: 50px;height: 50px;background: linear-gradient(145deg, #1a2030, #0d111a);border: 2px solid var(--border-glass);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-family: var(--font-tech);font-size: 1.1rem;font-weight: 700;color: #00d4ff;margin: 0 auto 20px;position: relative;z-index: 2;}
.phase-content {text-align: center;padding: 0 10px;}
.phase-content h5 {font-family: var(--font-tech);font-size: 1.2rem;font-weight: 600;color: var(--text-primary);margin: 0 0 5px;}
.phase-sub {display: block;font-family: var(--font-tech);font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;color: var(--text-muted);margin: 0 0 10px;}
.phase-content p {font-family: var(--font-body);font-size: 0.85rem;color: var(--text-secondary);line-height: 1.5;margin: 0;}
.ruta-connector {flex: 0 0 50px;height: 2px;background: linear-gradient(90deg, #00d4ff, transparent);margin-top: 25px;position: relative;}
.ruta-connector::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 8px;background: #00d4ff;border-radius: 50%;box-shadow: 0 0 10px rgba(0, 212, 255, 0.6);}
.nucleo-ecosystem-section {margin-bottom: 60px;}
.ecosistema-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}
.ecosistema-item {background: rgba(255, 255, 255, 0.02);border: 1px solid var(--border-glass);border-radius: 12px;padding: 25px 20px;text-align: center;transition: all 0.3s ease;}
.ecosistema-item:hover {border-color: var(--border-active);background: rgba(255, 255, 255, 0.04);transform: translateY(-3px);}
.ecosistema-item i {font-size: 2rem;color: #00d4ff;margin-bottom: 15px;display: block;}
.ecosistema-item h5 {font-family: var(--font-tech);font-size: 0.95rem;font-weight: 600;color: var(--text-primary);margin: 0 0 8px;}
.ecosistema-item p {font-family: var(--font-body);font-size: 0.75rem;color: var(--text-muted);line-height: 1.4;margin: 0;}
.nucleo-footer {text-align: center;padding-top: 40px;border-top: 1px solid var(--border-glass);}
.nucleo-copyright {font-family: var(--font-tech);font-size: 0.8rem;color: var(--text-muted);margin: 0 0 20px;line-height: 1.6;}
.nucleo-copyright strong {color: #00d4ff;}
.nucleo-legal-links {display: flex;justify-content: center;gap: 30px;}
.nucleo-legal-links a {font-family: var(--font-body);font-size: 0.85rem;color: var(--text-secondary);text-decoration: none;transition: color 0.3s ease;}
.nucleo-legal-links a:hover {color: #00d4ff;}
@media (max-width: 1200px) {.nucleo-title {font-size: 2.5rem;}.nucleo-pillars-grid,.objectives-grid {grid-template-columns: repeat(2, 1fr);}.ecosistema-grid {grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 992px) {.nucleo-founder-card {flex-direction: column;text-align: center;}.ruta-timeline {flex-direction: column;gap: 30px;}.ruta-connector {display: none;}}
@media (max-width: 768px) {.noe-master-nucleo-section {padding: 40px 30px;}.nucleo-title {font-size: 2rem;}.nucleo-pillars-grid,.objectives-grid,.ecosistema-grid {grid-template-columns: 1fr;}.nucleo-legal-links {flex-direction: column;gap: 15px;}}
.noe-terminal-bento-grid {display: flex;flex-direction: column;align-items: center;gap: 3rem;padding: 0.1rem 1%;max-width: 1200px;margin: -4rem 0 auto;}
.noe-robot-canvas-section {width: 100%;display: flex;justify-content: center;align-items: center;min-height: 350px;position: relative;}
.noe-robot-viewport {position: relative;width: 100%;max-width: 400px;height: 350px;display: flex;justify-content: center;align-items: center;}
.noe-friendly-bot {transform: scale(1.2); margin-top: 20px;}
.noe-info-panel {width: 100%;max-width: 800px;background: #0a0a0a;border: 1px solid #1a1a1a;padding: 2.5rem;border-radius: 12px;text-align: center;box-shadow: 0 10px 30px rgba(0,0,0,0.5);}
.noe-panel-header {margin-bottom: 1.5rem;}
.noe-panel-tag {font-family: 'Space Grotesk', sans-serif;font-size: 0.85rem;letter-spacing: 2px;color: #666;text-transform: uppercase;font-weight: 600;}
.noe-info-title {font-family: 'Montserrat', sans-serif;font-size: 2rem;font-weight: 700;color: #fff;margin-bottom: 1rem;text-transform: uppercase;}
.noe-info-text {font-family: 'Montserrat', sans-serif;font-size: 1rem;line-height: 1.8;color: #ccc;margin-bottom: 1.5rem;}
.noe-info-text strong {color: #fff;font-weight: 600;}
.noe-info-btn {display: inline-block;margin-top: 1rem;padding: 10px 25px;background-color: transparent;border: 2px solid #fff;color: #fff;text-decoration: none;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;transition: all 0.3s ease;}
.noe-info-btn:hover {background-color: #fff;color: #000;}
@media screen and (max-width: 990px) {.noe-terminal-bento-grid {gap: 2rem;padding: 1.5rem 5%;}.noe-robot-viewport {height: 280px;}.noe-friendly-bot {transform: scale(1);}.noe-info-panel {padding: 1.5rem;}.noe-info-title {font-size: 1.5rem;}.noe-info-text {font-size: 0.95rem;}}
.noe-mini-sections {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;width: 100%;max-width: 1000px;margin: 2rem auto 0;}
.noe-mini-card {background: #0f0f0f;border: 1px solid #1a1a1a;padding: 1.5rem;border-radius: 10px;transition: all 0.3s ease;}
.noe-mini-card:hover {border-color: #333;transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
.noe-mini-header {display: flex;align-items: center;gap: 10px;margin-bottom: 1rem;padding-bottom: 0.5rem;border-bottom: 1px solid #1a1a1a;}
.noe-mini-header i {font-size: 1.5rem;color: #fff;}
.noe-mini-header h3 {font-family: 'Montserrat', sans-serif;font-size: 1.1rem;font-weight: 600;color: #fff;margin: 0;}
.noe-feature-list {list-style: none;padding: 0;margin: 0;}
.noe-feature-list li {font-family: 'Montserrat', sans-serif;font-size: 0.85rem;color: #aaa;padding: 8px 0;display: flex;align-items: center;gap: 10px;}
.noe-feature-list li i {font-size: 0.7rem;color: #4CAF50;min-width: 12px;}
.noe-chart-section {width: 100%;max-width: 800px;margin: 3rem auto 0;padding: 2rem;background: #0a0a0a;border: 1px solid #1a1a1a;border-radius: 12px;}
.noe-chart-header {margin-bottom: 1.5rem;text-align: center;}
.noe-chart-tag {font-family: 'Space Grotesk', sans-serif;font-size: 0.8rem;letter-spacing: 2px;color: #666;text-transform: uppercase;font-weight: 600;}
.noe-chart-container {display: flex;flex-direction: column;gap: 1.2rem;}
.noe-chart-bar-wrapper {display: grid;grid-template-columns: 100px 1fr 60px;align-items: center;gap: 1rem;}
.noe-chart-label {font-family: 'Montserrat', sans-serif;font-size: 0.9rem;color: #ccc;font-weight: 500;}
.noe-chart-bar-bg {width: 100%;height: 24px;background: #1a1a1a;border-radius: 6px;overflow: hidden;position: relative;}
.noe-chart-bar-fill {height: 100%;width: 0;background: linear-gradient(90deg, #2196F3, #4CAF50);border-radius: 6px;transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);position: relative;}
.noe-chart-bar-fill::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation: shimmer 2s infinite;}
@keyframes shimmer {0% { transform: translateX(-100%); }100% { transform: translateX(100%); }}
.noe-chart-value {font-family: 'Space Grotesk', sans-serif;font-size: 1rem;font-weight: 700;color: #fff;text-align: right;}
@media screen and (max-width: 990px) {.noe-mini-sections {grid-template-columns: 1fr;gap: 1rem;}.noe-mini-card {padding: 1.2rem;}.noe-chart-section {padding: 1.5rem;margin: 2rem auto;}.noe-chart-bar-wrapper {grid-template-columns: 80px 1fr 50px;gap: 0.5rem;}.noe-chart-label {font-size: 0.8rem;}.noe-chart-value {font-size: 0.9rem;}.noe-chart-bar-bg {height: 20px;}}
.noe-social-section {width: 100%;padding: 3rem 5%;background: #050505;border-top: 1px solid #1a1a1a;margin-top: 3rem;}
.noe-social-container {max-width: 1000px;margin: 0 auto;}
.noe-social-header {text-align: center;margin-bottom: 2.5rem;}
.noe-social-tag {font-family: 'Space Grotesk', sans-serif;font-size: 0.8rem;letter-spacing: 2px;color: #666;text-transform: uppercase;font-weight: 600;display: block;margin-bottom: 0.5rem;}
.noe-social-title {font-family: 'Montserrat', sans-serif;font-size: 2rem;font-weight: 700;color: #fff;margin: 0 0 0.5rem 0;}
.noe-social-subtitle {font-family: 'Montserrat', sans-serif;font-size: 1rem;color: #888;margin: 0;max-width: 600px;margin-left: auto;margin-right: auto;}
.noe-social-list {display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem;list-style: none;padding: 0;margin: 0;}
.noe-social-link {display: flex;align-items: center;gap: 10px;padding: 12px 20px;background: #0f0f0f;border: 1px solid #1a1a1a;border-radius: 8px;color: #ccc;text-decoration: none;font-family: 'Montserrat', sans-serif;font-size: 0.9rem;font-weight: 500;transition: all 0.3s ease;min-width: 140px;justify-content: center;}
.noe-social-link i {font-size: 1.3rem;transition: all 0.3s ease;}
.noe-social-link:hover {background: #1a1a1a;border-color: #333;color: #fff;transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
.noe-social-link:hover i {transform: scale(1.1);}
.noe-social-link.facebook:hover {border-color: #1877F2;color: #1877F2;}
.noe-social-link.tiktok:hover {border-color: #000000;color: #FE2C55;}
.noe-social-link.telegram:hover {border-color: #0088cc;color: #0088cc;}
.noe-social-link.whatsapp:hover {border-color: #25D366;color: #25D366;}
.noe-social-link.linkedin:hover {border-color: #0A66C2;color: #0A66C2;}
.noe-social-link.reddit:hover {border-color: #FF4500;color: #FF4500;}
.noe-social-link.youtube:hover {border-color: #FF0000;color: #FF0000;}
@media screen and (max-width: 990px) {.noe-social-section {padding: 2rem 5%;margin-top: 2rem;}.noe-social-title {font-size: 1.5rem;}.noe-social-subtitle {font-size: 0.9rem;}.noe-social-list {gap: 0.8rem;}.noe-social-link {padding: 10px 16px;min-width: 120px;font-size: 0.85rem;}.noe-social-link i {font-size: 1.1rem;}}
.noe-ecosystem-section {width: 100%;padding: 4rem 5%;background: #080808;border-top: 1px solid #1a1a1a;margin-top: 4rem;}
.noe-ecosystem-container {max-width: 1200px;margin: 0 auto;}
.noe-ecosystem-header {text-align: center;margin-bottom: 3.5rem;}
.noe-ecosystem-tag {font-family: 'Space Grotesk', sans-serif;font-size: 0.85rem;letter-spacing: 2px;color: #666;text-transform: uppercase;font-weight: 600;display: block;margin-bottom: 0.5rem;}
.noe-ecosystem-title {font-family: 'Montserrat', sans-serif;font-size: 2.5rem;font-weight: 700;color: #fff;margin: 0 0 0.5rem 0;}
.noe-ecosystem-subtitle {font-family: 'Montserrat', sans-serif;font-size: 1.1rem;color: #888;margin: 0;max-width: 700px;margin-left: auto;margin-right: auto;line-height: 1.6;}
.noe-category-block {margin-bottom: 4rem;}
.noe-category-title {font-family: 'Montserrat', sans-serif;font-size: 1.5rem;font-weight: 600;color: #fff;margin: 0 0 1.5rem 0;display: flex;align-items: center;gap: 12px;padding-bottom: 0.5rem;border-bottom: 2px solid #1a1a1a;}
.noe-category-title i {color: #4CAF50;font-size: 1.4rem;}
.noe-tools-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 1.5rem;}
.noe-tool-card {display: flex;align-items: flex-start;gap: 15px;padding: 1.5rem;background: #0f0f0f;border: 1px solid #1a1a1a;border-radius: 10px;text-decoration: none;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;}
.noe-tool-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(76, 175, 80, 0.05) 0%, transparent 100%);opacity: 0;transition: opacity 0.3s ease;}
.noe-tool-card:hover {border-color: #333;transform: translateY(-4px);box-shadow: 0 8px 25px rgba(0,0,0,0.4);}
.noe-tool-card:hover::before {opacity: 1;}
.noe-tool-icon {flex-shrink: 0;width: 50px;height: 50px;background: #1a1a1a;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: #4CAF50;transition: all 0.3s ease;}
.noe-tool-card:hover .noe-tool-icon {background: #2a2a2a;transform: scale(1.05);}
.noe-tool-content {flex-grow: 1;min-width: 0;}
.noe-tool-content h4 {font-family: 'Montserrat', sans-serif;font-size: 1.1rem;font-weight: 600;color: #fff;margin: 0 0 0.5rem 0;}
.noe-tool-content p {font-family: 'Montserrat', sans-serif;font-size: 0.85rem;color: #888;margin: 0;line-height: 1.5;}
@media screen and (max-width: 990px) {.noe-ecosystem-section {padding: 3rem 5%;margin-top: 3rem;}.noe-ecosystem-title {font-size: 2rem;}.noe-ecosystem-subtitle {font-size: 1rem;}.noe-category-block {margin-bottom: 3rem;}.noe-category-title {font-size: 1.3rem;}.noe-tools-grid {grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 1rem;}.noe-tool-card {padding: 1.2rem;}.noe-tool-icon {width: 45px;height: 45px;font-size: 1.3rem;}.noe-tool-content h4 {font-size: 1rem;}.noe-tool-content p {font-size: 0.8rem;}}
@media screen and (max-width: 600px) {.noe-tools-grid {grid-template-columns: 1fr;}.noe-ecosystem-title {font-size: 1.7rem;}.noe-category-title {font-size: 1.2rem;flex-direction: column;align-items: flex-start;gap: 8px;}}
.noe-chart-section {width: 100%;max-width: 900px;margin: 3rem auto;padding: 2.5rem;background: #0a0a0a;border: 1px solid #1a1a1a;border-radius: 12px;box-shadow: 0 10px 30px rgba(0,0,0,0.4);}
.noe-chart-header {text-align: center;margin-bottom: 2rem;}
.noe-chart-tag {font-family: 'Space Grotesk', sans-serif;font-size: 0.8rem;letter-spacing: 2px;color: #666;text-transform: uppercase;font-weight: 600;}
.noe-chart-container {display: flex;flex-direction: column;gap: 1.5rem;}
.noe-chart-bar-wrapper {display: grid;grid-template-columns: 120px 1fr 70px;align-items: center;gap: 1rem;}
.noe-chart-label {font-family: 'Montserrat', sans-serif;font-size: 0.95rem;color: #ccc;font-weight: 500;}
.noe-chart-bar-bg {width: 100%;height: 26px;background: #1a1a1a;border-radius: 8px;overflow: hidden;position: relative;}
.noe-chart-bar-fill {height: 100%;width: 0%;background: linear-gradient(90deg, #2196F3, #4CAF50);border-radius: 8px;transition: width 1.8s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;}
.noe-chart-bar-fill::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);animation: shimmer 2s infinite;}
@keyframes shimmer {0% { transform: translateX(-100%); }100% { transform: translateX(100%); }}
.noe-chart-value {font-family: 'Space Grotesk', sans-serif;font-size: 1.1rem;font-weight: 700;color: #fff;text-align: right;min-width: 50px;}
@media screen and (max-width: 990px) {.noe-chart-section {padding: 1.5rem;margin: 2rem auto;}.noe-chart-bar-wrapper {grid-template-columns: 90px 1fr 55px;gap: 0.8rem;}.noe-chart-label {font-size: 0.85rem;}.noe-chart-value {font-size: 0.95rem;}.noe-chart-bar-bg {height: 22px;}}
@media screen and (max-width: 600px) {.noe-chart-bar-wrapper {grid-template-columns: 1fr;gap: 0.5rem;text-align: center;}.noe-chart-label {text-align: left;margin-bottom: 0.3rem;}.noe-chart-value {text-align: left;font-size: 1rem;}}
.noe-bot-water-effect {position: absolute;bottom: 45px;left: 50%;transform: translateX(-50%);width: 100px;height: 30px;z-index: 1;pointer-events: none; z-index: 99999999;}
.noe-bot-water-effect::before,
.noe-bot-water-effect::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 2px solid rgba(0, 255, 204, 0.4);box-shadow: 0 0 10px rgba(0, 255, 204, 0.2);opacity: 0;animation: waterWave 3s infinite ease-out; z-index: 999999;}
.noe-bot-water-effect::after {animation-delay: 1.5s; z-index: 99999999;}