:root {--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#eef2ff;--secondary:#ec4899;--accent:#14b8a6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:rgb(22, 29, 33);--light:#f8fafc;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-success:linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-hero:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-dark:linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-md:0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-lg:0 20px 25px -5px rgba(0, 0, 0, 0.1);--shadow-xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-2xl:0 35px 60px -15px rgba(0, 0, 0, 0.3);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:500ms cubic-bezier(0.4, 0, 0.2, 1);--transition-bounce:600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);--font-primary:'Edu SA Beginner', cursive;--font-secondary:'Josefin Sans', sans-serif;--font-accent:'Michroma', sans-serif;--font-heading:'Raleway', sans-serif;--font-body:'Roboto', sans-serif;--font-display:'Sansation', sans-serif;--font-script:'Sriracha', cursive;}* {margin:0;padding:0;box-sizing:border-box;}html {scroll-behavior:smooth;scroll-padding-top:80px;}main section {background:var(--light);}body {font-family:var(--font-body);color:var(--gray-800);line-height:1.6;overflow-x:hidden !important;width:100vw;max-width:100%;position:relative;margin:0;padding:0;background:var(--light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}html {overflow-x:hidden !important;width:100vw;max-width:100%;height:100%;}h1,h2,h3,h4,h5,h6 {font-family:var(--font-accent);font-weight:700;line-height:1.2;}a {text-decoration:none;transition:all var(--transition-base);}.scroll-to-top {position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--gradient-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(100px);transition:all var(--transition-base);z-index:9999;}.scroll-to-top.visible {opacity:1;visibility:visible;transform:translateY(0);}.scroll-to-top:hover {transform:translateY(-5px) scale(1.1);box-shadow:var(--shadow-2xl);}.top-bar {background:var(--dark);color:white;padding:4px 0;font-size:0.777rem;font-family:var(--font-heading);font-weight:normal;border-bottom:1px solid rgba(255, 255, 255, 0.1);}.top-bar .nav-link,.top-bar a {color:rgba(255, 255, 255, 0.9);font-family:var(--font-heading);font-size:13px;font-weight:normal;text-transform:capitalize;text-shadow:0 0px 0 rgba(255, 255, 255, 0.25);padding:6px 10px 6px 10px;transition:all var(--transition-base);}.top-bar .nav_top_menu li+li {border-left:solid 1px #555}.top-bar a:hover {color:var(--accent);}.top-bar .nav_top_menu {float:right;padding:0px;margin:0px 0px 0px 0px;list-style:none;}.top-bar .nav_top_menu li {margin:0px 5px 0px 0px;float:left;}.top-bar .nav_top_menu li a {text-align:center;vertical-align:middle;margin-right:0px;}.top-bar .nav_top_menu a:hover {color:#999;}.navbar {background:rgb(42, 51, 57);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 2px 20px rgba(0, 0, 0, 0.05);padding:0px;position:sticky;top:0;z-index:1000;transition:all var(--transition-base);}@media (max-width:991px) {.navbar {backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgb(42, 51, 57) !important;}}.navbar-toggler {padding:0.5rem;border-radius:8px;background:var(--gray-100);transition:all 0.3s ease;}.navbar-toggler:hover {background:var(--gray-200);}.navbar.scrolled {box-shadow:var(--shadow-md);}.brand-section {display:flex}.navbar-toggler {display:none;padding:0.5rem;font-size:2.5rem;color:#86c724;background:transparent;border:none;cursor:pointer;transition:all 0.3s ease;z-index:2001;}.navbar-toggler:hover {color:#fff;transform:scale(1.1);}@media (max-width:991px) {.navbar-toggler {display:inline-block;}}@media (max-width:991.98px) {.navbar-collapse {position:fixed;top:0;left:-310px !important;right:auto !important;width:300px;height:100vh;background:linear-gradient(180deg, #1a2027 0%, #161d24 100%);padding:0;overflow-y:auto;overflow-x:hidden;transition:left 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;z-index:10001;box-shadow:5px 0 25px rgba(0, 0, 0, 0.6);display:block !important;visibility:hidden;}.navbar-collapse.show {left:0 !important;visibility:visible;}.navbar-collapse::before {content:'Menu';display:block;padding:25px 20px;font-size:1.2rem;font-weight:700;color:#86c724;border-bottom:1px solid rgba(255, 255, 255, 0.1);text-transform:uppercase;letter-spacing:1px;}.navbar-nav {flex-direction:column;gap:0;float:none !important;padding:10px 0 20px;width:100%;}.navbar-nav>li {border-left:none;border-bottom:none;margin:0;}.navbar-nav .nav-link {padding:16px 20px;display:flex;align-items:center;justify-content:space-between;color:rgba(255, 255, 255, 0.9) !important;font-size:15px;font-weight:500;transition:all 0.3s ease;border-left:3px solid transparent;position:relative;}.navbar-nav .nav-link>i {display:inline-block;margin-right:12px;margin-bottom:0;font-size:16px;width:20px;text-align:center;opacity:0.8;}.navbar-nav .nav-link>span {flex:1;}.navbar-nav .nav-link:hover,.navbar-nav .nav-link:active,.navbar-nav .nav-link.active {background:rgba(134, 199, 36, 0.1);border-left-color:#86c724;color:#86c724 !important;padding-left:24px;}.navbar-nav .nav-link:hover>i {opacity:1;transform:translateX(3px);}.nav-item.dropdown>.nav-link::after,.dropdown-submenu>.dropdown-toggle::after {content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;border:none;margin-left:auto;font-size:12px;transition:transform 0.3s ease;opacity:0.6;}.nav-item.is-open>.nav-link::after,.dropdown-submenu.is-open>.dropdown-toggle::after {transform:rotate(180deg);opacity:1;color:#86c724;}.dropdown-menu {position:static !important;transform:none !important;box-shadow:none;border-radius:0;background:rgba(0, 0, 0, 0.3);margin:0;padding:0;border:none;border-radius:0px;max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;display:block !important;visibility:hidden;opacity:0;}.is-open>.dropdown-menu {max-height:2000px !important;opacity:1 !important;visibility:visible !important;display:block !important;border-top:1px solid rgba(255, 255, 255, 0.05);border-radius:0px;}.dropdown-item {padding:14px 20px 14px 50px;color:rgba(255, 255, 255, 0.75);background:transparent;font-size:14px;border-bottom:none;transition:all 0.3s ease;display:flex;align-items:center;position:relative;}.dropdown-item::before {content:'';position:absolute;left:30px;width:6px;height:6px;border-radius:50%;background:rgba(134, 199, 36, 0.4);transition:all 0.3s ease;}.dropdown-item:hover,.dropdown-item.active {background:rgba(134, 199, 36, 0.15);color:#86c724;padding-left:54px;}.dropdown-item:hover::before,.dropdown-item.active::before {background:#86c724;transform:scale(1.3);}.dropdown-item>i {margin-right:10px;width:18px;text-align:center;font-size:14px;}.dropdown-submenu>.dropdown-menu {background:rgba(0, 0, 0, 0.2);margin-left:0;}.dropdown-submenu>.dropdown-item {padding-right:35px;}.dropdown-submenu .dropdown-item {padding-left:65px;}.dropdown-submenu .dropdown-item::before {left:45px;}.dropdown-menu li {display:block !important;width:100% !important;border:none !important;margin:0 !important;}.mobile-menu-close {position:absolute;top:20px;right:20px;font-size:1.3rem;color:rgba(255, 255, 255, 0.8);background:rgba(255, 255, 255, 0.1);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10002;transition:all 0.3s ease;border:1px solid rgba(255, 255, 255, 0.1);}.mobile-menu-close:hover {background:#ef4444;color:white;transform:rotate(90deg);border-color:#ef4444;}.navbar-collapse::-webkit-scrollbar {width:6px;}.navbar-collapse::-webkit-scrollbar-track {background:rgba(0, 0, 0, 0.2);}.navbar-collapse::-webkit-scrollbar-thumb {background:rgba(134, 199, 36, 0.5);border-radius:3px;}.navbar-collapse::-webkit-scrollbar-thumb:hover {background:#86c724;}}body.menu-open {overflow:hidden;}.navbar-brand {font-size:1.75rem;font-weight:800;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform var(--transition-base);}.navbar-brand:hover {transform:scale(1.05);}.navbar-nav {gap:0.5rem;float:left !important;}.navbar-nav .nav-item {position:relative;padding:0px 10px;}.navbar-nav>li+li {border-left:solid 1px #555}.navbar-nav .nav-link {color:#fff;font-family:var(--font-heading);font-size:14px;font-weight:normal;letter-spacing:0.25px;text-transform:uppercase;text-shadow:0 0px 0 rgba(255, 255, 255, 0.25);padding:10px 20px;transition:all var(--transition-base);position:relative;overflow:hidden;}.navbar-nav .nav-link>i {display:block;text-align:center;margin-bottom:6px;font-size:12px;}.navbar-nav .nav-link::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--transition-base);z-index:-1;}.navbar-nav .nav-link:hover::before,.navbar-nav .nav-link.active::before {opacity:0.1;}.navbar-nav .nav-link:hover {color:#86c724;transition:all 0.3s ease;transform:translateY(-2px);}.dropdown-menu {padding:0px;margin-top:0rem;background:#fff;min-width:200px;border:none;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;animation:dropdownFadeIn 0.3s ease-out;}.dropdown-item {display:flex;align-items:center;padding:10px 20px;font-size:14px;color:#727272;font-weight:400;border:none;border-bottom:1px solid #eee;transition:all 0.3s ease;}.dropdown-item:hover {background:#2a3339;color:#fff;border-bottom:1px solid #eee;}.dropdown-menu li:last-child .dropdown-item:hover {background:#2a3339;color:#fff;border-bottom:1px solid #eee;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}.dropdown-item i {margin-right:10px;font-size:14px;font-weight:bold;}@keyframes dropdownFadeIn {from {opacity:0;transform:translateY(10px);}to {opacity:1;transform:translateY(0);}}.dropdown-submenu {position:relative;}.dropdown-submenu>.dropdown-menu {left:100%;top:0;margin-left:0.5rem;margin-top:0;display:none;}.dropdown-submenu>.dropdown-menu.show {display:block;}.dropdown-item.dropdown-toggle {position:relative;cursor:pointer;}.dropdown-item.dropdown-toggle::after {margin-left:auto;border:none;content:'\f054';font-family:'Font Awesome 6 Free';font-weight:900;font-size:0.75rem;position:absolute;right:1rem;transition:transform var(--transition-fast);}.dropdown-submenu:hover>.dropdown-item.dropdown-toggle::after {transform:translateX(3px);}.hero {background:var(--gradient-hero);position:relative;overflow:hidden;}.hero::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);animation:heroFloat 20s ease-in-out infinite;}@keyframes heroFloat {0%,100% {transform:translateY(0);}50% {transform:translateY(-20px);}}.hero-content {position:relative;z-index:2;color:white;}.hero h1 {font-size:clamp(2.5rem, 5vw, 4rem);font-weight:900;margin-bottom:1.5rem;line-height:1.1;text-shadow:0 4px 20px rgba(0, 0, 0, 0.1);animation:fadeInUp 0.8s ease-out;}.hero p {font-size:clamp(1.1rem, 2vw, 1.35rem);opacity:0.95;margin-bottom:2.5rem;max-width:600px;animation:fadeInUp 0.8s ease-out 0.2s both;}.hero .badge {background:rgba(255, 255, 255, 0.25);backdrop-filter:blur(10px);padding:0.75rem 1.5rem;font-size:0.875rem;font-weight:600;border-radius:50px;margin-bottom:2rem;display:inline-block;border:1px solid rgba(255, 255, 255, 0.3);animation:fadeInUp 0.8s ease-out 0.1s both;}.btn-hero {padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all var(--transition-base);border:none;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;z-index:1;}.btn-hero::before {content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255, 255, 255, 0.3);transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s;z-index:-1;}.btn-hero:hover::before {width:300px;height:300px;}.btn-hero-primary {background:white;color:var(--primary);}.btn-hero-primary:hover {transform:translateY(-3px);box-shadow:var(--shadow-2xl);color:var(--primary-dark);}.btn-hero-outline {background:transparent;color:white;border:2px solid white;}.btn-hero-outline:hover {background:white;color:var(--primary);transform:translateY(-3px);}.section {padding:100px 0;position:relative;}.section-header {text-align:center;margin-bottom:60px;}.section-subtitle {color:var(--primary);font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem;}.section-title {font-size:clamp(2rem, 4vw, 2.75rem);margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.section-description {color:var(--gray-600);font-size:1.125rem;max-width:700px;margin:0 auto;}.service-card {background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(10px);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-md);transition:all var(--transition-slow);border:1px solid rgba(255, 255, 255, 0.5);height:100%;position:relative;overflow:hidden;}.service-card::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base);}.service-card:hover::before {transform:scaleX(1);}.service-card:hover {transform:translateY(-15px);box-shadow:var(--shadow-2xl);background:white;}.service-icon {width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem;position:relative;background:var(--gradient-primary);color:white;box-shadow:var(--shadow-md);transition:all var(--transition-base);}.service-card:hover .service-icon {transform:rotate(360deg) scale(1.1);}.service-card h3 {font-size:1.5rem;margin-bottom:1rem;transition:color var(--transition-base);}.service-card:hover h3 {color:var(--primary);}.service-card p {color:var(--gray-600);margin-bottom:1.5rem;line-height:1.7;}.service-link {color:var(--primary);font-weight:600;display:inline-flex;align-items:center;gap:0.5rem;transition:gap var(--transition-base);}.service-link:hover {gap:1rem;}.stats-section {background:var(--gradient-dark);color:white;padding:80px 0;position:relative;overflow:hidden;}.stats-section::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');}.stat-item {text-align:center;padding:2rem;}.stat-number {font-size:3.5rem;font-weight:900;margin-bottom:0.5rem;background:linear-gradient(135deg, #fff 0%, rgba(255, 255, 255, 0.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.stat-label {font-size:1.125rem;opacity:0.9;}.feature-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-top:3rem;}.feature-item {display:flex;gap:1.5rem;padding:1.5rem;background:white;border-radius:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-base);}.feature-item:hover {box-shadow:var(--shadow-lg);transform:translateX(10px);}.feature-icon {width:50px;height:50px;border-radius:12px;background:var(--gradient-accent);color:white;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;}.feature-content h4 {font-size:1.125rem;margin-bottom:0.5rem;}.feature-content p {color:var(--gray-600);font-size:0.9375rem;margin:0;}.testimonial-card {background:white;border-radius:20px;padding:2.5rem;box-shadow:var(--shadow-md);position:relative;transition:all var(--transition-base);}.testimonial-card::before {content:'"';position:absolute;top:1rem;left:1.5rem;font-size:6rem;color:var(--primary-light);font-family:Georgia, serif;line-height:1;}.testimonial-card:hover {transform:translateY(-5px);box-shadow:var(--shadow-xl);}.testimonial-text {position:relative;z-index:2;font-size:1.125rem;line-height:1.8;margin-bottom:2rem;color:var(--gray-700);}.testimonial-author {display:flex;align-items:center;gap:1rem;}.author-avatar {width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;font-weight:700;}.author-info h5 {font-size:1.125rem;margin-bottom:0.25rem;}.author-info p {color:var(--gray-600);font-size:0.875rem;margin:0;}.cta-section {background:var(--gradient-accent);padding:100px 0;color:white;position:relative;overflow:hidden;}.cta-section::before {content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:rgba(255, 255, 255, 0.1);border-radius:50%;animation:ctaFloat 15s ease-in-out infinite;}.cta-section::after {content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:rgba(255, 255, 255, 0.08);border-radius:50%;animation:ctaFloat 20s ease-in-out infinite reverse;}@keyframes ctaFloat {0%,100% {transform:translate(0, 0);}50% {transform:translate(30px, -30px);}}.cta-content {position:relative;z-index:2;}.cta-section h2 {font-size:clamp(2rem, 4vw, 3rem);margin-bottom:1rem;color:white;}.cta-section p {font-size:1.25rem;opacity:0.95;margin-bottom:2rem;}.social-links a {font-size:16px;width:30px;height:30px;text-align:center;vertical-align:middle;line-height:30px;margin-right:3px;display:inline-block;background:rgb(17, 17, 17);border-radius:100%;}.social-links a i {color:#86c724;}#canvas-container {position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background-color:#0a0a18;overflow:hidden;}#circuit-canvas {display:block;width:100%;height:100%;}.txt,.txt-white span,.txt-white p {color:white !important;}.txt-black {color:black !important;}.v-list {display:flex;flex-direction:column;list-style:none;gap:10px;padding:0;}.h-list {display:flex;list-style:none;padding:0;gap:10px;}.h-list li:not(:last-child)::after {content:"|";margin-left:10px;color:#888;}.top-bar,.logo-bar,.navbar {background:#263039;}.logo-bar {background-color:rgba(28, 36, 41, 0.62);min-height:85px;}@media (min-width:768px) {.logo-bar .row {height:120px;}}.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link.show {color:#fff !important;}.footer {background:rgba(0, 0, 0, 0.59);color:var(--gray-300);padding:35px 4% 0px 4%;font-family:var(--font-heading);font-weight:normal;font-style:normal;font-size:16px}.footer h5 {color:white;font-size:18px;margin-bottom:1.5rem;font-weight:700;font-family:var(--font-accent);text-decoration:underline;}.footer ul {list-style:none;padding:0;}.footer ul li {margin-bottom:0.75rem;line-height:20px;}.footer a {color:var(--gray-300);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:0.5rem;}.footer a:hover {color:var(--accent);transform:translateX(5px);}.footer-bottom {border-top:1px solid rgba(255, 255, 255, 0.1);margin-top:2rem;padding-top:2rem;text-align:center;font-size:0.9375rem;}.error-page-wrapper {background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);min-height:50vh;}.error-code h1 {text-shadow:2px 2px 4px rgba(0, 0, 0, 0.1);animation:float 3s ease-in-out infinite;}.error-content {animation:fadeIn 0.6s ease-in;}.page-content .scroll-animate {opacity:0;transform:translateY(30px);transition:all 0.8s ease-out;}.page-content .scroll-animate.active {opacity:1;transform:translateY(0);}.gradient-text {background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.glass-effect {background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.2);}@media (max-width:992px) {.hero {padding:100px 0 80px;}.section {padding:60px 0;}}@media (max-width:768px) {.hero h1 {font-size:2.5rem;}.service-card {margin-bottom:1.5rem;}.stat-number {font-size:2.5rem;}.scroll-to-top {width:45px;height:45px;bottom:20px;right:20px;}}@media (max-width:576px) {.btn-hero {padding:0.875rem 2rem;font-size:1rem;}.section-header {margin-bottom:40px;}}#preloader {position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark);display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity 0.5s ease, visibility 0.5s;}#preloader.fade-out {opacity:0;visibility:hidden;}.loader-content {text-align:center;}.loader-text {color:white;letter-spacing:5px;font-size:0.75rem;font-weight:600;animation:pulse 1.5s infinite;}@keyframes pulse {0%,100% {opacity:0.5;}50% {opacity:1;}}.paper-graph {background:white;border-radius:12px;padding:20px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;border:1px solid var(--gray-200);}.graph-svg {width:100%;height:120px;}.graph-path {fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 3s ease-in-out forwards;}@keyframes draw {to {stroke-dashoffset:0;}}.graph-point {width:10px;height:10px;background:var(--primary);border-radius:50%;position:absolute;animation:pointPulse 2s infinite;}.float-img {animation:float 3s ease-in-out infinite;}.float-hover {transition:all var(--transition-slow);}.float-hover:hover {transform:translateY(-15px);}.glow-img {animation:glow_img 2s ease-in-out infinite;}.glow-text {animation:glow 2s ease-in-out infinite;}@keyframes glow_img {0%,100% {filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 20px rgba(255, 255, 255, 0.5));}50% {filter:drop-shadow(0 0 25px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 45px rgba(0, 0, 0, 0.6));}}@keyframes glow {0%,100% {text-shadow:0 0 10px rgba(0, 240, 255, 0.5),0 0 20px rgba(0, 240, 255, 0.5);}50% {text-shadow:0 0 20px rgba(0, 240, 255, 0.8),0 0 40px rgba(168, 85, 247, 0.6);}}@keyframes float {0%,100% {transform:translateY(0px);}50% {transform:translateY(-20px);}}@keyframes fadeIn {from {opacity:0;transform:translateY(20px);}to {opacity:1;transform:translateY(0);}}@keyframes fadeInUp {from {opacity:0;transform:translateY(30px);}to {opacity:1;transform:translateY(0);}}@keyframes slideInLeft {from {opacity:0;transform:translateX(-50px);}to {opacity:1;transform:translateX(0);}}@keyframes slideInRight {from {opacity:0;transform:translateX(50px);}to {opacity:1;transform:translateX(0);}}@keyframes scaleIn {from {opacity:0;transform:scale(0.9);}to {opacity:1;transform:scale(1);}}@keyframes pointPulse {0% {box-shadow:0 0 0 0 rgba(99, 102, 241, 0.4);}70% {box-shadow:0 0 0 10px rgba(99, 102, 241, 0);}100% {box-shadow:0 0 0 0 rgba(99, 102, 241, 0);}}.snake {position:relative !important;overflow:hidden !important;}@keyframes scanline {0% {transform:translateX(0);}100% {transform:translateX(200%);}}.snake::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg, transparent, rgba(63, 200, 255, 0.8), transparent);box-shadow:0 0 15px rgba(63, 200, 255, 0.5);animation:scanline 4s cubic-bezier(0.4, 0, 0.2, 1) infinite;z-index:1;pointer-events:none;will-change:transform;}@keyframes scanline-v {0% {transform:translateY(0);}100% {transform:translateY(200%);}}.snake-v::after {content:'';position:absolute;top:-100%;left:0;width:2px;height:100%;background:linear-gradient(180deg, transparent, rgba(63, 200, 255, 0.8), transparent);box-shadow:0 0 15px rgba(63, 200, 255, 0.5);animation:scanline-v 4s cubic-bezier(0.4, 0, 0.2, 1) infinite;animation-delay:2s;z-index:5;pointer-events:none;will-change:transform;}.snake-c {position:relative !important;overflow:hidden;}.snake-c::before {content:'';position:absolute;inset:-50%;background:conic-gradient(rgba(0, 0, 0, 0),rgba(249, 249, 249, 0.59),rgba(0, 0, 0, 0) 25%);animation:rotateSnake 6s linear infinite;z-index:1;}@keyframes rotateSnake {from {transform:rotate(0deg);}to {transform:rotate(360deg);}}.neon-glow {box-shadow:0 0 10px rgba(63, 200, 255, 0.3);animation:neon-pulse 3s infinite alternate cubic-bezier(0.4, 0, 0.2, 1);}@keyframes neon-pulse {0% {box-shadow:0 0 5px rgba(63, 200, 255, 0.2), 0 0 10px rgba(63, 200, 255, 0.1);}100% {box-shadow:0 0 20px rgba(63, 200, 255, 0.6), 0 0 40px rgba(63, 200, 255, 0.2);}}.neon-text {color:#fff;text-shadow:0 0 7px rgba(63, 200, 255, 0.7),0 0 10px rgba(63, 200, 255, 0.5),0 0 21px rgba(63, 200, 255, 0.2);animation:neon-text-flicker 5s infinite;}@keyframes neon-text-flicker {0%,18%,22%,25%,53%,57%,100% {text-shadow:0 0 7px rgba(63, 200, 255, 0.7),0 0 10px rgba(63, 200, 255, 0.5),0 0 21px rgba(63, 200, 255, 0.2);}20%,24%,55% {text-shadow:none;opacity:0.8;}}.cyber-glitch:hover {animation:cyber-glitch-anim 0.3s cubic-bezier(.25, .46, .45, .94) both infinite;}@keyframes cyber-glitch-anim {0% {transform:translate(0);}20% {transform:translate(-2px, 2px);}40% {transform:translate(-2px, -2px);}60% {transform:translate(2px, 2px);}80% {transform:translate(2px, -2px);}100% {transform:translate(0);}}.holo-projector {position:relative;overflow:hidden;}.holo-projector::after {content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0, 240, 255, 0.05) 0%,transparent 50%,rgba(0, 240, 255, 0.05) 100%);background-size:100% 4px;animation:holo-flicker 0.1s infinite;pointer-events:none;z-index:2;}@keyframes holo-flicker {0% {opacity:0.1;}50% {opacity:0.2;}100% {opacity:0.1;}}.text-shine {background:linear-gradient(90deg, #fff 0%, #00c8ff 50%, #fff 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text-shine-flow 3s linear infinite;font-weight:700;}@keyframes text-shine-flow {to {background-position:200% center;}}.data-border {position:relative;background:rgba(0, 0, 0, 0.3);}.data-border::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed rgba(0, 200, 255, 0.5);animation:border-dash-rotate 10s linear infinite;pointer-events:none;}@keyframes border-dash-rotate {from {outline-offset:-2px;}50% {outline-offset:2px;}to {outline-offset:-2px;}}.img-glitch-stack {position:relative;display:inline-block;}.img-glitch-stack::before,.img-glitch-stack::after {content:attr(data-content);position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;}.img-glitch-stack:hover::before {left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px, 450px, 56px, 0);animation:glitch-anim-1 5s infinite linear alternate-reverse;}.img-glitch-stack:hover::after {left:-2px;text-shadow:-2px 0 #00fff9, 2px 2px #ff00c1;clip:rect(44px, 450px, 56px, 0);animation:glitch-anim-2 5s infinite linear alternate-reverse;}@keyframes glitch-anim-1 {0% {clip:rect(10px, 9999px, 85px, 0);}20% {clip:rect(42px, 9999px, 52px, 0);}40% {clip:rect(12px, 9999px, 90px, 0);}60% {clip:rect(90px, 9999px, 10px, 0);}80% {clip:rect(25px, 9999px, 60px, 0);}100% {clip:rect(55px, 9999px, 80px, 0);}}@keyframes glitch-anim-2 {0% {clip:rect(65px, 9999px, 100px, 0);}20% {clip:rect(10px, 9999px, 30px, 0);}40% {clip:rect(80px, 9999px, 95px, 0);}60% {clip:rect(5px, 9999px, 20px, 0);}80% {clip:rect(40px, 9999px, 50px, 0);}100% {clip:rect(15px, 9999px, 75px, 0);}}.bg-neural-pulse {background-size:200% 200%;animation:neural-pulse 8s ease infinite;}@keyframes neural-pulse {0%,100% {transform:scale(1);opacity:0.3;}50% {transform:scale(1.1);opacity:0.6;}}.wave-container {position:relative;width:100%;min-height:400px;overflow:hidden;background:linear-gradient(180deg, #010518 0%, #050a1a 50%, #090909 100%);will-change:transform;transform:translateZ(0);}.wave-container::before {content:"";position:absolute;inset:-20%;background:linear-gradient(90deg,transparent 0%,rgba(80, 160, 255, 0.15) 42%,rgba(80, 160, 255, 0.35) 48%,rgba(80, 160, 255, 0.45) 50%,rgba(80, 160, 255, 0.35) 52%,rgba(80, 160, 255, 0.15) 58%,transparent 100%),linear-gradient(90deg,transparent 0%,rgba(190, 120, 255, 0.12) 45%,rgba(190, 120, 255, 0.28) 49%,rgba(190, 120, 255, 0.35) 50%,rgba(190, 120, 255, 0.28) 51%,rgba(190, 120, 255, 0.12) 55%,transparent 100%),radial-gradient(ellipse at center,rgba(80, 160, 255, 0.08) 0%,transparent 70%);background-size:200% 200%, 180% 180%, 100% 100%;background-position:0% 50%, 0% 50%, center;filter:blur(1.5px);animation:snakeWave 16s ease-in-out infinite;will-change:transform, background-position;transform:translateZ(0);}.wave-container::after {content:"";position:absolute;inset:-30%;background:linear-gradient(90deg,transparent 0%,rgba(120, 220, 255, 0.12) 44%,rgba(120, 220, 255, 0.28) 48%,rgba(120, 220, 255, 0.38) 50%,rgba(120, 220, 255, 0.28) 52%,rgba(120, 220, 255, 0.12) 56%,transparent 100%),linear-gradient(90deg,transparent 0%,rgba(255, 120, 200, 0.08) 47%,rgba(255, 120, 200, 0.18) 50%,rgba(255, 120, 200, 0.08) 53%,transparent 100%);background-size:220% 220%, 200% 200%;background-position:100% 60%, 100% 60%;filter:blur(2px);animation:snakeWaveAlt 22s ease-in-out infinite;animation-delay:-8s;will-change:transform, background-position;transform:translateZ(0);}.wave-container .wave-layer-extra {position:absolute;inset:-25%;background:linear-gradient(90deg,transparent 0%,rgba(100, 200, 255, 0.1) 46%,rgba(100, 200, 255, 0.2) 50%,rgba(100, 200, 255, 0.1) 54%,transparent 100%);background-size:190% 190%;background-position:50% 55%;filter:blur(1.8px);animation:snakeWaveMid 20s ease-in-out infinite;animation-delay:-4s;will-change:transform, background-position;transform:translateZ(0);}@keyframes snakeWave {0% {background-position:0% 50%, 0% 50%, center;transform:translateX(-12%) translateY(0) skewY(0deg) scaleY(1) scaleX(1);}15% {background-position:15% 48%, 18% 47%, center;transform:translateX(-8%) translateY(-5px) skewY(1.5deg) scaleY(1.02) scaleX(0.98);}25% {background-position:25% 47%, 28% 46%, center;transform:translateX(-5%) translateY(3px) skewY(2.5deg) scaleY(1.04) scaleX(0.96);}40% {background-position:40% 52%, 42% 53%, center;transform:translateX(0%) translateY(-8px) skewY(-1deg) scaleY(0.97) scaleX(1.02);}50% {background-position:50% 53%, 50% 54%, center;transform:translateX(3%) translateY(5px) skewY(-2.5deg) scaleY(0.96) scaleX(1.04);}65% {background-position:65% 49%, 68% 48%, center;transform:translateX(7%) translateY(-6px) skewY(1deg) scaleY(1.03) scaleX(0.97);}75% {background-position:75% 48%, 78% 47%, center;transform:translateX(10%) translateY(4px) skewY(2deg) scaleY(1.05) scaleX(0.95);}90% {background-position:90% 51%, 92% 52%, center;transform:translateX(6%) translateY(-4px) skewY(-0.5deg) scaleY(1.01) scaleX(0.99);}100% {background-position:100% 50%, 100% 50%, center;transform:translateX(12%) translateY(0) skewY(0deg) scaleY(1) scaleX(1);}}@keyframes snakeWaveAlt {0% {background-position:100% 60%, 100% 60%;transform:translateX(15%) translateY(0) skewY(0deg) scaleY(1) rotate(0deg);}20% {background-position:80% 57%, 82% 58%;transform:translateX(8%) translateY(6px) skewY(-1.8deg) scaleY(0.98) rotate(-0.5deg);}33% {background-position:66% 54%, 68% 55%;transform:translateX(2%) translateY(-7px) skewY(-3deg) scaleY(0.95) rotate(-0.8deg);}50% {background-position:50% 55%, 50% 56%;transform:translateX(-5%) translateY(8px) skewY(-3.5deg) scaleY(0.94) rotate(-1deg);}66% {background-position:33% 58%, 35% 57%;transform:translateX(-10%) translateY(-5px) skewY(2deg) scaleY(0.97) rotate(0.5deg);}80% {background-position:20% 62%, 18% 61%;transform:translateX(-6%) translateY(7px) skewY(2.5deg) scaleY(1.02) rotate(0.8deg);}100% {background-position:0% 60%, 0% 60%;transform:translateX(15%) translateY(0) skewY(0deg) scaleY(1) rotate(0deg);}}@keyframes snakeWaveMid {0%,100% {background-position:50% 55%;transform:translateX(0) translateY(0) skewY(0deg) scaleY(1);}25% {background-position:25% 52%;transform:translateX(-6%) translateY(6px) skewY(2deg) scaleY(1.03);}50% {background-position:0% 58%;transform:translateX(-8%) translateY(-7px) skewY(-1.5deg) scaleY(0.96);}75% {background-position:75% 53%;transform:translateX(6%) translateY(5px) skewY(1.8deg) scaleY(1.04);}}.wave-container.wave-fast::before {animation-duration:10s;}.wave-container.wave-fast::after {animation-duration:14s;}.wave-container.wave-fast .wave-layer-extra {animation-duration:12s;}.wave-container.wave-slow::before {animation-duration:24s;}.wave-container.wave-slow::after {animation-duration:32s;}.wave-container.wave-slow .wave-layer-extra {animation-duration:28s;}.wave-container.wave-extreme::before {animation:snakeWaveExtreme 14s ease-in-out infinite;}@keyframes snakeWaveExtreme {0%,100% {background-position:0% 50%;transform:translateX(-18%) translateY(0) skewY(0deg) scaleY(1) scaleX(1);}25% {background-position:25% 45%;transform:translateX(-10%) translateY(-12px) skewY(4deg) scaleY(1.08) scaleX(0.92);}50% {background-position:50% 55%;transform:translateX(0%) translateY(10px) skewY(-4deg) scaleY(0.92) scaleX(1.08);}75% {background-position:75% 46%;transform:translateX(10%) translateY(-14px) skewY(4.5deg) scaleY(1.1) scaleX(0.9);}}.wave-container.theme-cyan::before {background:linear-gradient(90deg,transparent 0%,rgba(0, 200, 255, 0.25) 45%,rgba(0, 200, 255, 0.45) 50%,rgba(0, 200, 255, 0.25) 55%,transparent 100%);}.wave-container.theme-purple::before {background:linear-gradient(90deg,transparent 0%,rgba(160, 80, 255, 0.25) 45%,rgba(160, 80, 255, 0.45) 50%,rgba(160, 80, 255, 0.25) 55%,transparent 100%);}.wave-container.theme-purple::after {background:linear-gradient(90deg,transparent 0%,rgba(255, 120, 200, 0.25) 46%,rgba(255, 120, 200, 0.38) 50%,rgba(255, 120, 200, 0.25) 54%,transparent 100%);}.wave-container.theme-green::before {background:linear-gradient(90deg,transparent 0%,rgba(80, 255, 160, 0.25) 45%,rgba(80, 255, 160, 0.45) 50%,rgba(80, 255, 160, 0.25) 55%,transparent 100%);}.wave-container.theme-fire::before {background:linear-gradient(90deg,transparent 0%,rgba(255, 140, 60, 0.25) 45%,rgba(255, 140, 60, 0.45) 50%,rgba(255, 140, 60, 0.25) 55%,transparent 100%);}.wave-container.theme-fire::after {background:linear-gradient(90deg,transparent 0%,rgba(255, 80, 120, 0.25) 46%,rgba(255, 80, 120, 0.38) 50%,rgba(255, 80, 120, 0.25) 54%,transparent 100%);}@media (max-width:768px) {.wave-container::before,.wave-container::after {filter:blur(1px);}.wave-container .wave-layer-extra {filter:blur(1.2px);}}@media (prefers-reduced-motion:reduce) {.wave-container::before,.wave-container::after,.wave-container .wave-layer-extra {animation-duration:60s;animation-timing-function:linear;}}