*{ margin: 0;padding: 0;box-sizing: border-box}:root{ --primary-color: #6366f1;--primary-dark: #4f46e5;--secondary-color: #8b5cf6;--accent-color: #06b6d4;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-primary: #0a0a1a;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1e293b;--bg-overlay: rgba(10, 10, 26, 0.95);--bg-glass: rgba(30, 41, 59, 0.8);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-inverse: #0a0a1a;--border-color: #334155;--border-light: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-accent: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-hero: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px;--space-5xl: 120px;--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 32px;--font-4xl: 48px;--font-5xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 50%;--mobile-padding: var(--space-md);--mobile-gap: var(--space-md);--mobile-border-radius: var(--radius-lg);--mobile-font-size: var(--font-sm);--mobile-line-height: 1.5;--touch-target: 44px;--button-height: 48px;--input-height: 48px;--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 20px;--icon-xl: 24px;--icon-2xl: 32px;--icon-3xl: 48px}body{ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;background: var(--bg-primary);color: var(--text-primary);line-height: 1.6;overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility}.container{ max-width: 1400px;margin: 0 auto;padding: 0 var(--space-md)}.navbar{ position: fixed;top: 0;width: 100%;background: var(--bg-overlay);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-bottom: 1px solid var(--border-color);z-index: 1000;transition: all 0.3s ease}.nav-container{ max-width: 1400px;margin: 0 auto;padding: 0 var(--space-md);display: flex;justify-content: space-between;align-items: center;height: 70px}.nav-brand{ display: flex;align-items: center;gap: var(--space-md);font-size: 1.5rem;font-weight: 700;color: var(--text-primary);text-decoration: none;transition: all 0.3s ease}.nav-brand:hover{ color: var(--primary-color);transform: scale(1.05)}.nav-logo{ display: flex;align-items: center;gap: var(--space-md);font-size: 1.5rem;font-weight: 800;color: var(--text-primary)}.logo-animation{ position: relative}.logo-img{ transition: transform 0.3s ease;filter: drop-shadow(0 0 10px rgba(99, 102, 241, 0.3));border-radius: 8px;object-fit: cover;background: var(--bg-card);border: 1px solid var(--border-color);width: 40px;height: 40px}.nav-logo:hover .logo-img{ transform: scale(1.1) rotate(5deg)}.logo-text{ background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.nav-menu{ display: flex;list-style: none;gap: var(--space-xl)}.nav-menu a{ color: var(--text-secondary);text-decoration: none;font-weight: 500;transition: all 0.3s ease;position: relative;padding: var(--space-sm) 0;font-size: 0.95rem}.nav-menu a:hover{ color: var(--primary-color)}.nav-menu a::after{ content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--gradient-primary);transition: width 0.3s ease}.nav-menu a:hover::after{ width: 100%}.nav-dropdown{ position: relative}.dropdown-toggle{ display: flex;align-items: center;gap: var(--space-sm);cursor: pointer;padding: var(--space-sm) var(--space-md);border-radius: 8px;transition: all 0.3s ease;position: relative;overflow: hidden}.dropdown-toggle::before{ content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.1), transparent);transition: left 0.5s ease}.dropdown-toggle:hover::before{ left: 100%}.dropdown-toggle:hover{ background: rgba(99, 102, 241, 0.1);transform: translateY(-2px);box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2)}.dropdown-menu{ position: absolute;top: calc(100% + 8px);right: 0;background: linear-gradient(135deg, rgba(15, 15, 35, 0.95) 0%, rgba(30, 41, 59, 0.95) 100%);backdrop-filter: blur(25px);-webkit-backdrop-filter: blur(25px);border: 1px solid rgba(99, 102, 241, 0.2);border-radius: 16px;padding: var(--space-md) 0;min-width: 240px;opacity: 0;visibility: hidden;transform: translateY(-15px) scale(0.95);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1001;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(99, 102, 241, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1)}.nav-dropdown:hover .dropdown-menu{ opacity: 1;visibility: visible;transform: translateY(0) scale(1)}.dropdown-menu::before{ content: '';position: absolute;top: -6px;right: 20px;width: 12px;height: 12px;background: linear-gradient(135deg, rgba(15, 15, 35, 0.95) 0%, rgba(30, 41, 59, 0.95) 100%);border: 1px solid rgba(99, 102, 241, 0.2);border-bottom: none;border-right: none;transform: rotate(45deg);z-index: -1}.dropdown-item{ display: flex;align-items: center;gap: var(--space-md);padding: var(--space-md) var(--space-lg);color: var(--text-primary);text-decoration: none;font-weight: 500;font-size: 0.95rem;transition: all 0.3s ease;position: relative;overflow: hidden;margin: var(--space-xs) var(--space-sm);border-radius: 10px}.dropdown-item::before{ content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.15), transparent);transition: left 0.6s ease}.dropdown-item:hover::before{ left: 100%}.dropdown-item:hover{ background: rgba(99, 102, 241, 0.15);color: var(--primary-color);transform: translateX(8px);box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2)}.nav-toggle{ display: none;flex-direction: column;justify-content: center;align-items: center;width: var(--touch-target);height: var(--touch-target);background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 8px;cursor: pointer;transition: all 0.3s ease;position: relative;z-index: 1001;gap: var(--space-xs)}.nav-toggle span{ width: 20px;height: 2px;background: #6366f1;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius: 1px;box-shadow: 0 0 4px rgba(99, 102, 241, 0.3)}.hero{ min-height: 100vh;display: flex;align-items: center;background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%);position: relative;overflow: hidden;margin-top: 70px;padding: var(--space-5xl) 0 var(--space-4xl)}.hero::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(120, 219, 255, 0.2) 0%, transparent 50%);pointer-events: none}.hero-background{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0}.hero-particles{ position: absolute;width: 100%;height: 100%;background-image: radial-gradient(circle at 20% 80%, rgba(99, 102, 241, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(139, 92, 246, 0.15) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(6, 182, 212, 0.1) 0%, transparent 50%);animation: float 20s ease-in-out infinite}.hero-grid{ position: absolute;width: 100%;height: 100%;background-image: linear-gradient(rgba(99, 102, 241, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(99, 102, 241, 0.1) 1px, transparent 1px);background-size: 50px 50px;animation: gridMove 30s linear infinite}@keyframes float{ 0%, 100%{ transform: translateY(0px) rotate(0deg)}50%{ transform: translateY(-20px) rotate(180deg)}}@keyframes gridMove{ 0%{ transform: translate(0, 0)}100%{ transform: translate(50px, 50px)}}.hero-container{ max-width: 1400px;margin: 0 auto;padding: 0 var(--mobile-padding);display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-3xl);align-items: center;position: relative;z-index: 1}.hero-content{ animation: fadeInUp 1s ease-out}.hero-badge{ display: inline-flex;align-items: center;gap: var(--space-sm);background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 20px;padding: var(--space-sm) var(--space-md);font-size: 0.875rem;font-weight: 500;color: var(--primary-color);margin-bottom: var(--space-lg);backdrop-filter: blur(10px)}.hero-badge i{ font-size: 1rem}.hero-title{ font-size: 4.5rem;font-weight: 900;line-height: 1.1;margin-bottom: var(--space-xl);color: var(--text-primary);letter-spacing: -0.02em;text-shadow: 0 0 30px rgba(168, 85, 247, 0.3)}.gradient-text{ background: linear-gradient(135deg, #a855f7 0%, #3b82f6 50%, #06b6d4 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;position: relative;text-shadow: 0 0 30px rgba(168, 85, 247, 0.5)}.gradient-text::after{ content: '';position: absolute;bottom: -4px;left: 0;width: 100%;height: 2px;background: var(--gradient-hero);border-radius: 1px;animation: shimmer 2s ease-in-out infinite}@keyframes shimmer{ 0%, 100%{ opacity: 0.5}50%{ opacity: 1}}.hero-description{ font-size: 1.125rem;line-height: 1.7;color: var(--text-secondary);margin-bottom: var(--space-xl);max-width: 600px}.stat-item{ text-align: center;padding: var(--space-md);background: rgba(99, 102, 241, 0.05);border: 1px solid rgba(99, 102, 241, 0.1);border-radius: 12px;transition: all 0.3s ease}.stat-item:hover{ transform: translateY(-4px);background: rgba(99, 102, 241, 0.1);border-color: rgba(99, 102, 241, 0.3)}.stat-number{ font-size: 2rem;font-weight: 800;color: var(--primary-color);margin-bottom: var(--space-xs);transition: all 0.3s ease}.stat-number.animating{ animation: pulse 1s ease-in-out}.stat-label{ font-size: 0.875rem;color: var(--text-muted);font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px}.hero-buttons{ display: flex;gap: var(--space-md);flex-wrap: wrap}.btn{ display: inline-flex;align-items: center;gap: var(--space-sm);padding: var(--space-md) var(--space-lg);border-radius: 12px;font-weight: 600;text-decoration: none;transition: all 0.3s ease;border: none;cursor: pointer;font-size: 1rem;min-height: var(--button-height);justify-content: center}.btn-primary{ background: var(--gradient-primary);color: white;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3)}.btn-primary:hover{ transform: translateY(-2px);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4)}.btn-secondary{ background: transparent;color: var(--text-primary);border: 2px solid var(--border-color)}.btn-secondary:hover{ border-color: var(--primary-color);background: rgba(99, 102, 241, 0.1);transform: translateY(-2px)}.btn-accent{ background: var(--gradient-accent);color: white;box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3)}.btn-accent:hover{ transform: translateY(-2px);box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4)}.blockchain-animation{ position: relative;display: flex;justify-content: center;align-items: center;height: 400px}.block-container{ display: flex;gap: 20px;align-items: center}.block{ background: var(--bg-card);border: 2px solid var(--border-color);border-radius: 12px;padding: var(--space-lg);width: 120px;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden}.block.active{ border-color: var(--primary-color);box-shadow: 0 0 20px rgba(99, 102, 241, 0.3)}.block:hover{ transform: translateY(-8px);border-color: var(--primary-color);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.3)}.block-header{ font-size: 0.875rem;font-weight: 700;color: var(--primary-color);margin-bottom: var(--space-sm)}.block-content{ font-size: 0.75rem;color: var(--text-secondary);margin-bottom: var(--space-sm)}.block-stats{ font-size: 0.625rem;color: var(--text-muted);font-family: 'Courier New', monospace}.connection-lines{ position: absolute;top: 50%;left: 0;right: 0;height: 2px;display: flex;justify-content: space-between;z-index: -1}.line{ width: 60px;height: 2px;background: var(--gradient-primary);border-radius: 1px;animation: pulse 2s ease-in-out infinite}.network-status{ position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;gap: var(--space-sm);background: rgba(16, 185, 129, 0.1);border: 1px solid rgba(16, 185, 129, 0.3);border-radius: 20px;padding: var(--space-sm) var(--space-md);font-size: 0.875rem;color: var(--success-color);backdrop-filter: blur(10px)}.status-indicator{ width: 8px;height: 8px;border-radius: 50%;animation: pulse 2s infinite}.status-indicator.online{ background: var(--success-color)}.section-header{ text-align: center;margin-bottom: 60px}.section-title{ font-size: 3rem;font-weight: 800;margin-bottom: 16px;background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.section-subtitle{ font-size: 1.125rem;color: var(--text-secondary);max-width: 600px;margin: 0 auto;line-height: 1.6}.features{ padding: 120px 0;background: var(--bg-secondary);position: relative;overflow: hidden}.features-bg{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0}.floating-features{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.3}.feature-node{ opacity: 0.6}.feature-particles{ position: absolute;width: 100%;height: 100%}.feature-particle{ position: absolute;width: 4px;height: 4px;background: var(--primary-color);border-radius: 50%;animation: featureFloat 6s ease-in-out infinite}.feature-particle:nth-child(1){ top: 20%;left: 10%;animation-delay: 0s}.feature-particle:nth-child(2){ top: 60%;left: 80%;animation-delay: 1s}.feature-particle:nth-child(3){ top: 80%;left: 20%;animation-delay: 2s}.feature-particle:nth-child(4){ top: 30%;left: 70%;animation-delay: 3s}.feature-particle:nth-child(5){ top: 70%;left: 30%;animation-delay: 4s}.feature-particle:nth-child(6){ top: 40%;left: 60%;animation-delay: 5s}@keyframes featureFloat{ 0%, 100%{ transform: translateY(0px) scale(1);opacity: 0.6}50%{ transform: translateY(-20px) scale(1.2);opacity: 1}}.features-badge{ display: inline-flex;align-items: center;gap: var(--space-sm);background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 20px;padding: var(--space-sm) var(--space-md);font-size: 0.875rem;font-weight: 500;color: var(--primary-color);margin-bottom: 16px;backdrop-filter: blur(10px)}.features-badge .badge-icon{ width: 16px;height: 16px}.features-badge span{ font-weight: 600}.features-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 32px;position: relative;z-index: 2}.feature-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 20px;padding: 40px;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden;min-height: 400px;display: flex;flex-direction: column;justify-content: space-between}.feature-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--gradient-primary);transform: scaleX(0);transition: transform 0.3s ease}.feature-card:hover::before{ transform: scaleX(1)}.feature-card:hover{ transform: translateY(-10px);border-color: var(--primary-color);box-shadow: var(--shadow-2xl)}.feature-icon{ width: 80px;height: 80px;margin: 0 auto 24px;position: relative}.feature-svg{ width: 100%;height: 100%;filter: drop-shadow(0 0 20px rgba(99, 102, 241, 0.3));transition: all 0.3s ease}.feature-card:hover .feature-svg{ transform: scale(1.1);filter: drop-shadow(0 0 30px rgba(99, 102, 241, 0.5))}.shield-body, .certificate-body, .network-circle, .token-body, .analytics-bar, .mobile-body{ transition: all 0.3s ease}.shield-check, .certificate-check, .network-connection, .analytics-line{ stroke-linecap: round;stroke-linejoin: round}.certificate-seal, .mobile-button, .mobile-bar{ transition: all 0.3s ease}.network-node{ transition: all 0.3s ease}.token-ring, .token-inner{ transition: all 0.3s ease}.token-text{ font-family: Arial, sans-serif;font-weight: bold}.feature-card h3{ font-size: 1.5rem;font-weight: 700;margin-bottom: 16px;color: var(--text-primary)}.feature-card p{ font-size: 1rem;color: var(--text-secondary);line-height: 1.6;margin-bottom: var(--space-lg);flex-grow: 1}.feature-metrics{ margin-bottom: 20px}.metric{ display: inline-block}.metric-value{ font-size: 1.5rem;font-weight: 800;color: var(--primary-color);display: block;margin-bottom: var(--space-xs);transition: all 0.3s ease}.feature-card:hover .metric-value{ transform: scale(1.1)}.feature-progress{ position: relative;display: flex;justify-content: center;align-items: center}.feature-progress .progress-ring{ position: relative;width: 60px;height: 60px}.feature-progress .progress-svg{ width: 100%;height: 100%;transform: rotate(-90deg)}.feature-progress .progress-circle{ transition: stroke-dashoffset 0.3s ease}.metric-label{ font-size: 0.75rem;color: var(--text-muted);font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px}@media (max-width: 1200px){ .hero-container{ gap: 40px}.hero-title{ font-size: 3rem}.features-grid{ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))}}@media (max-width: 1024px){ .hero-container{ grid-template-columns: 1fr;gap: var(--space-3xl);text-align: center}.hero-title{ font-size: 2.5rem}.hero-stats{ grid-template-columns: repeat(2, 1fr);gap: 20px}.block-container{ flex-direction: column;gap: 20px}.comparison-table{ overflow-x: auto}.table-header, .table-row{ min-width: 800px}.charts-grid{ grid-template-columns: 1fr}.contact-content{ grid-template-columns: 1fr;gap: 40px}.footer-content{ grid-template-columns: 1fr 1fr;gap: 40px}.features-grid{ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: var(--space-lg)}}@media (max-width: 768px){ .nav-container{ height: 60px;padding: 0 var(--mobile-padding)}.nav-logo .logo-img{ width: 32px;height: 32px}.nav-logo{ font-size: 1.25rem;gap: var(--space-sm)}.nav-menu{ position: fixed;top: 60px;left: -100%;width: 100%;height: calc(100vh - 60px);background: rgba(15, 15, 35, 0.98);flex-direction: column;justify-content: flex-start;align-items: center;padding: 40px var(--mobile-padding);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1000;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-top: 1px solid var(--border-color);overflow-y: auto;list-style: none}.nav-menu.active{ left: 0;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3)}.nav-menu li{ width: 100%;margin: 4px 0}.nav-menu a{ font-size: 1.1rem;padding: 16px 24px;margin: 0;border-radius: 12px;transition: all 0.3s ease;position: relative;overflow: hidden;min-height: var(--touch-target);display: flex;align-items: center;justify-content: center;width: 100%;text-decoration: none;color: var(--text-primary)}.nav-menu a::before{ content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.1), transparent);transition: left 0.5s ease}.nav-menu a:hover::before{ left: 100%}.nav-menu a:hover{ background: rgba(99, 102, 241, 0.1);transform: translateX(10px);box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2);color: var(--primary-color)}.nav-toggle{ display: flex !important;flex-direction: column;justify-content: center;align-items: center;width: var(--touch-target);height: var(--touch-target);background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 8px;cursor: pointer;transition: all 0.3s ease;position: relative;z-index: 1001}.nav-toggle:hover{ background: rgba(99, 102, 241, 0.2);border-color: rgba(99, 102, 241, 0.5);transform: scale(1.05)}.nav-toggle.active{ background: rgba(99, 102, 241, 0.3);border-color: rgba(99, 102, 241, 0.6)}.nav-toggle span{ width: 20px;height: 2px;background: #6366f1;margin: 3px 0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius: 1px;box-shadow: 0 0 4px rgba(99, 102, 241, 0.3)}.nav-toggle.active span:nth-child(1){ transform: rotate(45deg) translate(5px, 5px);background: #ef4444}.nav-toggle.active span:nth-child(2){ opacity: 0;transform: translateX(-20px)}.nav-toggle.active span:nth-child(3){ transform: rotate(-45deg) translate(7px, -6px);background: #ef4444}.hero{ margin-top: 60px;min-height: 90vh}.hero-title{ font-size: 2.25rem;line-height: 1.2;margin-bottom: 20px}.hero-description{ font-size: 1rem;line-height: 1.6;margin-bottom: var(--space-lg)}.hero-stats{ grid-template-columns: repeat(2, 1fr);gap: var(--space-md);margin-bottom: var(--space-xl)}.stat-item{ padding: 12px}.stat-number{ font-size: 1.5rem}.stat-label{ font-size: 0.75rem}.hero-buttons{ flex-direction: column;gap: var(--space-md);width: 100%}.btn{ width: 100%;text-align: center;padding: 16px 24px;font-size: 1rem;min-height: var(--button-height)}.features-grid{ grid-template-columns: 1fr;gap: 20px}.feature-card{ padding: 24px;min-height: 350px}.feature-card h3{ font-size: 1.25rem}.feature-card p{ font-size: 0.9rem}.stats-grid{ grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.analytics-grid{ grid-template-columns: 1fr;gap: 20px}.ecosystem-grid{ grid-template-columns: 1fr;gap: 20px}.about-content{ grid-template-columns: 1fr;gap: 32px}.about-stats{ grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.about-visual{ grid-template-columns: 1fr;gap: 20px}.section-title{ font-size: 1.75rem;line-height: 1.3;margin-bottom: 12px}.section-subtitle{ font-size: 0.9rem;line-height: 1.5}.footer-content{ grid-template-columns: 1fr;gap: 32px}.footer-bottom{ flex-direction: column;gap: var(--space-md);text-align: center}.feature-card, .stat-card, .analytics-card, .about-card{ transform: none !important;transition: all 0.3s ease}.feature-card:hover, .stat-card:hover, .analytics-card:hover, .about-card:hover{ transform: translateY(-4px) !important}@media (hover: none){ .feature-card:active, .stat-card:active, .analytics-card:active, .about-card:active{ transform: translateY(-2px) scale(0.98)}.btn:active{ transform: scale(0.95)}}}@media (max-width: 480px){ .container{ padding: 0 12px}.hero-title{ font-size: 1.875rem;line-height: 1.1}.hero-description{ font-size: 0.9rem;line-height: 1.5}.section-title{ font-size: 1.5rem;line-height: 1.2}.section-subtitle{ font-size: 0.85rem;line-height: 1.4}.hero-stats{ grid-template-columns: 1fr;gap: var(--space-md)}.stats-grid{ grid-template-columns: 1fr;gap: var(--space-md)}.about-stats{ grid-template-columns: 1fr;gap: var(--space-md)}.btn{ padding: var(--space-md) var(--space-lg);font-size: 0.9rem;min-height: 44px}.nav-menu a{ font-size: 1rem;padding: 12px 16px;min-height: 44px}.feature-card, .stat-card, .analytics-card, .about-card{ padding: var(--space-lg);border-radius: 16px}.mission-card, .vision-card, .values-card{ padding: var(--space-lg)}.about-badge{ font-size: 0.75rem;padding: 6px 12px}.about-badge .badge-icon{ width: 12px;height: 12px}.hero-container{ gap: 40px}.blockchain-animation{ height: 300px}.block{ width: 100px;padding: var(--space-md)}.block-header{ font-size: 0.75rem}.block-content{ font-size: 0.625rem}.block-stats{ font-size: 0.5rem}.features-grid{ gap: var(--space-md)}.feature-card{ min-height: 300px}.feature-icon{ width: 60px;height: 60px;margin-bottom: 16px}.feature-card h3{ font-size: 1.125rem;margin-bottom: 12px}.feature-card p{ font-size: 0.85rem;margin-bottom: 16px}.metric-value{ font-size: 1.25rem}.metric-label{ font-size: 0.625rem}}::-webkit-scrollbar{ width: 8px}::-webkit-scrollbar-track{ background: var(--bg-secondary)}::-webkit-scrollbar-thumb{ background: var(--border-color);border-radius: 4px}::-webkit-scrollbar-thumb:hover{ background: var(--primary-color)}@keyframes fadeInUp{ from{ opacity: 0;transform: translateY(30px)}to{ opacity: 1;transform: translateY(0)}}@keyframes pulse{ 0%, 100%{ opacity: 1}50%{ opacity: 0.7}}.fade-in-up{ animation: fadeInUp 0.6s ease-out}.pulse{ animation: pulse 2s infinite}@media (hover: none) and (pointer: coarse){ .btn{ min-height: 48px;padding: 16px 24px}.nav-menu a{ min-height: 48px;padding: 16px 24px}.feature-card, .stat-card, .analytics-card{ cursor: pointer}.feature-card:active, .stat-card:active, .analytics-card:active{ transform: scale(0.98)}}@media (prefers-reduced-motion: reduce){ *{ animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}}.btn:focus, .nav-menu a:focus, .feature-card:focus{ outline: 2px solid var(--primary-color);outline-offset: 2px}@media print{ .navbar, .nav-toggle, .hero-buttons, .btn{ display: none !important}.hero{ margin-top: 0;min-height: auto}.feature-card, .stat-card, .analytics-card{ break-inside: avoid;box-shadow: none;border: 1px solid #ccc}}.comparison{ padding: 120px 0;background: var(--bg-primary);position: relative;overflow: hidden}.comparison-bg{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 1}.floating-comparison{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.1}.comparison-node{ opacity: 0.6}.comparison-particles{ position: absolute;top: 0;left: 0;width: 100%;height: 100%}.comparison-particle{ position: absolute;width: 4px;height: 4px;background: linear-gradient(45deg, #8b5cf6, #a855f7);border-radius: 50%;animation: float 6s ease-in-out infinite;opacity: 0.3}.comparison-particle:nth-child(1){ top: 20%;left: 10%;animation-delay: 0s}.comparison-particle:nth-child(2){ top: 60%;left: 80%;animation-delay: 1s}.comparison-particle:nth-child(3){ top: 80%;left: 20%;animation-delay: 2s}.comparison-particle:nth-child(4){ top: 30%;left: 70%;animation-delay: 3s}.comparison-particle:nth-child(5){ top: 70%;left: 40%;animation-delay: 4s}.comparison-particle:nth-child(6){ top: 40%;left: 90%;animation-delay: 5s}.comparison-table-container{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 20px;overflow: hidden;box-shadow: var(--shadow-xl)}.comparison-table{ width: 100%}.table-header{ display: grid;grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;background: var(--bg-tertiary);border-bottom: 1px solid var(--border-color)}.header-cell{ padding: var(--space-lg);font-weight: 700;color: var(--text-primary);text-align: center;font-size: 1rem;display: flex;align-items: center;justify-content: center;gap: var(--space-sm);transition: all 0.3s ease}.header-cell svg{ width: 20px;height: 20px;transition: all 0.3s ease}.header-cell:hover svg{ transform: scale(1.1);filter: drop-shadow(0 0 8px currentColor)}.header-cell.feature{ text-align: left}.header-cell.educhain{ background: var(--gradient-primary);color: white}.table-body{ display: flex;flex-direction: column}.table-row{ display: grid;grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;border-bottom: 1px solid var(--border-color);transition: background-color 0.3s ease}.table-row:hover{ background: var(--bg-tertiary)}.table-row:last-child{ border-bottom: none}.cell{ padding: 16px 20px;display: flex;align-items: center;justify-content: center;font-weight: 500;transition: all 0.3s ease}.cell.feature{ justify-content: flex-start;font-weight: 600;color: var(--text-primary);gap: var(--space-sm)}.cell.feature svg{ width: 18px;height: 18px;color: var(--primary-color);transition: all 0.3s ease}.cell.feature:hover svg{ transform: scale(1.1);filter: drop-shadow(0 0 6px var(--primary-color))}.cell.feature{ justify-content: flex-start;font-weight: 600;color: var(--text-primary)}.cell.educhain{ background: rgba(99, 102, 241, 0.1);color: var(--primary-color);font-weight: 700}.cell.highlight{ background: var(--gradient-primary);color: white;font-weight: 700;border-radius: 8px;margin: 4px;position: relative;overflow: hidden}.cell-content{ position: relative;z-index: 2;display: flex;align-items: center;gap: var(--space-sm)}.cell-text{ position: relative;z-index: 2}.cell-glow{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);border-radius: 8px;animation: pulse 2s ease-in-out infinite}.cell-shimmer{ position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);animation: shimmer 2s ease-in-out infinite}@keyframes shimmer{ 0%{ left: -100%}100%{ left: 100%}}.check-icon, .x-icon{ width: 16px;height: 16px;transition: all 0.3s ease}.check-icon{ color: #10b981;filter: drop-shadow(0 0 4px #10b981)}.x-icon{ color: #ef4444;filter: drop-shadow(0 0 4px #ef4444)}.cell:hover .check-icon, .cell:hover .x-icon{ transform: scale(1.2)}.comparison-summary{ margin-top: 40px;display: flex;justify-content: center}.summary-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 20px;padding: 30px;box-shadow: var(--shadow-xl);position: relative;overflow: hidden;transition: all 0.3s ease}.summary-card::before{ content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(168, 85, 247, 0.1) 100%);opacity: 0;transition: opacity 0.3s ease}.summary-card:hover::before{ opacity: 1}.summary-header{ display: flex;align-items: center;gap: var(--space-md);margin-bottom: 20px;position: relative;z-index: 2}.summary-icon{ width: 24px;height: 24px;color: var(--primary-color);filter: drop-shadow(0 0 8px var(--primary-color));animation: pulse 2s ease-in-out infinite}.summary-card h3{ color: var(--text-primary);font-size: 1.5rem;font-weight: 700;margin: 0;position: relative;z-index: 2}.advantages-list{ list-style: none;margin: 0;padding: 0;position: relative;z-index: 2}.advantage-item{ display: flex;align-items: center;gap: var(--space-md);padding: var(--space-md) 0;transition: all 0.3s ease}.advantage-item:hover{ transform: translateX(8px)}.advantage-icon{ width: 20px;height: 20px;color: #10b981;filter: drop-shadow(0 0 6px #10b981);flex-shrink: 0;transition: all 0.3s ease}.advantage-item:hover .advantage-icon{ transform: scale(1.2)}.advantage-text{ color: var(--text-secondary);font-weight: 500;transition: color 0.3s ease}.advantage-item:hover .advantage-text{ color: var(--text-primary)}.summary-card ul{ list-style: none}.summary-card li{ padding: 8px 0;color: var(--text-secondary);position: relative;padding-left: 24px}.summary-card li::before{ content: '✓';position: absolute;left: 0;color: var(--success-color);font-weight: 700}.statistics{ padding: 120px 0;background: var(--bg-secondary);position: relative;overflow: hidden}.statistics-bg{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1}.floating-stats{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.1}.stat-node{ filter: drop-shadow(0 0 4px #3b82f6)}.statistics-particles{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none}.statistics-particle{ position: absolute;width: 4px;height: 4px;background: linear-gradient(45deg, #3b82f6, #1d4ed8);border-radius: 50%;opacity: 0.3;animation: float 6s ease-in-out infinite}.statistics-particle:nth-child(1){ top: 20%;left: 10%;animation-delay: 0s}.statistics-particle:nth-child(2){ top: 60%;left: 80%;animation-delay: 1s}.statistics-particle:nth-child(3){ top: 80%;left: 20%;animation-delay: 2s}.statistics-particle:nth-child(4){ top: 30%;left: 70%;animation-delay: 3s}.statistics-particle:nth-child(5){ top: 70%;left: 40%;animation-delay: 4s}.statistics-particle:nth-child(6){ top: 40%;left: 90%;animation-delay: 5s}.mock-data-badge{ display: inline-flex;align-items: center;gap: var(--space-sm);background: rgba(59, 130, 246, 0.1);border: 1px solid rgba(59, 130, 246, 0.3);border-radius: 20px;padding: var(--space-sm) var(--space-md);margin-top: 16px;color: #3b82f6;font-size: 0.875rem;font-weight: 500;backdrop-filter: blur(10px);transition: all 0.3s ease}.mock-data-badge:hover{ background: rgba(59, 130, 246, 0.2);border-color: rgba(59, 130, 246, 0.5);transform: translateY(-2px)}.mock-data-badge .badge-icon{ width: 16px;height: 16px;animation: rotate 3s linear infinite}@keyframes rotate{ from{ transform: rotate(0deg)}to{ transform: rotate(360deg)}}.stats-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: var(--space-lg)}.stat-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 20px;padding: 32px;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden;backdrop-filter: blur(10px);z-index: 2}.stat-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #3b82f6, #1d4ed8, #3b82f6);background-size: 200% 100%;animation: shimmer 3s ease-in-out infinite}.stat-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 0.1), transparent 70%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none}.stat-card:hover .stat-glow{ opacity: 1}.stat-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--gradient-primary);transform: scaleX(0);transition: transform 0.3s ease}.stat-card:hover::before{ transform: scaleX(1)}.stat-card:hover{ transform: translateY(-5px);border-color: var(--primary-color);box-shadow: var(--shadow-xl)}.stat-icon{ width: 60px;height: 60px;background: var(--gradient-secondary);border-radius: 16px;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: white;flex-shrink: 0;position: relative;overflow: hidden;transition: all 0.3s ease}.stat-icon::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);transform: translateX(-100%);transition: transform 0.6s ease}.stat-card:hover .stat-icon::before{ transform: translateX(100%)}.stat-svg{ width: 28px;height: 28px;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));transition: all 0.3s ease}.stat-card:hover .stat-svg{ transform: scale(1.1);filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3))}.stat-info{ flex: 1}.stat-value{ font-size: 2rem;font-weight: 800;color: var(--primary-color);margin-bottom: var(--space-xs)}.stat-label{ color: var(--text-muted);font-size: 0.875rem;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: var(--space-sm)}.stat-change{ font-size: 0.875rem;font-weight: 600;padding: 4px 8px;border-radius: 6px;display: inline-block}.stat-change.positive{ background: rgba(16, 185, 129, 0.1);color: var(--success-color)}.stat-change.negative{ background: rgba(239, 68, 68, 0.1);color: var(--error-color)}.stat-change.neutral{ background: rgba(100, 116, 139, 0.1);color: var(--text-muted)}.stat-change{ display: flex;align-items: center;gap: var(--space-xs);font-size: 0.875rem;font-weight: 600;padding: 4px 8px;border-radius: 6px;transition: all 0.3s ease}.change-icon{ width: 12px;height: 12px;transition: all 0.3s ease}.stat-change.positive .change-icon{ color: var(--success-color)}.stat-change.negative .change-icon{ transform: rotate(180deg);color: var(--error-color)}.stat-change.neutral .change-icon{ color: var(--text-muted)}.stats-note{ margin-top: 60px;display: flex;justify-content: center}.note-card{ display: flex;align-items: center;gap: var(--space-md);background: rgba(59, 130, 246, 0.05);border: 1px solid rgba(59, 130, 246, 0.2);border-radius: 16px;padding: 24px;max-width: 600px;backdrop-filter: blur(10px);transition: all 0.3s ease}.note-card:hover{ background: rgba(59, 130, 246, 0.1);border-color: rgba(59, 130, 246, 0.3);transform: translateY(-2px)}.note-icon{ width: 24px;height: 24px;color: #3b82f6;flex-shrink: 0;filter: drop-shadow(0 2px 4px rgba(59, 130, 246, 0.3))}.note-content h4{ color: #3b82f6;font-size: 1.125rem;font-weight: 600;margin-bottom: var(--space-sm)}.note-content p{ color: var(--text-secondary);font-size: 0.875rem;line-height: 1.5;margin: 0}.network-analytics{ padding: 120px 0;background: var(--bg-secondary);position: relative;overflow: hidden}.analytics-bg{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1}.floating-analytics{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.1}.analytics-node{ filter: drop-shadow(0 0 4px #6366f1)}.analytics-particles{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none}.analytics-particle{ position: absolute;width: 4px;height: 4px;background: linear-gradient(45deg, #6366f1, #8b5cf6);border-radius: 50%;opacity: 0.3;animation: float 6s ease-in-out infinite}.analytics-particle:nth-child(1){ top: 20%;left: 10%;animation-delay: 0s}.analytics-particle:nth-child(2){ top: 60%;left: 80%;animation-delay: 1s}.analytics-particle:nth-child(3){ top: 80%;left: 20%;animation-delay: 2s}.analytics-particle:nth-child(4){ top: 30%;left: 70%;animation-delay: 3s}.analytics-particle:nth-child(5){ top: 70%;left: 40%;animation-delay: 4s}.analytics-particle:nth-child(6){ top: 40%;left: 90%;animation-delay: 5s}.local-data-badge{ display: inline-flex;align-items: center;gap: var(--space-sm);background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 20px;padding: var(--space-sm) var(--space-md);margin-top: 16px;color: #6366f1;font-size: 0.875rem;font-weight: 500;backdrop-filter: blur(10px);transition: all 0.3s ease}.local-data-badge:hover{ background: rgba(99, 102, 241, 0.2);border-color: rgba(99, 102, 241, 0.5);transform: translateY(-2px)}.local-data-badge .badge-icon{ width: 16px;height: 16px;animation: rotate 3s linear infinite}.live-stats-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: var(--space-lg);margin-bottom: 60px}.live-stat-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;padding: 24px;display: flex;align-items: center;gap: 20px;transition: all 0.3s ease;position: relative;overflow: hidden;backdrop-filter: blur(10px);z-index: 2}.live-stat-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #6366f1, #8b5cf6, #6366f1);background-size: 200% 100%;animation: shimmer 3s ease-in-out infinite}.stat-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.1), transparent 70%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none}.live-stat-card:hover .stat-glow{ opacity: 1}.live-stat-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--gradient-primary);transform: scaleX(0);transition: transform 0.3s ease}.live-stat-card:hover::before{ transform: scaleX(1)}.live-stat-card:hover{ transform: translateY(-5px);border-color: var(--primary-color);box-shadow: var(--shadow-xl)}.live-stat-card .stat-icon{ width: 60px;height: 60px;background: var(--gradient-primary);border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: white;flex-shrink: 0;position: relative;overflow: hidden;transition: all 0.3s ease}.live-stat-card .stat-icon::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);transform: translateX(-100%);transition: transform 0.6s ease}.live-stat-card:hover .stat-icon::before{ transform: translateX(100%)}.live-stat-card .stat-svg{ width: 28px;height: 28px;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));transition: all 0.3s ease}.live-stat-card:hover .stat-svg{ transform: scale(1.1) rotate(5deg);filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3))}.trend-icon{ width: 12px;height: 12px;transition: all 0.3s ease}.stat-trend.positive .trend-icon{ color: var(--success-color)}.stat-trend.negative .trend-icon{ color: var(--error-color)}.stat-trend.neutral .trend-icon{ color: var(--text-muted)}.live-stat-card .stat-content{ flex: 1}.live-stat-card .stat-value{ font-size: 2rem;font-weight: 800;color: var(--text-primary);margin-bottom: var(--space-xs)}.live-stat-card .stat-label{ font-size: 0.875rem;color: var(--text-secondary);margin-bottom: var(--space-sm)}.live-stat-card .stat-trend{ display: flex;align-items: center;gap: var(--space-xs);font-size: 0.75rem;font-weight: 600;padding: 4px 8px;border-radius: 6px;width: fit-content}.stat-trend.positive{ background: rgba(16, 185, 129, 0.1);color: var(--success-color)}.stat-trend.negative{ background: rgba(239, 68, 68, 0.1);color: var(--error-color)}.stat-trend.neutral{ background: rgba(100, 116, 139, 0.1);color: var(--text-muted)}.performance-metrics-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: var(--space-lg);margin-bottom: 60px}.metric-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;padding: 24px;transition: all 0.3s ease}.metric-card:hover{ transform: translateY(-3px);border-color: var(--primary-color);box-shadow: var(--shadow-lg)}.metric-header{ display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px}.metric-header h3{ font-size: 1.125rem;font-weight: 600;color: var(--text-primary)}.metric-period{ font-size: 0.75rem;color: var(--text-muted);background: var(--bg-tertiary);padding: 4px 8px;border-radius: 4px}.metric-chart{ margin-bottom: 20px}.chart-bar{ position: relative;height: 8px;background: var(--bg-tertiary);border-radius: 4px;margin-bottom: 16px;overflow: hidden}.bar-fill{ height: 100%;background: var(--gradient-primary);border-radius: 4px;transition: width 0.3s ease}.bar-label{ position: absolute;right: 0;top: -20px;font-size: 0.75rem;font-weight: 600;color: var(--primary-color)}.metric-details{ display: flex;flex-direction: column;gap: var(--space-sm)}.detail-item{ display: flex;justify-content: space-between;align-items: center;padding: 8px 0;border-bottom: 1px solid var(--border-color)}.detail-item:last-child{ border-bottom: none}.detail-label{ font-size: 0.875rem;color: var(--text-secondary)}.detail-value{ font-size: 0.875rem;font-weight: 600;color: var(--text-primary)}.network-activity{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 20px;padding: 30px}.activity-header{ display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px}.activity-header h3{ font-size: 1.25rem;font-weight: 600;color: var(--text-primary)}.activity-status{ display: flex;align-items: center;gap: var(--space-sm);font-size: 0.875rem;color: var(--success-color)}.status-dot.online{ width: 8px;height: 8px;background: var(--success-color);border-radius: 50%;animation: pulse 2s infinite}.activity-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: var(--space-lg)}.activity-item{ display: flex;align-items: center;gap: var(--space-md);padding: var(--space-md);background: var(--bg-tertiary);border-radius: 12px;transition: all 0.3s ease}.activity-item:hover{ transform: translateY(-2px);box-shadow: var(--shadow-md)}.activity-icon{ width: 40px;height: 40px;background: var(--gradient-primary);border-radius: 8px;display: flex;align-items: center;justify-content: center;color: white;font-size: 1rem}.activity-info{ flex: 1}.activity-label{ font-size: 0.75rem;color: var(--text-secondary);margin-bottom: var(--space-xs)}.activity-value{ font-size: 1.25rem;font-weight: 700;color: var(--text-primary)}@media (max-width: 768px){ .live-stats-grid{ grid-template-columns: 1fr}.performance-metrics-grid{ grid-template-columns: 1fr}.activity-grid{ grid-template-columns: repeat(2, 1fr)}.live-stat-card{ padding: var(--space-lg)}.live-stat-card .stat-value{ font-size: 1.5rem}.metric-card{ padding: var(--space-lg)}}@media (max-width: 480px){ .activity-grid{ grid-template-columns: 1fr}.activity-header{ flex-direction: column;gap: var(--space-md);align-items: flex-start}}.transactions-section{ padding: 120px 0;background: var(--bg-secondary)}.transactions-container{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 20px;overflow: hidden;box-shadow: var(--shadow-xl)}.transactions-header{ display: grid;grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;gap: var(--space-md);padding: 24px 32px;background: var(--bg-tertiary);border-bottom: 1px solid var(--border-color);font-weight: 700;color: var(--text-primary)}.tx-column{ font-size: 0.875rem;text-transform: uppercase;letter-spacing: 0.5px}.transactions-list{ max-height: 400px;overflow-y: auto}.transaction-item{ display: grid;grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;gap: var(--space-md);padding: 16px 32px;border-bottom: 1px solid var(--border-color);transition: background-color 0.3s ease}.transaction-item:hover{ background: var(--bg-tertiary)}.transaction-item:last-child{ border-bottom: none}.tx-hash{ font-family: 'Courier New', monospace;font-size: 0.875rem;color: var(--primary-color);word-break: break-all}.tx-type{ font-size: 0.875rem;font-weight: 600;padding: 4px 8px;border-radius: 6px;text-align: center;text-transform: uppercase;letter-spacing: 0.5px}.tx-type.transfer{ background: rgba(99, 102, 241, 0.1);color: var(--primary-color)}.tx-type.stake{ background: rgba(16, 185, 129, 0.1);color: var(--success-color)}.tx-type.governance{ background: rgba(245, 158, 11, 0.1);color: var(--warning-color)}.tx-type.smart-contract{ background: rgba(139, 92, 246, 0.1);color: var(--secondary-color)}.tx-amount{ font-weight: 600;color: var(--text-primary)}.tx-time{ font-size: 0.875rem;color: var(--text-muted)}.validators-section{ padding: 120px 0;background: var(--bg-primary)}.validators-container{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 20px;padding: 32px;box-shadow: var(--shadow-xl)}.validators-list{ display: grid;gap: var(--space-md)}.validator-item{ display: flex;justify-content: space-between;align-items: center;padding: 24px;background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: 16px;transition: all 0.3s ease}.validator-item:hover{ border-color: var(--primary-color);transform: translateX(5px)}.validator-info h4{ font-size: 1.125rem;font-weight: 700;margin-bottom: var(--space-sm);color: var(--text-primary)}.validator-info p{ color: var(--text-secondary);font-size: 0.875rem}.validator-stats{ display: flex;gap: var(--space-md);align-items: center}.commission, .uptime{ padding: var(--space-sm) var(--space-md);border-radius: 8px;font-size: 0.875rem;font-weight: 600}.commission{ background: rgba(99, 102, 241, 0.1);color: var(--primary-color)}.uptime{ background: rgba(16, 185, 129, 0.1);color: var(--success-color)}.analytics{ padding: 120px 0;background: var(--bg-secondary)}.analytics-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;align-items: start;justify-items: center}.analytics-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 20px;padding: 32px;transition: all 0.3s ease;position: relative;overflow: hidden;backdrop-filter: blur(10px);z-index: 2}.analytics-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #6366f1, #8b5cf6, #6366f1);background-size: 200% 100%;animation: shimmer 3s ease-in-out infinite}.analytics-card:hover{ transform: translateY(-5px);border-color: var(--primary-color);box-shadow: var(--shadow-xl)}.card-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.1), transparent 70%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none}.analytics-card:hover .card-glow{ opacity: 1}.card-header{ display: flex;align-items: center;gap: var(--space-md);margin-bottom: var(--space-lg)}.card-icon{ width: 24px;height: 24px;color: #6366f1;filter: drop-shadow(0 2px 4px rgba(99, 102, 241, 0.3));transition: all 0.3s ease}.analytics-card:hover .card-icon{ transform: scale(1.1) rotate(5deg);filter: drop-shadow(0 4px 8px rgba(99, 102, 241, 0.5))}.card-header h3{ font-size: 1.25rem;font-weight: 700;color: var(--text-primary);margin: 0;transition: all 0.3s ease}.analytics-card:hover .card-header h3{ color: #6366f1;text-shadow: 0 0 10px rgba(99, 102, 241, 0.3)}.supply-breakdown{ display: flex;flex-direction: column;gap: 20px}.supply-item{ display: flex;flex-direction: column;gap: var(--space-sm);padding: 12px;border-radius: 8px;transition: all 0.3s ease;position: relative}.supply-item:hover{ background: rgba(99, 102, 241, 0.05);transform: translateX(5px)}.supply-info{ display: flex;justify-content: space-between;align-items: center;gap: var(--space-md);width: 100%}.supply-label{ font-weight: 600;color: var(--text-primary);flex: 1;text-align: left}.supply-value{ font-size: 0.875rem;color: var(--text-secondary);text-align: right;flex: 0 0 auto;min-width: 140px}.supply-bar{ flex: 1;height: 8px;background: var(--bg-tertiary);border-radius: 4px;overflow: hidden;position: relative}.supply-fill{ height: 100%;background: var(--gradient-primary);border-radius: 4px;transition: width 0.3s ease;position: relative}.supply-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.3), transparent);opacity: 0;transition: opacity 0.3s ease}.supply-item:hover .supply-glow{ opacity: 1}.supply-fill.burned{ background: var(--error-color)}.supply-fill.reserved{ background: var(--warning-color)}.health-metrics{ display: flex;flex-direction: column;gap: 20px}.health-item{ display: flex;flex-direction: column;gap: var(--space-sm);padding: 12px;border-radius: 8px;transition: all 0.3s ease;position: relative}.health-item:hover{ background: rgba(16, 185, 129, 0.05);transform: translateX(5px)}.health-info{ display: flex;justify-content: space-between;align-items: center;gap: var(--space-md)}.health-label{ font-weight: 600;color: var(--text-primary);min-width: 100px}.health-value{ font-weight: 700;color: var(--success-color);min-width: 80px;text-align: right}.health-bar{ flex: 1;height: 8px;background: var(--bg-tertiary);border-radius: 4px;overflow: hidden;position: relative}.health-fill{ height: 100%;background: var(--gradient-secondary);border-radius: 4px;transition: width 0.3s ease;position: relative}.health-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg, transparent, rgba(16, 185, 129, 0.3), transparent);opacity: 0;transition: opacity 0.3s ease}.health-item:hover .health-glow{ opacity: 1}.performance-metrics{ display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-md)}.metric-item{ display: flex;justify-content: space-between;align-items: center;padding: var(--space-md);background: var(--bg-tertiary);border-radius: 12px;transition: all 0.3s ease;position: relative;overflow: hidden}.metric-item:hover{ background: rgba(99, 102, 241, 0.1);transform: translateX(5px)}.metric-info{ display: flex;justify-content: space-between;align-items: center;width: 100%;z-index: 2;position: relative}.metric-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.1), transparent);opacity: 0;transition: opacity 0.3s ease}.metric-item:hover .metric-glow{ opacity: 1}.metric-label{ font-size: 0.875rem;color: var(--text-secondary);transition: all 0.3s ease}.metric-item:hover .metric-label{ color: var(--text-primary)}.metric-value{ font-weight: 700;color: var(--primary-color);transition: all 0.3s ease}.metric-item:hover .metric-value{ color: #6366f1;text-shadow: 0 0 10px rgba(99, 102, 241, 0.3)}.ecosystem{ padding: 120px 0;background: var(--bg-primary);position: relative;overflow: hidden}.ecosystem-bg{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1}.floating-ecosystem{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.1}.ecosystem-node{ filter: drop-shadow(0 0 4px #8b5cf6)}.ecosystem-particles{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none}.ecosystem-particle{ position: absolute;width: 4px;height: 4px;background: linear-gradient(45deg, #8b5cf6, #6366f1);border-radius: 50%;opacity: 0.3;animation: float 6s ease-in-out infinite}.ecosystem-particle:nth-child(1){ top: 20%;left: 10%;animation-delay: 0s}.ecosystem-particle:nth-child(2){ top: 60%;left: 80%;animation-delay: 1s}.ecosystem-particle:nth-child(3){ top: 80%;left: 20%;animation-delay: 2s}.ecosystem-particle:nth-child(4){ top: 30%;left: 70%;animation-delay: 3s}.ecosystem-particle:nth-child(5){ top: 70%;left: 40%;animation-delay: 4s}.ecosystem-particle:nth-child(6){ top: 40%;left: 90%;animation-delay: 5s}.ecosystem-badge{ display: inline-flex;align-items: center;gap: var(--space-sm);background: rgba(139, 92, 246, 0.1);border: 1px solid rgba(139, 92, 246, 0.3);border-radius: 20px;padding: var(--space-sm) var(--space-md);margin-top: 16px;color: #8b5cf6;font-size: 0.875rem;font-weight: 500;backdrop-filter: blur(10px);transition: all 0.3s ease}.ecosystem-badge:hover{ background: rgba(139, 92, 246, 0.2);border-color: rgba(139, 92, 246, 0.5);transform: translateY(-2px)}.ecosystem-badge .badge-icon{ width: 16px;height: 16px;animation: rotate 3s linear infinite}.ecosystem-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 32px}.ecosystem-item{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 20px;padding: 32px;transition: all 0.3s ease;text-align: center;position: relative;overflow: hidden;backdrop-filter: blur(10px);z-index: 2}.ecosystem-item::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #8b5cf6, #6366f1, #8b5cf6);background-size: 200% 100%;animation: shimmer 3s ease-in-out infinite}.ecosystem-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.1), transparent 70%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none}.ecosystem-item:hover .ecosystem-glow{ opacity: 1}.ecosystem-item:hover{ transform: translateY(-10px);border-color: var(--accent-color);box-shadow: var(--shadow-xl)}.ecosystem-icon{ width: 80px;height: 80px;background: var(--gradient-secondary);border-radius: 20px;display: flex;align-items: center;justify-content: center;margin: 0 auto 24px;font-size: 2rem;color: white;transition: all 0.3s ease;position: relative;overflow: hidden}.ecosystem-icon::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);transform: translateX(-100%);transition: transform 0.6s ease}.ecosystem-item:hover .ecosystem-icon::before{ transform: translateX(100%)}.ecosystem-svg{ width: 36px;height: 36px;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));transition: all 0.3s ease}.ecosystem-item:hover .ecosystem-svg{ transform: scale(1.1) rotate(5deg);filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3))}.ecosystem-item:hover .ecosystem-icon{ transform: scale(1.1) rotate(5deg)}.ecosystem-item h3{ font-size: 1.25rem;font-weight: 700;margin-bottom: 16px;color: var(--accent-color)}.ecosystem-item p{ color: var(--text-secondary);line-height: 1.6;margin-bottom: var(--space-lg)}.ecosystem-features{ display: flex;flex-wrap: wrap;gap: var(--space-sm);justify-content: center}.feature-tag{ padding: 6px 12px;background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: 12px;font-size: 0.75rem;color: var(--text-secondary);font-weight: 500;display: flex;align-items: center;gap: 6px;transition: all 0.3s ease}.feature-tag:hover{ background: rgba(139, 92, 246, 0.1);border-color: rgba(139, 92, 246, 0.3);color: #8b5cf6;transform: translateY(-2px)}.tag-icon{ width: 12px;height: 12px;color: #10b981;transition: all 0.3s ease}.feature-tag:hover .tag-icon{ transform: scale(1.2);filter: drop-shadow(0 0 4px #10b981)}.about{ padding: 120px 0;background: var(--bg-primary);position: relative;overflow: hidden}.about-bg{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1}.floating-about{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.1}.about-node{ filter: drop-shadow(0 0 4px #6366f1)}.about-particles{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none}.about-particle{ position: absolute;width: 4px;height: 4px;background: linear-gradient(45deg, #6366f1, #8b5cf6);border-radius: 50%;opacity: 0.3;animation: float 6s ease-in-out infinite}.about-particle:nth-child(1){ top: 20%;left: 10%;animation-delay: 0s}.about-particle:nth-child(2){ top: 60%;left: 80%;animation-delay: 1s}.about-particle:nth-child(3){ top: 80%;left: 20%;animation-delay: 2s}.about-particle:nth-child(4){ top: 30%;left: 70%;animation-delay: 3s}.about-particle:nth-child(5){ top: 70%;left: 40%;animation-delay: 4s}.about-particle:nth-child(6){ top: 40%;left: 90%;animation-delay: 5s}.about-badge{ display: inline-flex;align-items: center;gap: var(--space-sm);background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 20px;padding: var(--space-sm) var(--space-md);margin-top: 16px;color: #6366f1;font-size: 0.875rem;font-weight: 500;backdrop-filter: blur(10px);transition: all 0.3s ease}.about-badge:hover{ background: rgba(99, 102, 241, 0.2);border-color: rgba(99, 102, 241, 0.5);transform: translateY(-2px)}.about-badge .badge-icon{ width: 16px;height: 16px;animation: rotate 3s linear infinite}.about-content{ display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-3xl);align-items: start;position: relative;z-index: 2}.mission-card, .vision-card, .values-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;padding: 24px;margin-bottom: var(--space-lg);transition: all 0.3s ease;position: relative;overflow: hidden;backdrop-filter: blur(10px)}.mission-card::before, .vision-card::before, .values-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #6366f1, #8b5cf6, #6366f1);background-size: 200% 100%;animation: shimmer 3s ease-in-out infinite}.mission-card:hover, .vision-card:hover, .values-card:hover{ transform: translateY(-3px);border-color: var(--primary-color);box-shadow: var(--shadow-lg)}.mission-header, .vision-header, .values-header{ display: flex;align-items: center;gap: var(--space-md);margin-bottom: 16px}.mission-icon, .vision-icon, .values-icon{ width: 24px;height: 24px;color: #6366f1;filter: drop-shadow(0 2px 4px rgba(99, 102, 241, 0.3));transition: all 0.3s ease}.mission-card:hover .mission-icon, .vision-card:hover .vision-icon, .values-card:hover .values-icon{ transform: scale(1.1) rotate(5deg);filter: drop-shadow(0 4px 8px rgba(99, 102, 241, 0.5))}.mission-header h3, .vision-header h3, .values-header h3{ font-size: 1.25rem;font-weight: 700;color: var(--text-primary);margin: 0;transition: all 0.3s ease}.mission-card:hover .mission-header h3, .vision-card:hover .vision-header h3, .values-card:hover .values-header h3{ color: #6366f1;text-shadow: 0 0 10px rgba(99, 102, 241, 0.3)}.mission-card p, .vision-card p, .values-card p{ font-size: 1rem;line-height: 1.7;color: var(--text-secondary);margin: 0;transition: all 0.3s ease}.mission-card:hover p, .vision-card:hover p, .values-card:hover p{ color: var(--text-primary)}.mission-glow, .vision-glow, .values-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.1), transparent 70%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none}.mission-card:hover .mission-glow, .vision-card:hover .vision-glow, .values-card:hover .values-glow{ opacity: 1}.about-stats{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-lg);margin-top: 40px}.about-stat{ text-align: center;padding: 24px;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;transition: all 0.3s ease;position: relative;overflow: hidden;backdrop-filter: blur(10px)}.about-stat::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #6366f1, #8b5cf6, #6366f1);background-size: 200% 100%;animation: shimmer 3s ease-in-out infinite}.about-stat:hover{ transform: translateY(-5px);border-color: var(--primary-color);box-shadow: var(--shadow-xl)}.stat-icon{ width: 40px;height: 40px;background: var(--gradient-primary);border-radius: 8px;display: flex;align-items: center;justify-content: center;margin: 0 auto 12px;transition: all 0.3s ease}.about-stat:hover .stat-icon{ transform: scale(1.1) rotate(5deg)}.stat-svg{ width: 20px;height: 20px;color: white;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));transition: all 0.3s ease}.about-stat:hover .stat-svg{ filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3))}.stat-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.1), transparent 70%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none}.about-stat:hover .stat-glow{ opacity: 1}.about-stat-number{ font-size: 2.5rem;font-weight: 800;color: var(--primary-color);margin-bottom: var(--space-sm)}.about-stat-label{ font-size: 0.875rem;color: var(--text-secondary);font-weight: 500}.about-visual{ display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-lg)}.about-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;padding: 24px;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden;backdrop-filter: blur(10px)}.about-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #6366f1, #8b5cf6, #6366f1);background-size: 200% 100%;animation: shimmer 3s ease-in-out infinite}.about-card:hover{ transform: translateY(-5px);border-color: var(--primary-color);box-shadow: var(--shadow-lg)}.about-card-icon{ width: 60px;height: 60px;background: var(--gradient-primary);border-radius: 12px;display: flex;align-items: center;justify-content: center;margin: 0 auto 16px;transition: all 0.3s ease;position: relative;overflow: hidden}.about-card-icon::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);transform: translateX(-100%);transition: transform 0.6s ease}.about-card:hover .about-card-icon::before{ transform: translateX(100%)}.card-svg{ width: 28px;height: 28px;color: white;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));transition: all 0.3s ease}.about-card:hover .card-svg{ transform: scale(1.1) rotate(5deg);filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3))}.card-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.1), transparent 70%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none}.about-card:hover .card-glow{ opacity: 1}.about-card h4{ font-size: 1.125rem;font-weight: 600;color: var(--text-primary);margin-bottom: var(--space-sm)}.about-card p{ font-size: 0.875rem;color: var(--text-secondary);line-height: 1.5}.contact{ padding: 120px 0;background: var(--bg-secondary)}.contact-content{ display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-4xl);align-items: start;margin-top: var(--space-4xl)}.contact-info{ display: flex;flex-direction: column;gap: var(--space-2xl)}.contact-item{ display: flex;align-items: center;gap: var(--space-md);padding: 24px;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;transition: all 0.3s ease}.contact-item:hover{ border-color: var(--primary-color);transform: translateX(5px)}.contact-item i{ width: 48px;height: 48px;background: var(--gradient-primary);border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;color: white}.contact-item h4{ font-size: 1.125rem;font-weight: 700;margin-bottom: var(--space-xs);color: var(--text-primary)}.contact-item p{ color: var(--text-secondary)}.contact-form{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 20px;padding: 40px}.form-group{ margin-bottom: var(--space-lg)}.form-group input, .form-group select, .form-group textarea{ width: 100%;padding: var(--space-md);background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: 12px;color: var(--text-primary);font-size: 1rem;transition: all 0.3s ease}.form-group input:focus, .form-group select:focus, .form-group textarea:focus{ outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1)}.form-group input::placeholder, .form-group textarea::placeholder{ color: var(--text-muted)}.footer{ background: var(--bg-tertiary);border-top: 1px solid var(--border-color);padding: 80px 0 20px}.footer-content{ display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: var(--space-3xl);margin-bottom: var(--space-2xl)}.footer-logo{ display: flex;align-items: center;gap: var(--space-md);font-size: 1.5rem;font-weight: 800;margin-bottom: 16px}.footer-logo .logo-img{ border-radius: 6px;transition: transform 0.3s ease}.footer-logo:hover .logo-img{ transform: scale(1.05)}.footer-section p{ color: var(--text-secondary);line-height: 1.6;margin-bottom: var(--space-lg)}.footer-section h4{ color: var(--text-primary);margin-bottom: 20px;font-weight: 700}.footer-section ul{ list-style: none}.footer-section ul li{ margin-bottom: 12px}.footer-section ul li a{ color: var(--text-secondary);text-decoration: none;transition: color 0.3s ease}.footer-section ul li a:hover{ color: var(--primary-color)}.social-links{ display: flex;gap: var(--space-md);margin-top: 20px}.social-links a{ width: 40px;height: 40px;background: var(--card-bg);border: 1px solid var(--border-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--text-secondary);text-decoration: none;transition: all 0.3s ease;font-size: 16px}.social-links a:hover{ background: var(--primary-color);border-color: var(--primary-color);color: white;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3)}.social-links i{ font-size: 16px;line-height: 1}.social-icon{ width: 16px;height: 16px;transition: all 0.3s ease}.social-links a:hover .social-icon{ transform: scale(1.1)}.footer-bottom{ border-top: 1px solid var(--border-color);padding-top: 20px;display: flex;justify-content: space-between;align-items: center;color: var(--text-muted)}.footer-links{ display: flex;gap: var(--space-lg)}.footer-links a{ color: var(--text-muted);text-decoration: none;transition: color 0.3s ease}.footer-links a:hover{ color: var(--primary-color)}@keyframes fadeInUp{ from{ opacity: 0;transform: translateY(30px)}to{ opacity: 1;transform: translateY(0)}}@keyframes pulse{ 0%, 100%{ opacity: 1}50%{ opacity: 0.7}}.fade-in-up{ animation: fadeInUp 0.6s ease-out}.pulse{ animation: pulse 2s infinite}@media (max-width: 1024px){ .hero-container{ grid-template-columns: 1fr;gap: var(--space-3xl);text-align: center}.hero-title{ font-size: 3rem}.hero-stats{ grid-template-columns: repeat(2, 1fr)}.block-container{ flex-direction: column;gap: 20px}.comparison-table{ overflow-x: auto}.table-header, .table-row{ min-width: 800px}.charts-grid{ grid-template-columns: 1fr}.contact-content{ grid-template-columns: 1fr;gap: 40px}.footer-content{ grid-template-columns: 1fr 1fr;gap: 40px}}@media (max-width: 768px){ .nav-logo .logo-img{ width: 32px;height: 32px}.nav-menu{ position: fixed;top: 70px;left: -100%;width: 100%;height: calc(100vh - 70px);background: rgba(15, 15, 35, 0.98);flex-direction: column;justify-content: flex-start;align-items: center;padding: 40px 20px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1000;backdrop-filter: blur(20px);border-top: 1px solid var(--border-color);overflow-y: auto}.nav-menu.active{ left: 0;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3)}.nav-menu a{ font-size: 1.2rem;padding: 16px 24px;margin: 8px 0;border-radius: 12px;transition: all 0.3s ease;position: relative;overflow: hidden}.nav-menu a::before{ content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.1), transparent);transition: left 0.5s ease}.nav-menu a:hover::before{ left: 100%}.nav-menu a:hover{ background: rgba(99, 102, 241, 0.1);transform: translateX(10px);box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2)}.nav-toggle{ display: flex !important;flex-direction: column;justify-content: center;align-items: center;width: 40px;height: 40px;background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 8px;cursor: pointer;transition: all 0.3s ease;position: relative;z-index: 1001}.nav-toggle:hover{ background: rgba(99, 102, 241, 0.2);border-color: rgba(99, 102, 241, 0.5);transform: scale(1.05)}.nav-toggle.active{ background: rgba(99, 102, 241, 0.3);border-color: rgba(99, 102, 241, 0.6)}.nav-toggle span{ width: 20px;height: 2px;background: #6366f1;margin: 3px 0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius: 1px;box-shadow: 0 0 4px rgba(99, 102, 241, 0.3)}.nav-toggle.active span:nth-child(1){ transform: rotate(45deg) translate(5px, 5px);background: #ef4444}.nav-toggle.active span:nth-child(2){ opacity: 0;transform: translateX(-20px)}.nav-toggle.active span:nth-child(3){ transform: rotate(-45deg) translate(7px, -6px);background: #ef4444}.nav-dropdown{ position: static;width: 100%}.dropdown-menu{ position: static;background: rgba(99, 102, 241, 0.05);border: 1px solid rgba(99, 102, 241, 0.1);border-radius: 12px;padding: 8px;min-width: auto;opacity: 1;visibility: visible;transform: none;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.1);margin-top: 8px;margin-bottom: var(--space-sm)}.dropdown-menu::before{ display: none}.dropdown-item{ padding: var(--space-md) var(--space-lg);margin: 2px 0;border-radius: 8px;min-height: 44px;display: flex;align-items: center;justify-content: flex-start;width: 100%;font-size: 1rem;background: rgba(99, 102, 241, 0.05);border: 1px solid transparent;transition: all 0.3s ease}.dropdown-item:hover{ background: rgba(99, 102, 241, 0.15);border-color: rgba(99, 102, 241, 0.3);transform: translateX(5px);box-shadow: 0 2px 10px rgba(99, 102, 241, 0.2)}.dropdown-toggle{ justify-content: space-between;width: 100%;padding: 16px 24px;margin: 4px 0;border-radius: 12px;min-height: 44px;background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.2);font-weight: 600;color: var(--primary-color)}.dropdown-toggle:hover{ background: rgba(99, 102, 241, 0.2);border-color: rgba(99, 102, 241, 0.4);transform: translateY(-1px);box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2)}.hero-title{ font-size: 2.5rem;line-height: 1.2}.hero-description{ font-size: 1rem;line-height: 1.6}.hero-stats{ grid-template-columns: repeat(2, 1fr);gap: 20px}.hero-buttons{ flex-direction: column;gap: var(--space-md);width: 100%}.btn{ width: 100%;text-align: center;padding: 16px 24px;font-size: 1.1rem}.features-grid{ grid-template-columns: 1fr;gap: var(--space-lg)}.stats-grid{ grid-template-columns: repeat(2, 1fr);gap: 20px}.analytics-grid{ grid-template-columns: 1fr;gap: var(--space-lg)}.ecosystem-grid{ grid-template-columns: 1fr;gap: var(--space-lg)}.about-content{ grid-template-columns: 1fr;gap: 40px}.about-stats{ grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.about-visual{ grid-template-columns: 1fr;gap: 20px}.section-title{ font-size: 2rem;line-height: 1.3}.section-subtitle{ font-size: 1rem;line-height: 1.5}.footer-content{ grid-template-columns: 1fr;gap: 40px}.footer-bottom{ flex-direction: column;gap: 20px;text-align: center}.feature-card, .stat-card, .analytics-card, .about-card{ transform: none !important;transition: all 0.3s ease}.feature-card:hover, .stat-card:hover, .analytics-card:hover, .about-card:hover{ transform: translateY(-5px) !important}@media (hover: none){ .feature-card:active, .stat-card:active, .analytics-card:active, .about-card:active{ transform: translateY(-2px) scale(0.98)}}}@media (max-width: 480px){ .container{ padding: 0 15px}.hero-title{ font-size: 2rem;line-height: 1.1}.hero-description{ font-size: 0.9rem;line-height: 1.5}.section-title{ font-size: 1.8rem;line-height: 1.2}.section-subtitle{ font-size: 0.9rem;line-height: 1.4}.hero-stats{ grid-template-columns: 1fr;gap: var(--space-md)}.stats-grid{ grid-template-columns: 1fr;gap: var(--space-md)}.about-stats{ grid-template-columns: 1fr;gap: var(--space-md)}.btn{ padding: var(--space-md) var(--space-lg);font-size: 1rem}.nav-menu a{ font-size: 1.1rem;padding: var(--space-md) var(--space-lg)}.feature-card, .stat-card, .analytics-card, .about-card{ padding: var(--space-lg)}.mission-card, .vision-card, .values-card{ padding: var(--space-lg)}.about-badge{ font-size: 0.8rem;padding: 6px 12px}.about-badge .badge-icon{ width: 14px;height: 14px}.about-stats{ grid-template-columns: 1fr}.comparison-table{ min-width: 400px}.stats-grid{ grid-template-columns: 1fr}}.feature-card, .stat-card, .analytics-card, .ecosystem-item{ padding: 24px}.transactions-header, .transaction-item{ padding: 12px 16px}.tx-hash{ font-size: 0.75rem}}::-webkit-scrollbar{ width: 8px}::-webkit-scrollbar-track{ background: var(--bg-secondary)}::-webkit-scrollbar-thumb{ background: var(--border-color);border-radius: 4px}::-webkit-scrollbar-thumb:hover{ background: var(--primary-color)}.testimonials{ padding: 120px 0;background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);position: relative;overflow: hidden}.testimonials::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="testimonialPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(99,102,241,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23testimonialPattern)"/></svg>');opacity: 0.3;pointer-events: none}.testimonials-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 32px;margin-bottom: 48px}.testimonial-card{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 24px;padding: 32px;transition: all 0.3s ease;position: relative;overflow: hidden}.testimonial-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--gradient-primary);transform: scaleX(0);transition: transform 0.3s ease}.testimonial-card:hover::before{ transform: scaleX(1)}.testimonial-card:hover{ transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);border-color: var(--primary-color)}.testimonial-content{ margin-bottom: var(--space-lg);position: relative}.quote-icon{ position: absolute;top: -8px;left: -8px;width: 40px;height: 40px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 1.2rem;opacity: 0.8}.testimonial-content p{ font-size: 1.1rem;line-height: 1.7;color: var(--text-primary);font-style: italic;margin: 0;padding-left: 32px}.testimonial-author{ display: flex;align-items: center;gap: var(--space-md)}.author-avatar{ width: 60px;height: 60px;border-radius: 50%;overflow: hidden;border: 3px solid var(--primary-color);flex-shrink: 0}.author-avatar img{ width: 100%;height: 100%;object-fit: cover}.author-info h4{ font-size: 1.1rem;font-weight: 600;color: var(--text-primary);margin: 0 0 4px 0}.author-info span{ font-size: 0.9rem;color: var(--text-secondary);display: block;margin-bottom: var(--space-sm)}.rating{ display: flex;gap: 2px}.rating i{ color: #fbbf24;font-size: 0.9rem}.trust-indicators{ display: flex;justify-content: center;gap: 48px;flex-wrap: wrap;margin-top: 48px}.trust-item{ display: flex;align-items: center;gap: var(--space-md);background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 16px;padding: 16px 24px;color: var(--text-primary);font-weight: 600;transition: all 0.3s ease}.trust-item:hover{ background: var(--bg-card);border-color: var(--primary-color);transform: translateY(-2px)}.trust-item i{ color: var(--success-color);font-size: 1.2rem}@media (max-width: 768px){ .testimonials{ padding: 80px 0}.testimonials-grid{ grid-template-columns: 1fr;gap: var(--space-lg)}.testimonial-card{ padding: 24px}.testimonial-content p{ font-size: 1rem;padding-left: 24px}.quote-icon{ width: 32px;height: 32px;font-size: 1rem}.trust-indicators{ gap: var(--space-lg);margin-top: 32px}.trust-item{ padding: 12px 20px;font-size: 0.9rem}}.roadmap{ padding: 80px 0;background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);position: relative;overflow: hidden}.roadmap-bg{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 1}.floating-nodes{ position: absolute;width: 100%;height: 100%;opacity: 0.1}.node{ filter: drop-shadow(0 0 10px rgba(99, 102, 241, 0.5))}.connection-lines{ position: absolute;width: 100%;height: 100%}.connections{ width: 100%;height: 100%}.connection{ filter: drop-shadow(0 0 5px rgba(99, 102, 241, 0.3))}.roadmap-badge{ display: inline-flex;align-items: center;gap: 10px;background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 25px;padding: var(--space-sm) var(--space-md);margin-bottom: 20px;animation: pulse 2s infinite}.roadmap-badge .badge-icon{ width: 20px;height: 20px;animation: rotate 3s linear infinite}.roadmap-badge span{ color: #6366f1;font-size: 0.9rem;font-weight: 600}.roadmap-timeline{ position: relative;max-width: 1000px;margin: 0 auto;padding: 40px 0;z-index: 2}.roadmap-timeline::before{ content: '';position: absolute;left: 30px;top: 0;bottom: 0;width: 2px;background: linear-gradient(180deg, var(--primary-color), var(--secondary-color))}.timeline-item{ position: relative;margin-bottom: 60px;padding-left: 80px}.timeline-item:last-child{ margin-bottom: 0}.timeline-marker{ position: absolute;left: 0;top: 0;width: 60px;height: 60px;z-index: 2;transition: all 0.3s ease}.marker-svg{ width: 100%;height: 100%;filter: drop-shadow(0 0 15px rgba(99, 102, 241, 0.3))}.marker-circle{ transition: all 0.3s ease}.timeline-item:hover .marker-circle{ transform: scale(1.1);filter: brightness(1.2)}.marker-check{ stroke-dasharray: 0, 50;animation: drawCheck 1s ease-in-out forwards}@keyframes drawCheck{ to{ stroke-dasharray: 50, 0}}.marker-rocket{ transform-origin: center}.marker-gear, .marker-gear-inner{ transform-origin: center}.marker-code{ transform-origin: center}.marker-gift{ transform-origin: center}.gift-ribbon{ transform-origin: center}.marker-globe{ transform-origin: center}.globe-meridian, .globe-equator{ stroke-dasharray: 0, 100;animation: drawGlobe 2s ease-in-out forwards}@keyframes drawGlobe{ to{ stroke-dasharray: 100, 0}}.globe-dot{ transform-origin: center}.timeline-item.completed .marker-circle{ filter: drop-shadow(0 0 20px rgba(16, 185, 129, 0.5))}.timeline-item.active .marker-circle{ filter: drop-shadow(0 0 20px rgba(245, 158, 11, 0.5));animation: pulse 2s infinite}.timeline-content{ background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 15px;padding: 25px;backdrop-filter: blur(10px);transition: all 0.3s ease}.timeline-content:hover{ transform: translateY(-5px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);border-color: var(--primary-color)}.timeline-header{ display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px}.timeline-header h3{ color: var(--text-primary);font-size: 1.3rem;font-weight: 600;margin: 0}.timeline-date{ background: var(--primary-color);color: white;padding: 5px 12px;border-radius: 20px;font-size: 0.85rem;font-weight: 500}.timeline-content p{ color: var(--text-secondary);margin-bottom: 20px;line-height: 1.6}.timeline-progress{ margin-bottom: 20px}.progress-bar{ width: 100%;height: 8px;background: rgba(255, 255, 255, 0.1);border-radius: 4px;overflow: hidden;margin-bottom: var(--space-sm)}.progress-fill{ height: 100%;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));border-radius: 4px;transition: width 0.3s ease;position: relative;overflow: hidden}.progress-glow{ position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);animation: progressShimmer 2s infinite}@keyframes progressShimmer{ 0%{ left: -100%}100%{ left: 100%}}.progress-text{ color: var(--text-muted);font-size: 0.85rem;font-weight: 500}.timeline-features{ display: flex;flex-wrap: wrap;gap: var(--space-sm)}.feature-tag{ background: rgba(99, 102, 241, 0.1);color: var(--primary-color);padding: 4px 12px;border-radius: 15px;font-size: 0.8rem;font-weight: 500;border: 1px solid rgba(99, 102, 241, 0.2)}.timeline-stats{ display: flex;gap: 20px;margin-top: 15px}.timeline-stats .stat-item{ display: flex;flex-direction: column;align-items: center;gap: 5px}.timeline-stats .stat-number{ font-size: 1.2rem;font-weight: 700;color: var(--primary-color);transition: all 0.3s ease}.timeline-item:hover .timeline-stats .stat-number{ transform: scale(1.1);text-shadow: 0 0 10px rgba(99, 102, 241, 0.5)}.airdrop{ padding: 80px 0;background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);position: relative;overflow: hidden}.airdrop-bg{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 1}.floating-coins{ position: absolute;width: 100%;height: 100%;opacity: 0.1}.coin{ filter: drop-shadow(0 0 10px rgba(16, 185, 129, 0.5))}.particle-container{ position: absolute;width: 100%;height: 100%}.particle{ position: absolute;width: 4px;height: 4px;background: linear-gradient(45deg, #10b981, #34d399);border-radius: 50%;animation: float 6s infinite ease-in-out}.particle:nth-child(1){ left: 10%;animation-delay: 0s}.particle:nth-child(2){ left: 20%;animation-delay: 1s}.particle:nth-child(3){ left: 30%;animation-delay: 2s}.particle:nth-child(4){ left: 70%;animation-delay: 3s}.particle:nth-child(5){ left: 80%;animation-delay: 4s}.particle:nth-child(6){ left: 90%;animation-delay: 5s}@keyframes float{ 0%, 100%{ transform: translateY(100vh) scale(0);opacity: 0}50%{ transform: translateY(50vh) scale(1);opacity: 1}}.airdrop-badge{ display: inline-flex;align-items: center;gap: 10px;background: rgba(251, 191, 36, 0.1);border: 1px solid rgba(251, 191, 36, 0.3);border-radius: 25px;padding: var(--space-sm) var(--space-md);margin-bottom: 20px;animation: pulse 2s infinite}.badge-icon{ width: 20px;height: 20px;animation: rotate 3s linear infinite}@keyframes rotate{ from{ transform: rotate(0deg)}to{ transform: rotate(360deg)}}.airdrop-badge span{ color: #fbbf24;font-size: 0.9rem;font-weight: 600}.airdrop-content{ max-width: 1200px;margin: 0 auto;position: relative;z-index: 2}.airdrop-info{ display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-bottom: 60px}.airdrop-card{ background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 20px;padding: 30px;text-align: center;backdrop-filter: blur(10px);transition: all 0.3s ease;position: relative;overflow: hidden}.airdrop-card::before{ content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition: left 0.5s}.airdrop-card:hover::before{ left: 100%}.airdrop-card:hover{ transform: translateY(-5px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);border-color: var(--primary-color)}.airdrop-icon{ width: 80px;height: 80px;margin: 0 auto 20px;position: relative}.coin-svg, .users-svg, .calendar-svg{ width: 100%;height: 100%;filter: drop-shadow(0 0 20px rgba(16, 185, 129, 0.3))}.users-svg{ filter: drop-shadow(0 0 20px rgba(99, 102, 241, 0.3))}.calendar-svg{ filter: drop-shadow(0 0 20px rgba(245, 158, 11, 0.3))}.coin-circle, .user, .calendar-body, .calendar-header{ transition: all 0.3s ease}.airdrop-card:hover .coin-circle{ transform: scale(1.1)}.airdrop-card:hover .user{ transform: scale(1.05)}.airdrop-card:hover .calendar-body, .airdrop-card:hover .calendar-header{ transform: scale(1.05)}.airdrop-icon i{ font-size: 2rem;color: white}.airdrop-card h3{ color: var(--text-primary);font-size: 1.3rem;margin-bottom: 15px;font-weight: 600}.airdrop-amount{ font-size: 2rem;font-weight: 800;color: var(--success-color);margin-bottom: 10px;position: relative}.counter{ display: inline-block;transition: all 0.3s ease}.airdrop-card:hover .counter{ transform: scale(1.1);text-shadow: 0 0 20px rgba(16, 185, 129, 0.5)}.progress-ring{ position: absolute;top: 20px;right: 20px;width: 60px;height: 60px;opacity: 0.3}.progress-svg{ width: 100%;height: 100%;transform: rotate(-90deg)}.progress-circle{ transition: stroke-dashoffset 0.5s ease}.phase-indicator{ display: flex;justify-content: center;gap: var(--space-sm);margin-top: 15px}.phase-dot{ width: 8px;height: 8px;border-radius: 50%;background: rgba(255, 255, 255, 0.3);transition: all 0.3s ease}.phase-dot.active{ background: var(--primary-color);box-shadow: 0 0 10px rgba(99, 102, 241, 0.5);animation: pulse 2s infinite}.countdown-timer{ margin-top: 15px}.countdown-item{ display: flex;flex-direction: column;align-items: center;gap: 5px}.countdown-number{ font-size: 1.5rem;font-weight: 700;color: var(--warning-color);animation: countdown 1s ease-in-out}.countdown-label{ font-size: 0.8rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 1px}@keyframes countdown{ 0%{ transform: scale(1)}50%{ transform: scale(1.2)}100%{ transform: scale(1)}}.airdrop-card p{ color: var(--text-secondary);font-size: 0.95rem}.airdrop-phases{ margin-bottom: 60px}.airdrop-phases h3{ color: var(--text-primary);font-size: 2rem;text-align: center;margin-bottom: var(--space-2xl);font-weight: 600}.phase-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px}.phase-item{ background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 15px;padding: 25px;text-align: center;backdrop-filter: blur(10px);transition: all 0.3s ease;position: relative;overflow: hidden}.phase-item::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--gradient-primary)}.phase-item:hover{ transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);border-color: var(--primary-color)}.phase-number{ width: 60px;height: 60px;margin: 0 auto 20px;position: relative}.phase-svg{ width: 100%;height: 100%;filter: drop-shadow(0 0 15px rgba(99, 102, 241, 0.3))}.phase-circle{ transition: all 0.3s ease}.phase-item:hover .phase-circle{ transform: scale(1.1);filter: brightness(1.2)}.phase-item h4{ color: var(--text-primary);font-size: 1.2rem;margin-bottom: 15px;font-weight: 600}.phase-item p{ color: var(--text-secondary);margin-bottom: 20px;line-height: 1.6}.phase-amount{ background: rgba(16, 185, 129, 0.1);color: var(--success-color);padding: 10px 20px;border-radius: 25px;font-weight: 700;font-size: 1.1rem;border: 1px solid rgba(16, 185, 129, 0.2);margin-bottom: 15px;transition: all 0.3s ease}.phase-item:hover .phase-amount{ transform: scale(1.05);box-shadow: 0 5px 15px rgba(16, 185, 129, 0.3)}.phase-progress{ margin-top: 15px}.phase-progress .progress-bar{ width: 100%;height: 6px;background: rgba(255, 255, 255, 0.1);border-radius: 3px;overflow: hidden;margin-bottom: var(--space-sm)}.phase-progress .progress-fill{ height: 100%;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));border-radius: 3px;transition: width 0.5s ease}.phase-progress .progress-text{ font-size: 0.8rem;color: var(--text-muted);text-align: center}.airdrop-cta{ text-align: center;background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 20px;padding: 40px;backdrop-filter: blur(10px)}.airdrop-cta h3{ color: var(--text-primary);font-size: 2rem;margin-bottom: 15px;font-weight: 600}.airdrop-cta p{ color: var(--text-secondary);font-size: 1.1rem;margin-bottom: 30px;max-width: 600px;margin-left: auto;margin-right: auto}.airdrop-buttons{ display: flex;gap: 20px;justify-content: center;flex-wrap: wrap}@media (max-width: 768px){ .roadmap-timeline::before{ left: 20px}.timeline-item{ padding-left: 60px}.timeline-marker{ width: 40px;height: 40px}.timeline-marker i{ font-size: 1.2rem}.timeline-header{ flex-direction: column;align-items: flex-start;gap: 10px}.airdrop-info{ grid-template-columns: 1fr}.phase-grid{ grid-template-columns: 1fr}.airdrop-buttons{ flex-direction: column;align-items: center}.airdrop-buttons .btn{ width: 100%;max-width: 300px}}.whitepaper-hero{ min-height: 100vh;display: flex;align-items: center}.toc-section{ padding: 60px 0;background: var(--bg-secondary)}.toc-content h2{ color: var(--text-primary);font-size: 2rem;margin-bottom: var(--space-2xl);text-align: center;font-weight: 600}.toc-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px}.toc-item a{ display: flex;align-items: center;gap: 15px;padding: var(--space-lg);background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 12px;text-decoration: none;color: var(--text-primary);transition: all 0.3s ease}.toc-item a:hover{ transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);border-color: var(--primary-color)}.toc-item i{ font-size: 1.5rem;color: var(--primary-color)}.whitepaper-section{ padding: 80px 0;border-bottom: 1px solid var(--border-color)}.whitepaper-section:last-child{ border-bottom: none}.content-grid{ display: grid;grid-template-columns: 2fr 1fr;gap: 40px;align-items: start}.content-text h3{ color: var(--text-primary);font-size: 1.5rem;margin-bottom: 15px;font-weight: 600}.content-text p{ color: var(--text-secondary);margin-bottom: 20px;line-height: 1.7}.content-text ul{ color: var(--text-secondary);margin-bottom: 20px;padding-left: 20px}.content-text li{ margin-bottom: var(--space-sm);line-height: 1.6}.content-visual{ position: sticky;top: 100px}.visual-card{ background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 15px;padding: 25px;backdrop-filter: blur(10px)}.visual-card h4{ color: var(--text-primary);font-size: 1.2rem;margin-bottom: 20px;font-weight: 600}.metric-list{ display: flex;flex-direction: column;gap: 15px}.metric-item{ display: flex;justify-content: space-between;align-items: center;padding: 10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1)}.metric-item:last-child{ border-bottom: none}.metric-label{ color: var(--text-muted);font-size: 0.9rem}.metric-value{ color: var(--text-primary);font-weight: 600;font-size: 0.95rem}.architecture-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px}.arch-layer{ background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 15px;padding: 25px;backdrop-filter: blur(10px);transition: all 0.3s ease}.arch-layer:hover{ transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);border-color: var(--primary-color)}.arch-layer h3{ color: var(--text-primary);font-size: 1.2rem;margin-bottom: 20px;font-weight: 600;text-align: center}.layer-content{ display: flex;flex-direction: column;gap: 15px}.layer-item{ display: flex;align-items: center;gap: var(--space-md);padding: 10px;background: rgba(255, 255, 255, 0.05);border-radius: 8px}.layer-item i{ color: var(--primary-color);font-size: 1.1rem}.layer-item span{ color: var(--text-secondary);font-size: 0.9rem}.tokenomics-content{ max-width: 1200px;margin: 0 auto}.tokenomics-overview{ display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-bottom: 60px}.token-card{ background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 15px;padding: 25px;text-align: center;backdrop-filter: blur(10px);transition: all 0.3s ease}.token-card:hover{ transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);border-color: var(--primary-color)}.token-card h3{ color: var(--text-primary);font-size: 1.2rem;margin-bottom: 15px;font-weight: 600}.token-amount{ font-size: 1.8rem;font-weight: 800;color: var(--success-color);margin-bottom: 10px}.token-card p{ color: var(--text-secondary);font-size: 0.9rem}.distribution-chart{ margin-bottom: 60px}.distribution-chart h3{ color: var(--text-primary);font-size: 1.8rem;text-align: center;margin-bottom: var(--space-2xl);font-weight: 600}.chart-container{ display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px}.chart-item{ background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 12px;padding: var(--space-lg);text-align: center;backdrop-filter: blur(10px);transition: all 0.3s ease}.chart-item:hover{ transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2)}.chart-segment{ position: relative;width: 100px;height: 100px;border-radius: 50%;background: conic-gradient(var(--color) 0deg calc(var(--percentage) * 3.6deg), rgba(255, 255, 255, 0.1) calc(var(--percentage) * 3.6deg) 360deg);margin: 0 auto 15px;display: flex;align-items: center;justify-content: center}.chart-segment::before{ content: '';position: absolute;width: 60px;height: 60px;background: var(--bg-secondary);border-radius: 50%}.segment-label{ position: absolute;color: var(--text-primary);font-size: 0.8rem;font-weight: 600;text-align: center;line-height: 1.2}.segment-value{ position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);color: var(--text-secondary);font-size: 0.75rem;font-weight: 500}.utility-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px}.utility-item{ background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 15px;padding: 25px;text-align: center;backdrop-filter: blur(10px);transition: all 0.3s ease}.utility-item:hover{ transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);border-color: var(--primary-color)}.utility-item i{ font-size: 2rem;color: var(--primary-color);margin-bottom: 15px}.utility-item h4{ color: var(--text-primary);font-size: 1.2rem;margin-bottom: 10px;font-weight: 600}.utility-item p{ color: var(--text-secondary);font-size: 0.9rem;line-height: 1.5}.team-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;margin-bottom: 60px}.team-member{ background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 15px;padding: 30px;text-align: center;backdrop-filter: blur(10px);transition: all 0.3s ease}.team-member:hover{ transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);border-color: var(--primary-color)}.member-avatar{ width: 80px;height: 80px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px}.member-avatar i{ font-size: 2rem;color: white}.team-member h3{ color: var(--text-primary);font-size: 1.3rem;margin-bottom: var(--space-sm);font-weight: 600}.member-role{ color: var(--primary-color);font-size: 0.9rem;font-weight: 500;margin-bottom: 15px;display: block}.team-member p{ color: var(--text-secondary);font-size: 0.9rem;line-height: 1.6}.advisors-section{ text-align: center}.advisors-section h3{ color: var(--text-primary);font-size: 1.8rem;margin-bottom: var(--space-2xl);font-weight: 600}.advisors-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 30px}.advisor{ background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 12px;padding: 25px;backdrop-filter: blur(10px);transition: all 0.3s ease}.advisor:hover{ transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);border-color: var(--primary-color)}.advisor-avatar{ width: 60px;height: 60px;background: var(--gradient-secondary);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 15px}.advisor-avatar i{ font-size: 1.5rem;color: white}.advisor h4{ color: var(--text-primary);font-size: 1.1rem;margin-bottom: 5px;font-weight: 600}.advisor span{ color: var(--text-secondary);font-size: 0.85rem}.timeline-status{ background: var(--success-color);color: white;padding: 4px 12px;border-radius: 15px;font-size: 0.8rem;font-weight: 500}.timeline-item.active .timeline-status{ background: var(--primary-color)}.timeline-item:not(.completed):not(.active) .timeline-status{ background: var(--text-muted)}@media (max-width: 768px){ .content-grid{ grid-template-columns: 1fr}.toc-grid{ grid-template-columns: 1fr}.architecture-grid{ grid-template-columns: 1fr}.tokenomics-overview{ grid-template-columns: 1fr}.chart-container{ grid-template-columns: repeat(2, 1fr)}.utility-grid{ grid-template-columns: 1fr}.team-grid{ grid-template-columns: 1fr}.advisors-grid{ grid-template-columns: repeat(2, 1fr)}}.team{ padding: 100px 0;background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);position: relative;overflow: hidden}.team-bg{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 1}.floating-team{ position: absolute;width: 100%;height: 100%;opacity: 0.1}.team-node{ position: absolute;width: 4px;height: 4px;background: #6366f1;border-radius: 50%;animation: teamFloat 6s ease-in-out infinite}.team-node:nth-child(1){ top: 20%;left: 10%;animation-delay: 0s}.team-node:nth-child(2){ top: 60%;right: 15%;animation-delay: 2s}.team-node:nth-child(3){ bottom: 30%;left: 20%;animation-delay: 4s}@keyframes teamFloat{ 0%, 100%{ transform: translateY(0px) scale(1)}50%{ transform: translateY(-20px) scale(1.2)}}.team-particles{ position: absolute;width: 100%;height: 100%}.team-particle{ position: absolute;width: 2px;height: 2px;background: rgba(99, 102, 241, 0.3);border-radius: 50%;animation: teamParticle 8s linear infinite}.team-particle:nth-child(1){ top: 10%;left: 5%;animation-delay: 0s}.team-particle:nth-child(2){ top: 30%;right: 10%;animation-delay: 1.5s}.team-particle:nth-child(3){ bottom: 20%;left: 15%;animation-delay: 3s}.team-particle:nth-child(4){ top: 70%;right: 5%;animation-delay: 4.5s}.team-particle:nth-child(5){ bottom: 60%;left: 25%;animation-delay: 6s}.team-particle:nth-child(6){ top: 50%;right: 25%;animation-delay: 7.5s}@keyframes teamParticle{ 0%{ transform: translateY(0px) translateX(0px);opacity: 0}10%{ opacity: 1}90%{ opacity: 1}100%{ transform: translateY(-100px) translateX(50px);opacity: 0}}.team-badge{ display: inline-flex;align-items: center;gap: 10px;background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 25px;padding: var(--space-sm) var(--space-md);margin-top: 20px;animation: pulse 2s infinite}.team-badge .badge-icon{ width: 20px;height: 20px;animation: rotate 3s linear infinite}.team-badge span{ color: #6366f1;font-size: 0.9rem;font-weight: 600}.team-category{ margin-bottom: 80px}.category-title{ font-size: 2rem;font-weight: 700;color: var(--text-primary);text-align: center;margin-bottom: var(--space-2xl);position: relative}.category-title::after{ content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 60px;height: 3px;background: linear-gradient(90deg, #6366f1, #8b5cf6);border-radius: 2px}.team-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2rem;margin-bottom: var(--space-2xl)}.team-member{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 20px;padding: 2rem;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden;backdrop-filter: blur(10px);z-index: 2}.team-member::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #6366f1, #8b5cf6, #6366f1);background-size: 200% 100%;animation: shimmer 3s ease-in-out infinite}.team-member:hover{ transform: translateY(-10px);border-color: var(--primary-color);box-shadow: var(--shadow-xl)}.member-avatar{ width: 80px;height: 80px;background: linear-gradient(135deg, #6366f1, #8b5cf6);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem;position: relative;z-index: 2}.member-avatar i{ font-size: 2rem;color: white;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3))}.team-member:hover .member-avatar{ transform: scale(1.1);box-shadow: 0 10px 30px rgba(99, 102, 241, 0.4)}.team-member h4{ font-size: 1.25rem;font-weight: 700;color: var(--text-primary);margin-bottom: 0.5rem;transition: all 0.3s ease}.team-member:hover h4{ color: #6366f1}.member-role{ display: inline-block;background: rgba(99, 102, 241, 0.1);color: #6366f1;padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.875rem;font-weight: 600;margin-bottom: 1rem;border: 1px solid rgba(99, 102, 241, 0.2)}.team-member p{ color: var(--text-secondary);line-height: 1.6;margin: 0}.member-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.1), transparent 70%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none;border-radius: 20px}.team-member:hover .member-glow{ opacity: 1}.advisors-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 1.5rem;margin-bottom: var(--space-2xl)}.advisor{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;padding: 1.5rem;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden;backdrop-filter: blur(10px)}.advisor:hover{ transform: translateY(-5px);border-color: var(--primary-color);box-shadow: var(--shadow-lg)}.advisor-avatar{ width: 60px;height: 60px;background: linear-gradient(135deg, #10b981, #059669);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1rem;position: relative;z-index: 2}.advisor-avatar i{ font-size: 1.5rem;color: white;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3))}.advisor:hover .advisor-avatar{ transform: scale(1.1);box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4)}.advisor h4{ font-size: 1.1rem;font-weight: 600;color: var(--text-primary);margin-bottom: 0.5rem;transition: all 0.3s ease}.advisor:hover h4{ color: #10b981}.advisor span{ color: var(--text-secondary);font-size: 0.875rem;font-weight: 500}.advisor-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 50% 50%, rgba(16, 185, 129, 0.1), transparent 70%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none;border-radius: 16px}.advisor:hover .advisor-glow{ opacity: 1}.dev-team-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 1.5rem}.dev-member{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;padding: 1.5rem;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden;backdrop-filter: blur(10px)}.dev-member:hover{ transform: translateY(-5px);border-color: var(--primary-color);box-shadow: var(--shadow-lg)}.dev-avatar{ width: 60px;height: 60px;background: linear-gradient(135deg, #f59e0b, #d97706);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1rem;position: relative;z-index: 2}.dev-avatar i{ font-size: 1.5rem;color: white;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3))}.dev-member:hover .dev-avatar{ transform: scale(1.1);box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4)}.dev-member h4{ font-size: 1.1rem;font-weight: 600;color: var(--text-primary);margin-bottom: 0.5rem;transition: all 0.3s ease}.dev-member:hover h4{ color: #f59e0b}.dev-role{ color: var(--text-secondary);font-size: 0.875rem;font-weight: 500}.dev-glow{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 50% 50%, rgba(245, 158, 11, 0.1), transparent 70%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none;border-radius: 16px}.dev-member:hover .dev-glow{ opacity: 1}@media (max-width: 768px){ .team{ padding: 60px 0}.team-grid{ grid-template-columns: 1fr;gap: 1.5rem}.advisors-grid{ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1rem}.dev-team-grid{ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1rem}.category-title{ font-size: 1.5rem;margin-bottom: 30px}.team-member{ padding: 1.5rem}.member-avatar{ width: 60px;height: 60px}.member-avatar i{ font-size: 1.5rem}.advisor, .dev-member{ padding: 1rem}.advisor-avatar, .dev-avatar{ width: 50px;height: 50px}.advisor-avatar i, .dev-avatar i{ font-size: 1.25rem}}@media (max-width: 480px){ .team-category{ margin-bottom: 60px}.advisors-grid{ grid-template-columns: 1fr}.dev-team-grid{ grid-template-columns: 1fr}.team-member h4{ font-size: 1.1rem}.advisor h4, .dev-member h4{ font-size: 1rem}}.info-box{ background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 12px;padding: 1.5rem;margin: 2rem 0;backdrop-filter: blur(10px)}.info-box h4{ color: var(--text-primary);margin-bottom: 1rem;font-size: 1.1rem;font-weight: 600}.info-box ul{ list-style: none;padding: 0;margin: 0}.info-box li{ padding: 0.5rem 0;border-bottom: 1px solid rgba(99, 102, 241, 0.1);display: flex;justify-content: space-between;align-items: center}.info-box li:last-child{ border-bottom: none}.formula-item{ margin: 2rem 0;padding: 1.5rem;background: rgba(15, 23, 42, 0.5);border-radius: 12px;border: 1px solid rgba(99, 102, 241, 0.2)}.formula-item h3{ color: var(--text-primary);margin-bottom: 1rem;font-size: 1rem;font-weight: 500}.formula{ background: rgba(0, 0, 0, 0.3);padding: 1rem;border-radius: 8px;font-family: 'Courier New', monospace;font-size: 1.1rem;color: #10b981;text-align: center;border: 1px solid rgba(16, 185, 129, 0.3);overflow-x: auto}.code-block{ background: rgba(0, 0, 0, 0.4);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 8px;padding: 1rem;margin: 1rem 0;overflow-x: auto}.code-block code{ color: #10b981;font-family: 'Courier New', monospace;font-size: 0.9rem}.contact-info{ background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(99, 102, 241, 0.1) 100%);border: 1px solid rgba(16, 185, 129, 0.3);border-radius: 12px;padding: 1.5rem;margin: 2rem 0}.contact-info h4{ color: var(--text-primary);margin-bottom: 1rem;font-size: 1.1rem;font-weight: 600}.contact-info p{ margin: 0.5rem 0;color: var(--text-secondary)}.contact-info a{ color: #10b981;text-decoration: none;transition: color 0.3s ease}.contact-info a:hover{ color: #059669}@media (max-width: 768px){ .formula{ font-size: 0.9rem;padding: 0.75rem}.info-box{ padding: 1rem}.formula-item{ padding: 1rem}.code-block{ padding: 0.75rem}.code-block code{ font-size: 0.8rem}}.careers-hero{ min-height: 100vh;display: flex;align-items: center;background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%)}.careers-section{ padding: 80px 0}.careers-section.values-section{ background: var(--bg-secondary)}.culture-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;margin-top: 50px}.culture-card{ background: var(--card-bg);border: 1px solid var(--border-color);border-radius: 16px;padding: 40px 30px;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden}.culture-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));transform: scaleX(0);transition: transform 0.3s ease}.culture-card:hover::before{ transform: scaleX(1)}.culture-card:hover{ transform: translateY(-5px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);border-color: var(--primary-color)}.culture-icon{ width: 80px;height: 80px;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;font-size: 32px;color: white}.culture-card h3{ font-size: 24px;font-weight: 700;margin-bottom: 15px;color: var(--text-primary)}.culture-card p{ color: var(--text-secondary);line-height: 1.6;font-size: 16px}.values-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 40px;margin-top: 50px}.value-item{ text-align: center;padding: 40px 20px}.value-number{ font-size: 48px;font-weight: 900;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 20px}.value-item h3{ font-size: 24px;font-weight: 700;margin-bottom: 15px;color: var(--text-primary)}.value-item p{ color: var(--text-secondary);line-height: 1.6;font-size: 16px}.positions-filter{ display: flex;justify-content: center;gap: 15px;margin: 50px 0 40px;flex-wrap: wrap}.filter-btn{ background: var(--card-bg);border: 2px solid var(--border-color);color: var(--text-secondary);padding: 12px 24px;border-radius: 30px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;font-size: 14px}.filter-btn:hover, .filter-btn.active{ background: var(--primary-color);border-color: var(--primary-color);color: white;transform: translateY(-2px)}.positions-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 30px;margin-top: 40px}.position-card{ background: var(--card-bg);border: 1px solid var(--border-color);border-radius: 16px;padding: 30px;transition: all 0.3s ease;position: relative;overflow: hidden}.position-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));transform: scaleX(0);transition: transform 0.3s ease}.position-card:hover::before{ transform: scaleX(1)}.position-card:hover{ transform: translateY(-5px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);border-color: var(--primary-color)}.position-header{ display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 15px}.position-header h3{ font-size: 20px;font-weight: 700;color: var(--text-primary);margin: 0}.position-type{ background: var(--primary-color);color: white;padding: 6px 12px;border-radius: 20px;font-size: 12px;font-weight: 600}.position-description{ color: var(--text-secondary);line-height: 1.6;margin-bottom: 20px;font-size: 15px}.position-tags{ display: flex;flex-wrap: wrap;gap: var(--space-sm);margin-bottom: 25px}.tag{ background: var(--bg-secondary);color: var(--text-secondary);padding: 6px 12px;border-radius: 15px;font-size: 12px;font-weight: 600;border: 1px solid var(--border-color)}.apply-section{ background: var(--bg-secondary)}.apply-content{ display: grid;grid-template-columns: 1fr 2fr;gap: var(--space-3xl);margin-top: 50px;align-items: start}.apply-info h3{ font-size: 28px;font-weight: 700;margin-bottom: 30px;color: var(--text-primary)}.process-steps{ display: flex;flex-direction: column;gap: 30px}.step{ display: flex;align-items: flex-start;gap: 20px}.step-number{ width: 50px;height: 50px;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 700;color: white;flex-shrink: 0}.step-content h4{ font-size: 18px;font-weight: 600;margin-bottom: var(--space-sm);color: var(--text-primary)}.step-content p{ color: var(--text-secondary);line-height: 1.6;font-size: 15px}.apply-form{ background: var(--card-bg);border: 1px solid var(--border-color);border-radius: 16px;padding: 40px}.apply-form form{ display: flex;flex-direction: column;gap: 25px}.form-row{ display: grid;grid-template-columns: 1fr 1fr;gap: 20px}.form-group{ display: flex;flex-direction: column;gap: var(--space-sm)}.form-group label{ font-weight: 600;color: var(--text-primary);font-size: 14px}.form-group input, .form-group select, .form-group textarea{ background: var(--bg-primary);border: 2px solid var(--border-color);border-radius: 8px;padding: 12px 16px;color: var(--text-primary);font-size: 16px;transition: all 0.3s ease}.form-group input:focus, .form-group select:focus, .form-group textarea:focus{ outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1)}.form-group small{ color: var(--text-secondary);font-size: 12px;margin-top: 4px}.checkbox-group{ flex-direction: row;align-items: flex-start;gap: var(--space-md)}.checkbox-label{ display: flex;align-items: flex-start;gap: var(--space-md);cursor: pointer;font-size: 14px;color: var(--text-secondary);line-height: 1.5}.checkbox-label input[type="checkbox"]{ width: 18px;height: 18px;margin: 0;accent-color: var(--primary-color)}.btn-large{ padding: 16px 32px;font-size: 18px;font-weight: 600}@media (max-width: 768px){ .culture-grid{ grid-template-columns: 1fr;gap: 20px}.values-grid{ grid-template-columns: 1fr;gap: 30px}.positions-filter{ gap: 10px}.filter-btn{ padding: 10px 20px;font-size: 13px}.positions-grid{ grid-template-columns: 1fr;gap: 20px}.position-header{ flex-direction: column;gap: 10px}.apply-content{ grid-template-columns: 1fr;gap: 40px}.form-row{ grid-template-columns: 1fr;gap: 15px}.apply-form{ padding: 25px}}@media (max-width: 480px){ .careers-section{ padding: 60px 0}.culture-card{ padding: 30px 20px}.culture-icon{ width: 60px;height: 60px;font-size: 24px}.position-card{ padding: var(--space-lg)}.apply-form{ padding: var(--space-lg)}.btn-large{ padding: var(--space-md) var(--space-lg);font-size: 16px}}.nav-dropdown{ position: relative}.dropdown-toggle{ display: flex;align-items: center;gap: var(--space-sm)}.dropdown-toggle i{ font-size: 0.8rem;transition: transform 0.3s ease}.dropdown-menu{ position: absolute;top: 100%;left: 0;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 8px;box-shadow: var(--shadow-lg);min-width: 200px;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;z-index: 1000;padding: 8px 0}.dropdown-menu.active{ opacity: 1;visibility: visible;transform: translateY(0)}.dropdown-link{ display: block;padding: 12px 20px;color: var(--text-secondary);text-decoration: none;transition: all 0.3s ease;border-radius: 0}.dropdown-link:hover, .dropdown-link.active{ background: rgba(99, 102, 241, 0.1);color: var(--primary-color)}.nav-dropdown.active .dropdown-toggle i{ transform: rotate(180deg)}.nav-dropdown.active .dropdown-menu{ opacity: 1;visibility: visible;transform: translateY(0)}.testimonials-section{ padding: var(--space-5xl) 0;background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);position: relative;overflow: hidden}.testimonials-section::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="testimonialPattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1.5" fill="rgba(99,102,241,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23testimonialPattern)"/></svg>');opacity: 0.3;pointer-events: none}.testimonials-grid{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-xl);margin-top: var(--space-3xl);align-items: stretch}.testimonial-card{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);padding: var(--space-2xl);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;display: flex;flex-direction: column;min-height: 280px;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1)}.testimonial-card:hover{ transform: translateY(-8px) scale(1.02);box-shadow: 0 20px 40px rgba(99, 102, 241, 0.2), 0 0 30px rgba(99, 102, 241, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2);border-color: rgba(99, 102, 241, 0.3)}.testimonial-content{ flex: 1;display: flex;flex-direction: column;position: relative;z-index: 2}.quote-icon{ width: 40px;height: 40px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: var(--space-lg);font-size: 1.2rem;color: white;box-shadow: 0 4px 16px rgba(99, 102, 241, 0.3)}.testimonial-content p{ color: var(--text-secondary);line-height: 1.7;font-size: 1.05rem;font-style: italic;margin-bottom: var(--space-xl);position: relative}.testimonial-content p::before{ content: '"';position: absolute;top: -10px;left: -10px;font-size: 3rem;color: var(--primary-color);opacity: 0.3;font-family: serif}.testimonial-author{ display: flex;align-items: center;gap: var(--space-md);margin-top: auto}.author-avatar{ width: 50px;height: 50px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;color: white;box-shadow: 0 4px 16px rgba(99, 102, 241, 0.3)}.author-info h4{ font-size: 1.1rem;font-weight: 700;color: var(--text-primary);margin-bottom: 4px;line-height: 1.3}.author-info span{ color: var(--text-muted);font-size: 0.9rem;font-weight: 500}.leaderboard-section{ padding: var(--space-5xl) 0;background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);position: relative;overflow: hidden;margin-top: 70px}.leaderboard-section::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="leaderboardPattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1.5" fill="rgba(99,102,241,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23leaderboardPattern)"/></svg>');opacity: 0.3;pointer-events: none}.leaderboard-header{ text-align: center;margin-bottom: var(--space-4xl);position: relative;z-index: 2}.leaderboard-badge{ display: inline-flex;align-items: center;gap: var(--space-sm);background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);padding: var(--space-sm) var(--space-lg);color: var(--text-primary);font-weight: 600;margin-bottom: var(--space-lg);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1)}.leaderboard-badge i{ color: var(--warning-color);font-size: 1.1rem}.leaderboard-title{ font-size: 4rem;font-weight: 900;line-height: 1.1;margin-bottom: var(--space-lg);color: var(--text-primary);letter-spacing: -0.02em}.leaderboard-subtitle{ font-size: 1.25rem;color: var(--text-secondary);max-width: 600px;margin: 0 auto;line-height: 1.6}.leaderboard-stats{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-xl);margin-bottom: var(--space-4xl);align-items: stretch}.leaderboard-container{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);overflow: hidden;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);margin-bottom: var(--space-4xl)}.leaderboard-table{ width: 100%}.table-header{ display: grid;grid-template-columns: 80px 1fr 150px 120px 120px 150px;gap: var(--space-md);padding: var(--space-lg) var(--space-xl);background: var(--bg-secondary);border-bottom: 1px solid var(--border-color);font-weight: 700;color: var(--text-primary);font-size: 0.9rem;text-transform: uppercase;letter-spacing: 0.5px}.table-body{ max-height: 600px;overflow-y: auto}.table-row{ display: grid;grid-template-columns: 80px 1fr 150px 120px 120px 150px;gap: var(--space-md);padding: var(--space-lg) var(--space-xl);border-bottom: 1px solid var(--border-color);transition: all 0.3s ease;align-items: center}.table-row:hover{ background: var(--bg-secondary);transform: translateX(4px)}.table-row.top-contributor{ background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);border-left: 4px solid var(--primary-color)}.rank-cell{ display: flex;align-items: center;justify-content: center}.rank-number{ width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.1rem;background: var(--bg-secondary);color: var(--text-primary);border: 2px solid var(--border-color)}.rank-medal{ font-size: 1.5rem}.rank-medal.rank-1{ color: #ffd700}.rank-medal.rank-2{ color: #c0c0c0}.rank-medal.rank-3{ color: #cd7f32}.contributor-cell{ display: flex;align-items: center}.contributor-info{ display: flex;flex-direction: column;gap: var(--space-xs)}.contributor-name{ font-weight: 700;color: var(--text-primary);font-size: 1.1rem}.contributor-badge{ display: flex;align-items: center}.badge{ padding: 4px 12px;border-radius: 20px;font-size: 0.8rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px}.badge-gold{ background: linear-gradient(135deg, #ffd700, #ffed4e);color: #000}.badge-silver{ background: linear-gradient(135deg, #c0c0c0, #e8e8e8);color: #000}.badge-bronze{ background: linear-gradient(135deg, #cd7f32, #daa520);color: #fff}.amount-cell, .edup-cell, .contributions-cell, .last-cell{ display: flex;align-items: center;justify-content: center;text-align: center}.amount-value, .edup-value{ font-weight: 700;color: var(--text-primary);font-size: 1.1rem}.contributions-count{ font-weight: 600;color: var(--text-secondary);background: var(--bg-secondary);padding: 4px 12px;border-radius: 20px;font-size: 0.9rem}.last-date{ color: var(--text-muted);font-size: 0.9rem;font-weight: 500}.leaderboard-cta{ text-align: center;background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);padding: var(--space-4xl);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1)}.leaderboard-cta h2{ font-size: 2.5rem;font-weight: 800;color: var(--text-primary);margin-bottom: var(--space-md);line-height: 1.2}.leaderboard-cta p{ font-size: 1.1rem;color: var(--text-secondary);margin-bottom: var(--space-2xl);line-height: 1.6}.leaderboard-cta .cta-buttons{ display: flex;gap: var(--space-lg);justify-content: center;flex-wrap: wrap}@media (max-width: 768px){ .leaderboard-section{ padding: 100px 0 60px}.leaderboard-title{ font-size: 2.5rem}.leaderboard-stats{ grid-template-columns: 1fr;gap: var(--space-md)}.table-header, .table-row{ grid-template-columns: 60px 1fr 100px 80px 80px 100px;gap: var(--space-sm);padding: var(--space-md) var(--space-lg)}.table-header{ font-size: 0.8rem}.rank-number{ width: 30px;height: 30px;font-size: 0.9rem}.rank-medal{ font-size: 1.2rem}.contributor-name{ font-size: 1rem}.amount-value, .edup-value{ font-size: 1rem}.badge{ font-size: 0.7rem;padding: 2px 8px}.leaderboard-cta{ padding: var(--space-2xl)}.leaderboard-cta h2{ font-size: 2rem}.leaderboard-cta .cta-buttons{ flex-direction: column;align-items: center}}.security-features{ padding: 120px 0;background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);position: relative;overflow: hidden}.security-features::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="securityPattern" x="0" y="0" width="30" height="30" patternUnits="userSpaceOnUse"><circle cx="15" cy="15" r="1" fill="rgba(99,102,241,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23securityPattern)"/></svg>');opacity: 0.3;pointer-events: none}.security-grid{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-xl);margin-bottom: var(--space-2xl);align-items: stretch}.security-card{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 20px;padding: 32px;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 320px}.security-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--gradient-primary);transform: scaleX(0);transition: transform 0.3s ease}.security-card:hover::before{ transform: scaleX(1)}.security-card:hover{ transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);border-color: var(--primary-color)}.security-icon{ width: 80px;height: 80px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 24px;font-size: 2rem;color: white;box-shadow: 0 8px 24px rgba(99, 102, 241, 0.3)}.security-card h3{ font-size: 1.4rem;font-weight: 700;color: var(--text-primary);margin-bottom: 16px;line-height: 1.3}.security-card p{ color: var(--text-secondary);line-height: 1.6;margin-bottom: var(--space-lg);font-size: 1rem}.security-badge{ display: inline-flex;align-items: center;gap: var(--space-sm);background: var(--success-color);color: white;padding: var(--space-sm) var(--space-md);border-radius: 20px;font-size: 0.9rem;font-weight: 600}.security-footer{ text-align: center;margin-top: 48px}.security-stats{ display: grid;grid-template-columns: repeat(6, 1fr);gap: var(--space-lg);margin-top: var(--space-2xl);align-items: stretch}.security-stat{ text-align: center;background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 16px;padding: 32px;min-width: 140px;transition: all 0.3s ease}.security-stat:hover{ background: var(--bg-card);border-color: var(--primary-color);transform: translateY(-4px)}.stat-number{ font-size: 2.5rem;font-weight: 700;color: var(--primary-color);margin-bottom: var(--space-sm);line-height: 1.2}.stat-label{ font-size: 0.9rem;color: var(--text-secondary);font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px}@media (max-width: 768px){ .security-features{ padding: 80px 0}.trust-indicators{ flex-direction: column;gap: var(--space-md)}.trust-item{ justify-content: center;padding: var(--space-sm) var(--space-md)}.testimonials-grid{ grid-template-columns: 1fr;gap: var(--space-lg)}.security-grid{ grid-template-columns: 1fr;gap: var(--space-lg)}.security-stats{ grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.security-card{ padding: 24px}.security-icon{ width: 60px;height: 60px;font-size: 1.5rem;margin-bottom: 20px}.security-card h3{ font-size: 1.2rem;margin-bottom: 12px}.security-card p{ font-size: 0.95rem;margin-bottom: 20px}.security-stats{ gap: 32px}.security-stat{ padding: 24px;min-width: 120px}.stat-number{ font-size: 2rem}}.sacrifice-hero{ background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);padding: var(--space-5xl) 0 var(--space-4xl);position: relative;overflow: hidden}.sacrifice-hero::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23334155" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity: 0.1}.sacrifice-hero-content{ position: relative;z-index: 2;text-align: center;max-width: 800px;margin: 0 auto}.sacrifice-badge{ display: inline-flex;align-items: center;gap: var(--space-sm);background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 50px;padding: 12px 24px;margin-bottom: var(--space-xl);color: var(--primary-color);font-weight: 600}.sacrifice-title{ font-size: 3.5rem;font-weight: 700;margin-bottom: var(--space-lg);background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.sacrifice-description{ font-size: 1.25rem;line-height: 1.6;color: var(--text-secondary);margin-bottom: 48px}.sacrifice-stats{ display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-lg);margin-bottom: 48px}.sacrifice-buttons{ display: flex;gap: var(--space-md);justify-content: center;flex-wrap: wrap}.sacrifice-steps{ padding: 80px 0;background: var(--bg-secondary)}.steps-grid{ display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;margin-top: 48px}.step-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;padding: 32px;text-align: center;position: relative;transition: all 0.3s ease}.step-card:hover{ transform: translateY(-8px);box-shadow: var(--shadow-xl);border-color: var(--primary-color)}.step-number{ width: 60px;height: 60px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;font-weight: 700;color: white;margin: 0 auto 24px}.step-content h3{ font-size: 1.5rem;margin-bottom: 16px;color: var(--text-primary)}.step-content p{ color: var(--text-secondary);margin-bottom: var(--space-lg);line-height: 1.6}.step-link{ display: inline-flex;align-items: center;gap: var(--space-sm);color: var(--primary-color);text-decoration: none;font-weight: 600;transition: all 0.3s ease}.step-link:hover{ color: var(--primary-dark);transform: translateX(4px)}.sacrifice-timeline{ padding: 80px 0;background: var(--bg-primary)}.timeline-container{ max-width: 800px;margin: 48px auto 0;position: relative}.timeline-container::before{ content: '';position: absolute;left: 50%;top: 0;bottom: 0;width: 2px;background: var(--border-color);transform: translateX(-50%)}.timeline-item{ display: flex;align-items: center;margin-bottom: 48px;position: relative}.timeline-item:nth-child(odd){ flex-direction: row-reverse}.timeline-marker{ width: 80px;height: 80px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: white;position: relative;z-index: 2;flex-shrink: 0}.timeline-marker.phase-1{ background: var(--gradient-primary)}.timeline-marker.phase-2{ background: var(--gradient-secondary)}.timeline-marker.mainnet{ background: var(--gradient-accent)}.timeline-content{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;padding: 32px;margin: 0 32px;flex: 1;max-width: 300px}.timeline-header h3{ font-size: 1.5rem;margin-bottom: var(--space-sm);color: var(--text-primary)}.timeline-date{ color: var(--primary-color);font-weight: 600;margin-bottom: 16px}.timeline-content p{ color: var(--text-secondary);margin-bottom: 16px;line-height: 1.6}.timeline-features{ display: flex;flex-wrap: wrap;gap: var(--space-sm)}.feature-tag{ background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 20px;padding: 6px 12px;font-size: 0.875rem;color: var(--primary-color);font-weight: 500}.sacrifice-notice{ padding: 80px 0;background: var(--bg-secondary)}.notice-card{ background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);border: 1px solid #f59e0b;border-radius: 16px;padding: 32px;display: flex;align-items: flex-start;gap: var(--space-lg);max-width: 800px;margin: 0 auto}.notice-icon{ width: 60px;height: 60px;background: #f59e0b;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: white;flex-shrink: 0}.notice-content h3{ font-size: 1.5rem;margin-bottom: 16px;color: #92400e}.notice-content p{ color: #92400e;margin-bottom: var(--space-lg);line-height: 1.6}.notice-features{ display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.notice-item{ display: flex;align-items: center;gap: var(--space-md);color: #92400e;font-weight: 500}.notice-item i{ color: #10b981}.sacrifice-cta{ padding: 80px 0;background: var(--bg-primary)}.cta-content{ text-align: center;max-width: 600px;margin: 0 auto}.cta-content h2{ font-size: 2.5rem;margin-bottom: var(--space-lg);color: var(--text-primary)}.cta-content p{ font-size: 1.25rem;color: var(--text-secondary);margin-bottom: var(--space-xl);line-height: 1.6}.cta-buttons{ display: flex;gap: var(--space-md);justify-content: center;flex-wrap: wrap}.register-section, .login-section, .fund-transfer-section, .dashboard-section, .distribution-section, .faq-section, .legal-section, .contact-section, .admin-section{ padding: var(--space-5xl) 0 var(--space-4xl);background: var(--bg-primary)}.register-container, .login-container, .fund-transfer-container, .dashboard-container, .distribution-container, .faq-container, .legal-container, .contact-container, .admin-container{ max-width: 1200px;margin: 0 auto;padding: 0 20px}.register-header, .login-header, .fund-transfer-header, .dashboard-header, .distribution-header, .faq-header, .legal-header, .contact-header, .admin-header{ text-align: center;margin-bottom: 48px}.register-title, .login-title, .fund-transfer-title, .dashboard-title, .distribution-title, .faq-title, .legal-title, .contact-title, .admin-title{ font-size: 2.5rem;font-weight: 700;margin-bottom: 16px;color: var(--text-primary)}.register-subtitle, .login-subtitle, .fund-transfer-subtitle, .dashboard-subtitle, .distribution-subtitle, .faq-subtitle, .legal-subtitle, .contact-subtitle, .admin-subtitle{ font-size: 1.25rem;color: var(--text-secondary);line-height: 1.6}.register-content, .login-content, .fund-transfer-content, .dashboard-content, .distribution-content, .faq-content, .register-form-container, .login-form-container, .fund-transfer-form-container, .distribution-content, .faq-content, .form-group{ margin-bottom: var(--space-lg)}.form-group label{ display: block;margin-bottom: var(--space-sm);font-weight: 600;color: var(--text-primary)}.form-group input, .form-group select, .form-group textarea{ width: 100%;padding: 12px 16px;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: 8px;color: var(--text-primary);font-size: 1rem;transition: all 0.3s ease}.form-group input:focus, .form-group select:focus, .form-group textarea:focus{ outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1)}.form-group small{ display: block;margin-top: 4px;color: var(--text-muted);font-size: 0.875rem}.form-row{ display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-md)}.checkbox-label{ display: flex;align-items: center;gap: var(--space-md);cursor: pointer;font-weight: 500;color: var(--text-primary)}.checkbox-label input[type="checkbox"]{ width: 18px;height: 18px;accent-color: var(--primary-color)}.alert{ padding: 16px 20px;border-radius: 8px;margin-bottom: var(--space-lg);display: flex;align-items: center;gap: var(--space-md);font-weight: 500}.alert-error{ background: rgba(239, 68, 68, 0.1);border: 1px solid rgba(239, 68, 68, 0.3);color: #dc2626}.alert-success{ background: rgba(16, 185, 129, 0.1);border: 1px solid rgba(16, 185, 129, 0.3);color: #059669}.btn{ display: inline-flex;align-items: center;justify-content: center;gap: var(--space-sm);padding: 12px 24px;border: none;border-radius: 8px;font-weight: 600;text-decoration: none;cursor: pointer;transition: all 0.3s ease;font-size: 1rem}.btn-primary{ background: var(--gradient-primary);color: white}.btn-primary:hover{ transform: translateY(-2px);box-shadow: var(--shadow-lg)}.btn-outline{ background: transparent;border: 1px solid var(--border-color);color: var(--text-primary)}.btn-outline:hover{ background: var(--primary-color);border-color: var(--primary-color);color: white}.btn-success{ background: var(--success-color);color: white}.btn-danger{ background: var(--error-color);color: white}.btn-sm{ padding: var(--space-sm) var(--space-md);font-size: 0.875rem}.btn-large{ padding: 16px 32px;font-size: 1.125rem}.btn-social{ width: 100%;justify-content: center;margin-bottom: 12px}.register-info, .login-info, .fund-transfer-info{ display: flex;flex-direction: column;gap: var(--space-lg)}.info-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px;text-align: center}.info-icon{ width: 60px;height: 60px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: white;margin: 0 auto 16px}.info-card h3{ font-size: 1.25rem;margin-bottom: 12px;color: var(--text-primary)}.info-card p{ color: var(--text-secondary);line-height: 1.6}.dashboard-stats{ display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-lg);margin-bottom: 48px}.stat-card:hover{ transform: translateY(-4px);box-shadow: var(--shadow-lg)}.stat-icon{ width: 60px;height: 60px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: white;margin: 0 auto 20px;transition: all 0.3s ease}.stat-content{ flex: 1;display: flex;flex-direction: column;align-items: center;text-align: center}.stat-number{ font-size: 2rem;font-weight: 800;color: var(--primary-color);margin-bottom: 8px;line-height: 1.2}.stat-label{ font-size: 1rem;font-weight: 600;color: var(--text-primary);margin-bottom: 8px}.stat-detail{ font-size: 0.875rem;color: var(--text-secondary);line-height: 1.4}.stat-label{ color: var(--text-secondary);font-weight: 500}.table-responsive{ overflow-x: auto;margin-top: 24px}.contributions-table, .admin-table{ width: 100%;border-collapse: collapse;background: var(--bg-card);border-radius: 8px;overflow: hidden}.contributions-table th, .contributions-table td, .admin-table th, .admin-table td{ padding: var(--space-md);text-align: left;border-bottom: 1px solid var(--border-color)}.contributions-table th, .admin-table th{ background: var(--bg-secondary);color: var(--text-primary);font-weight: 600}.contributions-table td, .admin-table td{ color: var(--text-secondary)}.status-badge{ padding: 6px 12px;border-radius: 20px;font-size: 0.875rem;font-weight: 600;text-transform: uppercase}.status-pending{ background: rgba(245, 158, 11, 0.1);color: #d97706}.status-acknowledged{ background: rgba(16, 185, 129, 0.1);color: #059669}.status-rejected{ background: rgba(239, 68, 68, 0.1);color: #dc2626}.method-badge{ background: rgba(99, 102, 241, 0.1);color: var(--primary-color);padding: 4px 8px;border-radius: 4px;font-size: 0.875rem;font-weight: 500}.empty-state{ text-align: center;padding: 48px 24px;color: var(--text-secondary)}.empty-icon{ width: 80px;height: 80px;background: var(--bg-secondary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 2rem;color: var(--text-muted);margin: 0 auto 24px}.empty-state h3{ font-size: 1.5rem;margin-bottom: 12px;color: var(--text-primary)}.faq-categories{ margin-bottom: var(--space-xl)}.category-tabs{ display: flex;gap: var(--space-sm);flex-wrap: wrap}.tab-btn{ padding: 12px 24px;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: 8px;color: var(--text-secondary);cursor: pointer;transition: all 0.3s ease;font-weight: 500}.tab-btn.active{ background: var(--primary-color);border-color: var(--primary-color);color: white}.faq-accordion{ margin-top: 32px}.faq-item{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 8px;margin-bottom: 16px;overflow: hidden}.faq-question{ padding: var(--space-lg);cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: all 0.3s ease}.faq-question:hover{ background: var(--bg-secondary)}.faq-question h3{ font-size: 1.125rem;color: var(--text-primary)}.faq-question i{ color: var(--primary-color);transition: transform 0.3s ease}.faq-answer{ padding: 0 20px;max-height: 0;overflow: hidden;transition: max-height 0.3s ease}.faq-answer p{ color: var(--text-secondary);line-height: 1.6;padding: 20px 0}.legal-tabs{ display: flex;gap: var(--space-sm);margin-bottom: var(--space-xl);flex-wrap: wrap}.legal-tab-content{ margin-top: 32px}.tab-panel{ display: none}.tab-panel.active{ display: block}.disclaimer-section, .terms-section, .privacy-section{ margin-bottom: 48px}.disclaimer-card, .terms-item, .privacy-item{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px;margin-bottom: var(--space-lg);display: flex;align-items: flex-start;gap: 20px}.disclaimer-card.critical{ border-color: #dc2626;background: rgba(239, 68, 68, 0.05)}.disclaimer-card.warning{ border-color: #d97706;background: rgba(245, 158, 11, 0.05)}.disclaimer-card.info{ border-color: var(--primary-color);background: rgba(99, 102, 241, 0.05)}.disclaimer-icon{ width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;color: white;flex-shrink: 0}.disclaimer-card.critical .disclaimer-icon{ background: #dc2626}.disclaimer-card.warning .disclaimer-icon{ background: #d97706}.disclaimer-card.info .disclaimer-icon{ background: var(--primary-color)}.disclaimer-content h3, .terms-item h3, .privacy-item h3{ font-size: 1.25rem;margin-bottom: 12px;color: var(--text-primary)}.disclaimer-content p, .terms-item p, .privacy-item p{ color: var(--text-secondary);line-height: 1.6;margin-bottom: 16px}.contact-methods{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-lg);margin-bottom: var(--space-2xl);align-items: stretch}.contact-method{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;padding: var(--space-xl);text-align: center;transition: all 0.3s ease;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 200px}.contact-method:hover{ transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--primary-color)}.method-icon{ width: 70px;height: 70px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.75rem;color: white;margin: 0 auto var(--space-lg);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.3);transition: all 0.3s ease}.contact-method:hover .method-icon{ transform: scale(1.1);box-shadow: 0 12px 35px rgba(99, 102, 241, 0.4)}.contact-method h3{ font-size: 1.25rem;margin-bottom: var(--space-sm);color: var(--text-primary);font-weight: 700}.contact-method p{ color: var(--text-secondary);margin-bottom: var(--space-sm);line-height: 1.6}.contact-detail{ color: var(--text-muted);font-size: 0.9rem;font-weight: 500}.contact-link{ color: var(--primary-color);text-decoration: none;font-weight: 600;transition: all 0.3s ease;padding: 8px 16px;border-radius: 8px;background: rgba(99, 102, 241, 0.1);border: 1px solid rgba(99, 102, 241, 0.2);display: inline-block}.contact-link:hover{ background: var(--primary-color);color: white;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3)}.contact-detail{ color: var(--text-muted);font-size: 0.875rem}.admin-stats{ display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-lg);margin-bottom: 48px}.admin-actions{ margin-bottom: 48px}.actions-grid{ display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-lg);margin-top: 32px}.action-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px;text-align: center;text-decoration: none;color: var(--text-primary);transition: all 0.3s ease}.action-card:hover{ transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--primary-color)}.action-icon{ width: 60px;height: 60px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: white;margin: 0 auto 16px}.action-card h3{ font-size: 1.25rem;margin-bottom: 12px;color: var(--text-primary)}.action-card p{ color: var(--text-secondary);line-height: 1.6}.modal{ display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1000}.modal-content{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 32px;max-width: 500px;width: 90%}.modal-header{ display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--space-lg)}.modal-header h3{ font-size: 1.5rem;color: var(--text-primary)}.modal-close{ background: none;border: none;font-size: 1.5rem;color: var(--text-muted);cursor: pointer}.modal-actions{ display: flex;gap: var(--space-md);justify-content: flex-end;margin-top: 24px}@media (max-width: 768px){ .sacrifice-hero{ padding: 80px 0 60px}.sacrifice-title{ font-size: 2.5rem}.sacrifice-stats{ grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.steps-grid{ grid-template-columns: 1fr;gap: var(--space-lg)}.timeline-container::before{ left: 30px}.timeline-item{ flex-direction: row !important;margin-left: 60px}.timeline-marker{ width: 60px;height: 60px;position: absolute;left: -90px}.timeline-content{ margin: 0;max-width: none}.register-content, .login-content, .fund-transfer-content, .dashboard-content, .distribution-content, .faq-content, .legal-content, .contact-content, .admin-content{ grid-template-columns: 1fr;gap: 32px}.dashboard-stats, .admin-stats{ grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.actions-grid{ grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.contact-methods{ grid-template-columns: 1fr;gap: var(--space-md)}.category-tabs, .legal-tabs{ flex-direction: column}.tab-btn{ text-align: center}}@media (max-width: 480px){ .sacrifice-stats, .dashboard-stats, .admin-stats{ grid-template-columns: 1fr}.actions-grid{ grid-template-columns: 1fr}.sacrifice-buttons, .cta-buttons{ flex-direction: column}.btn{ width: 100%;justify-content: center}}.form-section{ margin-bottom: var(--space-xl)}.form-section-title{ font-size: 1.25rem;font-weight: 600;color: var(--text-primary);margin-bottom: 20px;padding-bottom: 8px;border-bottom: 2px solid var(--primary-color)}.form-options{ display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--space-lg)}.forgot-link{ color: var(--primary-color);text-decoration: none;font-size: 0.875rem;font-weight: 500}.forgot-link:hover{ text-decoration: underline}.login-divider{ text-align: center;margin: 24px 0;position: relative}.login-divider::before{ content: '';position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: var(--border-color)}.login-divider span{ background: var(--bg-card);padding: 0 16px;color: var(--text-muted);font-size: 0.875rem}.social-login{ display: flex;flex-direction: column;gap: var(--space-md)}.distribution-section{ padding: var(--space-5xl) 0;background: var(--bg-primary)}.distribution-cta{ padding: var(--space-5xl) 0;background: var(--bg-secondary);position: relative;overflow: hidden}.distribution-cta::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 20% 20%, rgba(99, 102, 241, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(139, 92, 246, 0.1) 0%, transparent 50%);pointer-events: none}.distribution-cta .container{ position: relative;z-index: 2}.distribution-cta .cta-content{ text-align: center;max-width: 800px;margin: 0 auto}.distribution-cta h2{ font-size: 2.5rem;font-weight: 800;color: var(--text-primary);margin-bottom: var(--space-lg);background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.distribution-cta p{ font-size: 1.125rem;color: var(--text-secondary);margin-bottom: var(--space-2xl);line-height: 1.6}.distribution-cta .cta-buttons{ display: flex;gap: var(--space-lg);justify-content: center;flex-wrap: wrap}.distribution-stats{ display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: var(--space-lg);margin-bottom: 48px;align-items: stretch}.stat-progress{ margin-top: 12px}.progress-bar{ width: 100%;height: 8px;background: var(--bg-secondary);border-radius: 4px;overflow: hidden;margin-bottom: var(--space-sm)}.progress-fill{ height: 100%;background: var(--gradient-primary);border-radius: 4px;transition: width 0.3s ease}.progress-text{ font-size: 0.875rem;color: var(--text-muted);text-align: center}.distribution-grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: var(--space-lg);margin-top: 32px;align-items: stretch}.distribution-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px;text-align: center;transition: all 0.3s ease}.distribution-card:hover{ transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--primary-color)}.card-icon{ width: 60px;height: 60px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: white;margin: 0 auto 16px}.distribution-card h3{ font-size: 1.25rem;margin-bottom: 12px;color: var(--text-primary)}.card-value{ font-size: 1.5rem;font-weight: 700;color: var(--primary-color);margin-bottom: 12px}.distribution-card p{ color: var(--text-secondary);line-height: 1.6}.pro-rata-section{ margin-top: 48px}.pro-rata-content{ max-width: 800px;margin: 0 auto}.pro-rata-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 32px;display: flex;align-items: flex-start;gap: var(--space-lg)}.pro-rata-icon{ width: 60px;height: 60px;background: var(--gradient-secondary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: white;flex-shrink: 0}.pro-rata-text h3{ font-size: 1.5rem;margin-bottom: 16px;color: var(--text-primary)}.pro-rata-text p{ color: var(--text-secondary);margin-bottom: 20px;line-height: 1.6}.pro-rata-formula{ background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: 8px;padding: var(--space-md);font-family: 'Courier New', monospace;color: var(--text-primary)}.distribution-notice{ margin-top: 48px}.distribution-timeline{ margin-top: 48px}.timeline-container{ max-width: 800px;margin: 32px auto 0;position: relative}.timeline-container::before{ content: '';position: absolute;left: 50%;top: 0;bottom: 0;width: 2px;background: var(--border-color);transform: translateX(-50%)}.timeline-item{ display: flex;align-items: center;margin-bottom: var(--space-xl);position: relative}.timeline-item:nth-child(odd){ flex-direction: row-reverse}.timeline-marker{ width: 60px;height: 60px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;color: white;position: relative;z-index: 2;flex-shrink: 0}.timeline-content{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px;margin: 0 24px;flex: 1;max-width: 300px}.timeline-header h3{ font-size: 1.25rem;margin-bottom: var(--space-sm);color: var(--text-primary)}.timeline-content p{ color: var(--text-secondary);line-height: 1.6}.faq-category{ display: none}.faq-category.active{ display: block}.faq-item.active .faq-answer{ max-height: 500px}.faq-item.active .faq-question i{ transform: rotate(180deg)}.faq-contact{ margin-top: 48px}.contact-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 32px;display: flex;align-items: center;gap: var(--space-lg);max-width: 800px;margin: 0 auto}.contact-icon{ width: 60px;height: 60px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: white;flex-shrink: 0}.contact-content h3{ font-size: 1.5rem;margin-bottom: 12px;color: var(--text-primary)}.contact-content p{ color: var(--text-secondary);margin-bottom: 20px;line-height: 1.6}.contact-buttons{ display: flex;gap: var(--space-md);flex-wrap: wrap}.faq-links{ display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-lg);margin-top: 32px}.faq-link{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px;text-decoration: none;color: var(--text-primary);transition: all 0.3s ease;display: flex;align-items: center;gap: var(--space-md)}.faq-link:hover{ transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--primary-color)}.faq-link-icon{ width: 50px;height: 50px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;color: white;flex-shrink: 0}.faq-link-content h3{ font-size: 1.125rem;margin-bottom: var(--space-sm);color: var(--text-primary)}.faq-link-content p{ color: var(--text-secondary);font-size: 0.875rem;line-height: 1.5}.legal-tab-content{ margin-top: 32px}.tab-panel{ display: none}.tab-panel.active{ display: block}.disclaimer-section, .terms-section, .privacy-section{ margin-bottom: 48px}.disclaimer-card, .terms-item, .privacy-item{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px;margin-bottom: var(--space-lg);display: flex;align-items: flex-start;gap: 20px}.disclaimer-card.critical{ border-color: #dc2626;background: rgba(239, 68, 68, 0.05)}.disclaimer-card.warning{ border-color: #d97706;background: rgba(245, 158, 11, 0.05)}.disclaimer-card.info{ border-color: var(--primary-color);background: rgba(99, 102, 241, 0.05)}.disclaimer-icon{ width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;color: white;flex-shrink: 0}.disclaimer-card.critical .disclaimer-icon{ background: #dc2626}.disclaimer-card.warning .disclaimer-icon{ background: #d97706}.disclaimer-card.info .disclaimer-icon{ background: var(--primary-color)}.disclaimer-content h3, .terms-item h3, .privacy-item h3{ font-size: 1.25rem;margin-bottom: 12px;color: var(--text-primary)}.disclaimer-content p, .terms-item p, .privacy-item p{ color: var(--text-secondary);line-height: 1.6;margin-bottom: 16px}.disclaimer-content ul, .terms-item ul, .privacy-item ul{ color: var(--text-secondary);line-height: 1.6;margin-bottom: 16px;padding-left: 20px}.disclaimer-content li, .terms-item li, .privacy-item li{ margin-bottom: var(--space-sm)}.legal-contact{ margin-top: 48px}.legal-section{ padding: var(--space-5xl) 0 var(--space-4xl);background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);min-height: 100vh;display: flex;align-items: center;justify-content: center}.legal-header{ text-align: center;margin-bottom: 60px;max-width: 800px;margin-left: auto;margin-right: auto}.legal-title{ font-size: 3.5rem;font-weight: 700;background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 20px;line-height: 1.2;letter-spacing: -0.02em}.legal-subtitle{ font-size: 1.25rem;color: var(--text-secondary);max-width: 600px;margin: 0 auto;line-height: 1.6;font-weight: 400}.legal-content{ max-width: 1200px;margin: 0 auto;width: 100%;padding: 0 20px;display: flex;flex-direction: column;align-items: center}.legal-tabs{ display: flex;gap: var(--space-md);margin-bottom: 48px;flex-wrap: wrap;justify-content: center;align-items: center;padding: 0 20px;width: 100%;max-width: 800px}.tab-btn{ padding: 18px 36px;background: var(--bg-tertiary);border: 2px solid var(--border-color);border-radius: 16px;color: var(--text-secondary);font-weight: 600;font-size: 1.1rem;cursor: pointer;transition: all 0.3s ease;position: relative;overflow: hidden;min-width: 180px;text-align: center;letter-spacing: 0.01em}.tab-btn:hover{ background: var(--bg-card);border-color: var(--primary-color);color: var(--text-primary);transform: translateY(-2px)}.tab-btn.active{ background: var(--gradient-primary);border-color: var(--primary-color);color: white;box-shadow: 0 4px 20px rgba(99, 102, 241, 0.3)}.tab-btn.active::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);animation: shimmer 2s infinite}.legal-tab-content{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 24px;padding: 48px;box-shadow: var(--shadow-2xl);min-height: 600px;max-width: 1000px;margin: 0 auto;position: relative;width: 100%}.tab-panel{ display: none}.tab-panel.active{ display: block;animation: fadeIn 0.3s ease}@keyframes fadeIn{ from{ opacity: 0;transform: translateY(20px)}to{ opacity: 1;transform: translateY(0)}}.section-title{ font-size: 2.25rem;font-weight: 700;color: var(--text-primary);margin-bottom: var(--space-2xl);text-align: center;position: relative;letter-spacing: -0.01em;line-height: 1.3}.section-title::after{ content: '';position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);width: 80px;height: 4px;background: var(--gradient-primary);border-radius: 2px}.disclaimer-section{ display: flex;flex-direction: column;gap: 28px;max-width: 900px;margin: 0 auto}.disclaimer-card{ background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: 20px;padding: 32px;display: flex;align-items: flex-start;gap: var(--space-lg);transition: all 0.3s ease;position: relative;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)}.disclaimer-card:hover{ background: var(--bg-card);border-color: var(--primary-color);transform: translateY(-2px);box-shadow: var(--shadow-lg)}.disclaimer-card.critical{ border-left: 4px solid var(--error-color);background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), var(--bg-tertiary))}.disclaimer-card.warning{ border-left: 4px solid var(--warning-color);background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), var(--bg-tertiary))}.disclaimer-card.info{ border-left: 4px solid var(--primary-color);background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), var(--bg-tertiary))}.disclaimer-icon{ width: 56px;height: 56px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;flex-shrink: 0;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15)}.disclaimer-card.critical .disclaimer-icon{ background: var(--error-color);color: white}.disclaimer-card.warning .disclaimer-icon{ background: var(--warning-color);color: white}.disclaimer-card.info .disclaimer-icon{ background: var(--primary-color);color: white}.disclaimer-content{ flex: 1;padding-top: 4px}.disclaimer-content h3{ font-size: 1.4rem;font-weight: 700;color: var(--text-primary);margin-bottom: 16px;line-height: 1.3;letter-spacing: -0.01em}.disclaimer-content p{ color: var(--text-secondary);line-height: 1.7;font-size: 1.05rem;font-weight: 400}.terms-section{ display: flex;flex-direction: column;gap: 40px;max-width: 900px;margin: 0 auto}.terms-content{ display: flex;flex-direction: column;gap: 32px}.terms-item{ background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: 20px;padding: 32px;transition: all 0.3s ease;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)}.terms-item:hover{ background: var(--bg-card);border-color: var(--primary-color);transform: translateY(-2px);box-shadow: var(--shadow-lg)}.terms-item h3{ font-size: 1.4rem;font-weight: 700;color: var(--text-primary);margin-bottom: 20px;display: flex;align-items: center;gap: var(--space-md);letter-spacing: -0.01em;line-height: 1.3}.terms-item h3::before{ content: counter(section);counter-increment: section;background: var(--gradient-primary);color: white;width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1rem;font-weight: 700;flex-shrink: 0;box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3)}.terms-content{ counter-reset: section}.terms-item p{ color: var(--text-secondary);line-height: 1.7;margin-bottom: 20px;font-size: 1.05rem;font-weight: 400}.terms-item ul{ list-style: none;padding-left: 0;margin-top: 16px}.terms-item li{ color: var(--text-secondary);line-height: 1.7;margin-bottom: 12px;padding-left: 28px;position: relative;font-size: 1.05rem;font-weight: 400}.terms-item li::before{ content: '•';color: var(--primary-color);font-weight: bold;font-size: 1.2rem;position: absolute;left: 0;top: 0}.privacy-section{ display: flex;flex-direction: column;gap: 40px;max-width: 900px;margin: 0 auto}.privacy-content{ display: flex;flex-direction: column;gap: 32px}.privacy-item{ background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: 20px;padding: 32px;transition: all 0.3s ease;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)}.privacy-item:hover{ background: var(--bg-card);border-color: var(--primary-color);transform: translateY(-2px);box-shadow: var(--shadow-lg)}.privacy-item h3{ font-size: 1.4rem;font-weight: 700;color: var(--text-primary);margin-bottom: 20px;display: flex;align-items: center;gap: var(--space-md);letter-spacing: -0.01em;line-height: 1.3}.privacy-item h3 i{ color: var(--primary-color);font-size: 1.3rem;width: 24px;text-align: center}.privacy-item p{ color: var(--text-secondary);line-height: 1.7;margin-bottom: 20px;font-size: 1.05rem;font-weight: 400}.privacy-item ul{ list-style: none;padding-left: 0;margin-top: 16px}.privacy-item li{ color: var(--text-secondary);line-height: 1.7;margin-bottom: 12px;padding-left: 28px;position: relative;font-size: 1.05rem;font-weight: 400}.privacy-item li::before{ content: '•';color: var(--primary-color);font-weight: bold;font-size: 1.2rem;position: absolute;left: 0;top: 0}.legal-contact{ margin-top: 48px;display: flex;justify-content: center;align-items: center;width: 100%}.legal-contact .contact-card{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 24px;padding: 40px;display: flex;align-items: center;gap: var(--space-xl);max-width: 800px;width: 100%;transition: all 0.3s ease;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1)}.legal-contact .contact-card:hover{ transform: translateY(-4px);box-shadow: var(--shadow-xl);border-color: var(--primary-color)}.legal-contact .contact-icon{ width: 80px;height: 80px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 2rem;color: white;flex-shrink: 0;box-shadow: 0 8px 25px rgba(99, 102, 241, 0.3)}.legal-contact .contact-content{ flex: 1;text-align: left}.legal-contact .contact-content h3{ font-size: 1.6rem;font-weight: 700;color: var(--text-primary);margin-bottom: 12px;letter-spacing: -0.01em;line-height: 1.3}.legal-contact .contact-content p{ color: var(--text-secondary);line-height: 1.7;margin-bottom: var(--space-lg);font-size: 1.05rem;font-weight: 400}.legal-contact .contact-buttons{ display: flex;gap: var(--space-md);flex-wrap: wrap;margin-top: var(--space-lg)}.legal-contact .contact-item{ display: flex;align-items: center;gap: var(--space-md);color: var(--text-secondary);font-weight: 400;font-size: 1.05rem;padding: 12px 20px;background: var(--bg-tertiary);border-radius: 12px;border: 1px solid var(--border-color);transition: all 0.3s ease;min-width: 200px;justify-content: center}.legal-contact .contact-item:hover{ background: var(--bg-card);border-color: var(--primary-color);transform: translateY(-2px)}.legal-contact .contact-item i{ color: var(--primary-color);font-size: 1.2rem;width: 24px;text-align: center}@media (max-width: 768px){ .legal-section{ padding: 100px 0 60px;align-items: flex-start;justify-content: flex-start}.legal-header{ margin-bottom: var(--space-2xl);padding: 0 20px}.legal-title{ font-size: 2.5rem;line-height: 1.1}.legal-subtitle{ font-size: 1.1rem;line-height: 1.5}.legal-content{ padding: 0 20px}.legal-tabs{ flex-direction: column;gap: var(--space-md);padding: 0 10px}.tab-btn{ width: 100%;text-align: center;min-width: auto;padding: 16px 24px;font-size: 1rem}.legal-tab-content{ padding: 32px 24px;margin: 0 10px;border-radius: 20px}.section-title{ font-size: 1.8rem;margin-bottom: var(--space-xl)}.disclaimer-card{ flex-direction: column;text-align: center;gap: 20px;padding: 24px}.disclaimer-icon{ align-self: center;width: 48px;height: 48px;font-size: 1.2rem}.disclaimer-content h3{ font-size: 1.2rem;margin-bottom: 12px}.disclaimer-content p{ font-size: 1rem;line-height: 1.6}.terms-item{ padding: 24px}.terms-item h3{ font-size: 1.2rem;margin-bottom: 16px}.terms-item h3::before{ width: 28px;height: 28px;font-size: 0.9rem}.terms-item p{ font-size: 1rem;line-height: 1.6}.privacy-item{ padding: 24px}.privacy-item h3{ font-size: 1.2rem;margin-bottom: 16px;flex-direction: column;gap: var(--space-sm);text-align: center}.privacy-item p{ font-size: 1rem;line-height: 1.6}.legal-contact .contact-card{ flex-direction: column;text-align: center;padding: 32px 24px;margin: 0 20px}.legal-contact .contact-icon{ width: 60px;height: 60px;font-size: 1.5rem}.legal-contact .contact-content{ text-align: center}.legal-contact .contact-content h3{ font-size: 1.4rem;margin-bottom: 16px}.legal-contact .contact-content p{ font-size: 1rem;margin-bottom: var(--space-lg)}.legal-contact .contact-buttons{ flex-direction: column;align-items: center}}@media (max-width: 480px){ .legal-section{ padding: 80px 0 40px}.legal-title{ font-size: 2rem}.legal-tab-content{ padding: 24px 16px;border-radius: 16px}.disclaimer-card, .terms-item, .privacy-item{ padding: var(--space-lg);margin-bottom: var(--space-lg);background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;transition: all 0.3s ease}.disclaimer-card:hover, .terms-item:hover, .privacy-item:hover{ transform: translateY(-2px);box-shadow: var(--shadow-lg);border-color: var(--primary-color)}.disclaimer-card{ display: flex;align-items: flex-start;gap: var(--space-lg)}.disclaimer-icon{ width: 50px;height: 50px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;color: white;flex-shrink: 0}.disclaimer-content h3{ font-size: 1.25rem;font-weight: 700;color: var(--text-primary);margin-bottom: var(--space-sm)}.disclaimer-content p{ color: var(--text-secondary);line-height: 1.6}.terms-item h3, .privacy-item h3{ font-size: 1.25rem;font-weight: 700;color: var(--text-primary);margin-bottom: var(--space-md);display: flex;align-items: center;gap: var(--space-sm)}.terms-item h3::before, .privacy-item h3::before{ content: attr(data-number);width: 30px;height: 30px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.875rem;font-weight: 700;color: white;flex-shrink: 0}.terms-item p, .privacy-item p{ color: var(--text-secondary);line-height: 1.6;margin-bottom: var(--space-sm)}.terms-item ul, .privacy-item ul{ margin-left: var(--space-lg);margin-bottom: var(--space-md)}.terms-item li, .privacy-item li{ color: var(--text-secondary);line-height: 1.6;margin-bottom: var(--space-xs)}.legal-contact .contact-info{ flex-direction: column;gap: var(--space-md)}}.contact-methods{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-lg);margin-bottom: 48px}.contact-method{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px;text-align: center}.method-icon{ width: 60px;height: 60px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: white;margin: 0 auto 16px}.contact-method h3{ font-size: 1.25rem;margin-bottom: var(--space-sm);color: var(--text-primary)}.contact-method p{ color: var(--text-secondary);margin-bottom: 12px}.contact-link{ color: var(--primary-color);text-decoration: none;font-weight: 600}.contact-link:hover{ text-decoration: underline}.contact-detail{ color: var(--text-muted);font-size: 0.875rem}.contact-topics{ margin-bottom: var(--space-xl)}.contact-topics h3{ font-size: 1.5rem;margin-bottom: 20px;color: var(--text-primary)}.topic-list{ display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.topic-item{ display: flex;align-items: center;gap: var(--space-md);padding: 12px 16px;background: var(--bg-secondary);border-radius: 8px;color: var(--text-secondary);font-weight: 500}.topic-item i{ color: var(--primary-color);font-size: 1.125rem}.contact-faq{ margin-top: 48px}.faq-links{ display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-lg);margin-top: 32px}.faq-link{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px;text-decoration: none;color: var(--text-primary);transition: all 0.3s ease;display: flex;align-items: center;gap: var(--space-md)}.faq-link:hover{ transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--primary-color)}.faq-link-icon{ width: 50px;height: 50px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;color: white;flex-shrink: 0}.faq-link-content h3{ font-size: 1.125rem;margin-bottom: var(--space-sm);color: var(--text-primary)}.faq-link-content p{ color: var(--text-secondary);font-size: 0.875rem;line-height: 1.5}.admin-pending{ margin-bottom: 48px}.pending-table-container{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px}.admin-table{ width: 100%;border-collapse: collapse}.admin-table th, .admin-table td{ padding: var(--space-md);text-align: left;border-bottom: 1px solid var(--border-color)}.admin-table th{ background: var(--bg-secondary);color: var(--text-primary);font-weight: 600}.admin-table td{ color: var(--text-secondary)}.user-info{ display: flex;flex-direction: column;gap: var(--space-xs)}.user-info strong{ color: var(--text-primary);font-weight: 600}.user-info small{ color: var(--text-muted);font-size: 0.875rem}.transaction-id{ background: var(--bg-secondary);padding: 4px 8px;border-radius: 4px;font-family: 'Courier New', monospace;font-size: 0.875rem;color: var(--text-primary)}.admin-actions{ display: flex;gap: var(--space-sm);flex-wrap: wrap}.table-actions{ display: flex;gap: var(--space-sm)}.admin-activity{ margin-top: 48px}.activity-list{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px}.activity-item{ display: flex;align-items: flex-start;gap: var(--space-md);padding: 16px 0;border-bottom: 1px solid var(--border-color)}.activity-item:last-child{ border-bottom: none}.activity-icon{ width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1rem;color: white;flex-shrink: 0}.activity-icon i{ color: var(--success-color)}.activity-content h4{ font-size: 1rem;margin-bottom: var(--space-xs);color: var(--text-primary)}.activity-content p{ color: var(--text-secondary);font-size: 0.875rem;line-height: 1.5;margin-bottom: var(--space-sm)}.activity-time{ font-size: 0.75rem;color: var(--text-muted)}.empty-activity{ text-align: center;padding: 32px;color: var(--text-muted)}.modal{ display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1000}.modal-content{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 32px;max-width: 500px;width: 90%}.modal-header{ display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--space-lg)}.modal-header h3{ font-size: 1.5rem;color: var(--text-primary)}.modal-close{ background: none;border: none;font-size: 1.5rem;color: var(--text-muted);cursor: pointer}.modal-actions{ display: flex;gap: var(--space-md);justify-content: flex-end;margin-top: 24px}.disclaimer-box{ background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: 8px;padding: var(--space-lg);margin-bottom: var(--space-lg)}.disclaimer-item{ display: flex;align-items: center;gap: var(--space-md);margin-bottom: 12px;color: var(--text-secondary);font-weight: 500}.disclaimer-item:last-child{ margin-bottom: 0}.disclaimer-item i{ color: #f59e0b;font-size: 1.125rem}.fund-transfer-footer{ margin-top: 32px;padding-top: 24px;border-top: 1px solid var(--border-color);text-align: center}.fund-transfer-footer p{ color: var(--text-muted);font-size: 0.875rem;line-height: 1.6;margin-bottom: 12px}.fund-transfer-footer .link{ color: var(--primary-color);text-decoration: none;font-weight: 500}.fund-transfer-footer .link:hover{ text-decoration: underline}.dashboard-actions{ margin-bottom: 48px}.dashboard-contributions{ margin-bottom: 48px}.dashboard-activity{ margin-top: 48px}.contributions-table-container{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px}.realtime-updates{ margin-bottom: 48px}.updates-grid{ display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-lg);margin-top: 32px}.update-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px}.update-header{ display: flex;align-items: center;gap: var(--space-md);margin-bottom: 20px;font-weight: 600;color: var(--text-primary)}.update-header i{ color: var(--primary-color);font-size: 1.125rem}.update-content{ display: flex;flex-direction: column;gap: var(--space-md)}.activity-item{ display: flex;align-items: flex-start;gap: var(--space-md);padding: var(--space-md) 0;border-bottom: 1px solid var(--border-color)}.activity-item:last-child{ border-bottom: none}.activity-icon{ width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.875rem;color: white;flex-shrink: 0}.activity-icon.success{ background: var(--success-color)}.activity-icon.info{ background: var(--primary-color)}.activity-icon.warning{ background: #f59e0b}.activity-text{ flex: 1;display: flex;flex-direction: column;gap: var(--space-xs)}.activity-text strong{ color: var(--text-primary);font-size: 0.875rem}.activity-text span{ color: var(--text-secondary);font-size: 0.75rem}.activity-time{ font-size: 0.75rem;color: var(--text-muted);white-space: nowrap}.progress-chart{ display: flex;flex-direction: column;gap: var(--space-md)}.chart-bar{ display: flex;flex-direction: column;gap: var(--space-sm)}.bar-fill{ height: 8px;background: var(--gradient-primary);border-radius: 4px;transition: width 0.3s ease}.bar-label{ font-size: 0.875rem;color: var(--text-secondary);font-weight: 500}.stat-detail{ font-size: 0.875rem;color: var(--text-muted);margin-top: 8px}.distribution-examples{ margin-bottom: 48px}.examples-grid{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-lg);margin-top: 32px}.example-card{ background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 24px;transition: all 0.3s ease}.example-card:hover{ transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--primary-color)}.example-card.featured{ border-color: var(--primary-color);background: rgba(99, 102, 241, 0.05);position: relative}.example-card.featured::before{ content: 'Most Popular';position: absolute;top: -8px;right: 16px;background: var(--primary-color);color: white;padding: 4px 12px;border-radius: 12px;font-size: 0.75rem;font-weight: 600}.example-header{ display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;padding-bottom: 16px;border-bottom: 1px solid var(--border-color)}.example-header h3{ font-size: 1.125rem;color: var(--text-primary);margin: 0}.example-amount{ font-size: 1.5rem;font-weight: 700;color: var(--primary-color)}.example-details{ display: flex;flex-direction: column;gap: var(--space-md)}.detail-row{ display: flex;justify-content: space-between;align-items: center;padding: 8px 0}.detail-row span:first-child{ color: var(--text-secondary);font-size: 0.875rem}.detail-row strong{ color: var(--text-primary);font-weight: 600}.level-badge{ padding: 4px 12px;border-radius: 12px;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px}.level-badge.supporter{ background: rgba(34, 197, 94, 0.1);color: #16a34a}.level-badge.contributor{ background: rgba(99, 102, 241, 0.1);color: var(--primary-color)}.level-badge.champion{ background: rgba(245, 158, 11, 0.1);color: #d97706}@media (max-width: 768px){ .distribution-stats{ grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.updates-grid{ grid-template-columns: 1fr;gap: var(--space-md)}.distribution-grid{ grid-template-columns: 1fr;gap: var(--space-md)}.examples-grid{ grid-template-columns: 1fr;gap: var(--space-md)}.pro-rata-card{ flex-direction: column;text-align: center}.stat-card{ padding: 24px}.stat-number{ font-size: 1.75rem}.stat-icon{ width: 50px;height: 50px;font-size: 1.25rem;margin-bottom: 16px}.distribution-cta{ padding: var(--space-4xl) 0}.distribution-cta h2{ font-size: 2rem}.distribution-cta .cta-buttons{ flex-direction: column;align-items: center}.timeline-container::before{ left: 30px}.timeline-item{ flex-direction: row !important;margin-left: 60px}.timeline-marker{ width: 60px;height: 60px;position: absolute;left: -90px}.timeline-content{ margin: 0;max-width: none}.faq-links{ grid-template-columns: 1fr;gap: var(--space-md)}.contact-methods{ grid-template-columns: 1fr;gap: var(--space-md)}.topic-list{ grid-template-columns: 1fr;gap: var(--space-md)}.admin-table{ font-size: 0.875rem}.admin-table th, .admin-table td{ padding: 12px 8px}.admin-actions{ flex-direction: column;gap: var(--space-xs)}}@media (max-width: 480px){ .distribution-stats{ grid-template-columns: 1fr;gap: var(--space-sm)}.distribution-grid{ grid-template-columns: 1fr;gap: var(--space-sm)}.stat-card{ padding: 20px}.stat-number{ font-size: 1.5rem}.stat-icon{ width: 45px;height: 45px;font-size: 1.125rem;margin-bottom: 12px}.distribution-cta{ padding: var(--space-3xl) 0}.distribution-cta h2{ font-size: 1.75rem}.distribution-cta p{ font-size: 1rem}.contact-buttons{ flex-direction: column}.modal-content{ padding: var(--space-lg);margin: 20px}.admin-table{ font-size: 0.75rem}.admin-table th, .admin-table td{ padding: 8px 4px}}.contribute-section{ padding: var(--space-5xl) 0 var(--space-4xl);background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);min-height: 100vh}.trust-section{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 20px;padding: 32px;margin-bottom: 48px;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1)}.trust-badges{ display: flex;justify-content: center;gap: var(--space-lg);margin-bottom: var(--space-xl);flex-wrap: wrap}.trust-badge{ display: flex;align-items: center;gap: var(--space-sm);background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: 12px;padding: 12px 20px;color: var(--text-primary);font-weight: 600;font-size: 0.95rem;transition: all 0.3s ease}.trust-badge:hover{ background: var(--bg-card);border-color: var(--primary-color);transform: translateY(-2px)}.trust-badge i{ color: var(--success-color);font-size: 1.1rem}.trust-stats{ display: flex;justify-content: center;gap: 48px;flex-wrap: wrap}.trust-stat{ text-align: center;background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: 16px;padding: 24px;min-width: 120px;transition: all 0.3s ease}.trust-stat:hover{ background: var(--bg-card);border-color: var(--primary-color);transform: translateY(-2px)}.trust-number{ font-size: 1.8rem;font-weight: 700;color: var(--primary-color);margin-bottom: var(--space-sm);line-height: 1.2}.trust-label{ font-size: 0.9rem;color: var(--text-secondary);font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px}.contribute-header{ text-align: center;margin-bottom: 60px}.contribute-title{ font-size: 3.5rem;font-weight: 700;background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 20px;line-height: 1.2}.contribute-subtitle{ font-size: 1.25rem;color: var(--text-secondary);max-width: 600px;margin: 0 auto;line-height: 1.6}.contribute-content{ display: grid;grid-template-columns: 1fr 400px;gap: var(--space-3xl);align-items: start}.contribute-form-container{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 24px;padding: 40px;box-shadow: var(--shadow-2xl)}.contribute-form{ display: flex;flex-direction: column;gap: var(--space-lg)}.form-row{ display: grid;grid-template-columns: 1fr 1fr;gap: 20px}.form-group{ display: flex;flex-direction: column;gap: var(--space-sm)}.form-group label{ font-weight: 600;color: var(--text-primary);font-size: 0.95rem}.form-group input, .form-group select{ padding: 16px 20px;background: var(--bg-tertiary);border: 2px solid var(--border-color);border-radius: 12px;color: var(--text-primary);font-size: 1rem;transition: all 0.3s ease}.form-group input:focus, .form-group select:focus{ outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);background: var(--bg-card)}.form-group input::placeholder{ color: var(--text-muted)}.form-group.full-width{ grid-column: 1 / -1}.amount-input{ position: relative}.amount-input::before{ content: '₹';position: absolute;left: 20px;top: 50%;transform: translateY(-50%);color: var(--text-secondary);font-weight: 600;font-size: 1.1rem;z-index: 1}.amount-input input{ padding-left: 45px;font-size: 1.1rem;font-weight: 600}.edu-p-display{ background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));padding: var(--space-lg);border-radius: 16px;text-align: center;margin: 20px 0}.edu-p-display h4{ color: white;font-size: 1.1rem;margin-bottom: var(--space-sm)}.edu-p-display .edu-p-amount{ font-size: 2rem;font-weight: 700;color: white;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}.edu-p-display .edu-p-label{ color: rgba(255, 255, 255, 0.9);font-size: 0.9rem;margin-top: 4px}.submit-btn{ background: var(--gradient-primary);color: white;border: none;padding: 18px 32px;border-radius: 16px;font-size: 1.1rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: var(--space-md);margin-top: 20px}.submit-btn:hover{ transform: translateY(-2px);box-shadow: 0 10px 30px rgba(99, 102, 241, 0.4)}.submit-btn:active{ transform: translateY(0)}.submit-btn:disabled{ opacity: 0.6;cursor: not-allowed;transform: none}.contribute-info{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 24px;padding: 40px;box-shadow: var(--shadow-2xl);height: fit-content;position: sticky;top: 120px}.info-section{ margin-bottom: var(--space-xl)}.info-section:last-child{ margin-bottom: 0}.info-section h3{ color: var(--text-primary);font-size: 1.25rem;font-weight: 600;margin-bottom: 16px;display: flex;align-items: center;gap: var(--space-md)}.info-section h3 i{ color: var(--primary-color);font-size: 1.1rem}.info-list{ list-style: none;display: flex;flex-direction: column;gap: var(--space-md)}.info-list li{ color: var(--text-secondary);font-size: 0.95rem;line-height: 1.5;display: flex;align-items: flex-start;gap: var(--space-md)}.info-list li::before{ content: '✓';color: var(--success-color);font-weight: bold;font-size: 1rem;margin-top: 2px}.payment-methods{ display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-md);margin-top: 16px}.payment-method{ background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: 12px;padding: var(--space-md);text-align: center;transition: all 0.3s ease}.payment-method:hover{ border-color: var(--primary-color);background: var(--bg-card)}.payment-method i{ font-size: 1.5rem;color: var(--primary-color);margin-bottom: var(--space-sm)}.payment-method span{ display: block;color: var(--text-primary);font-weight: 600;font-size: 0.9rem}.contribution-limits{ background: linear-gradient(135deg, var(--warning-color), #f97316);padding: var(--space-lg);border-radius: 16px;text-align: center}.contribution-limits h4{ color: white;font-size: 1.1rem;margin-bottom: 12px}.limit-item{ display: flex;justify-content: space-between;align-items: center;color: white;margin-bottom: var(--space-sm)}.limit-item:last-child{ margin-bottom: 0}.limit-label{ font-size: 0.9rem}.limit-value{ font-weight: 600;font-size: 1rem}.success-message{ background: linear-gradient(135deg, var(--success-color), #059669);color: white;padding: 32px;border-radius: 20px;text-align: center;margin-bottom: 30px}.success-message i{ font-size: 3rem;margin-bottom: 20px;display: block}.success-message h3{ font-size: 1.5rem;margin-bottom: 12px}.success-message p{ font-size: 1.1rem;opacity: 0.9;line-height: 1.6}@media (max-width: 1024px){ .contribute-content{ grid-template-columns: 1fr;gap: 40px}.contribute-info{ position: static;order: -1}.contribute-title{ font-size: 3rem}}@media (max-width: 768px){ .contribute-section{ padding: 100px 0 60px}.contribute-header{ margin-bottom: var(--space-2xl)}.contribute-title{ font-size: 2.5rem}.contribute-subtitle{ font-size: 1.1rem}.contribute-form-container, .contribute-info{ padding: 30px 20px;border-radius: 20px}.form-row{ grid-template-columns: 1fr;gap: var(--space-md)}.payment-methods{ grid-template-columns: 1fr}.edu-p-display .edu-p-amount{ font-size: 1.75rem}}@media (max-width: 480px){ .contribute-section{ padding: 80px 0 40px}.contribute-title{ font-size: 2rem}.contribute-form-container, .contribute-info{ padding: 24px 16px;border-radius: 16px}.form-group input, .form-group select{ padding: 14px 16px;font-size: 0.95rem}.submit-btn{ padding: 16px 24px;font-size: 1rem}.edu-p-display{ padding: var(--space-md)}.edu-p-display .edu-p-amount{ font-size: 1.5rem}}.leaderboard-section{ padding: var(--space-5xl) 0 var(--space-4xl);background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);min-height: 100vh}.leaderboard-header{ text-align: center;margin-bottom: 60px}.leaderboard-title{ font-size: 3.5rem;font-weight: 700;background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 20px;line-height: 1.2}.leaderboard-subtitle{ font-size: 1.25rem;color: var(--text-secondary);max-width: 600px;margin: 0 auto;line-height: 1.6}.leaderboard-stats{ display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: var(--space-lg);margin-bottom: 60px}.stat-card{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 20px;padding: 32px;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden}.stat-card::before{ content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--gradient-primary)}.stat-card:hover{ transform: translateY(-4px);box-shadow: var(--shadow-xl);border-color: var(--primary-color)}.stat-icon{ width: 60px;height: 60px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;font-size: 1.5rem;color: white}.stat-number{ font-size: 2.5rem;font-weight: 700;color: var(--text-primary);margin-bottom: var(--space-sm);line-height: 1}.stat-label{ color: var(--text-secondary);font-size: 1rem;font-weight: 500}.leaderboard-content{ display: grid;grid-template-columns: 2fr 1fr;gap: 40px;align-items: start}.top-contributors{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 24px;padding: 40px;box-shadow: var(--shadow-2xl)}.top-contributors h2{ font-size: 1.75rem;font-weight: 600;color: var(--text-primary);margin-bottom: var(--space-xl);text-align: center;display: flex;align-items: center;justify-content: center;gap: var(--space-md)}.contributors-list{ display: flex;flex-direction: column;gap: var(--space-md)}.contributor-item{ background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: 16px;padding: 24px;display: flex;align-items: center;gap: 20px;transition: all 0.3s ease;position: relative}.contributor-item:hover{ background: var(--bg-card);border-color: var(--primary-color);transform: translateX(4px)}.contributor-item.top-1{ background: linear-gradient(135deg, #ffd700, #ffed4e);border-color: #ffd700;color: #1a1a2e}.contributor-item.top-1 .contributor-rank{ background: #1a1a2e;color: #ffd700}.contributor-item.top-2{ background: linear-gradient(135deg, #c0c0c0, #e8e8e8);border-color: #c0c0c0;color: #1a1a2e}.contributor-item.top-2 .contributor-rank{ background: #1a1a2e;color: #c0c0c0}.contributor-item.top-3{ background: linear-gradient(135deg, #cd7f32, #daa520);border-color: #cd7f32;color: #1a1a2e}.contributor-item.top-3 .contributor-rank{ background: #1a1a2e;color: #cd7f32}.contributor-rank{ width: 40px;height: 40px;background: var(--primary-color);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.1rem;flex-shrink: 0}.contributor-info{ flex: 1;min-width: 0}.contributor-name{ font-size: 1.1rem;font-weight: 600;color: var(--text-primary);margin-bottom: var(--space-xs);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.contributor-details{ display: flex;align-items: center;gap: var(--space-md);font-size: 0.9rem;color: var(--text-secondary)}.contributor-amount{ font-size: 1.25rem;font-weight: 700;color: var(--success-color);text-align: right;min-width: 100px}.contributor-amount .currency{ font-size: 0.9rem;color: var(--text-muted);margin-right: 4px}.empty-state{ text-align: center;padding: 60px 20px;color: var(--text-secondary)}.empty-state i{ font-size: 4rem;color: var(--text-muted);margin-bottom: var(--space-lg);display: block}.empty-state h3{ font-size: 1.5rem;color: var(--text-primary);margin-bottom: 12px}.empty-state p{ font-size: 1.1rem;margin-bottom: var(--space-xl);max-width: 400px;margin-left: auto;margin-right: auto}.recent-contributions{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 24px;padding: 40px;box-shadow: var(--shadow-2xl);height: fit-content;position: sticky;top: 120px}.recent-contributions h3{ font-size: 1.5rem;font-weight: 600;color: var(--text-primary);margin-bottom: var(--space-lg);display: flex;align-items: center;gap: var(--space-md)}.recent-list{ display: flex;flex-direction: column;gap: var(--space-md)}.recent-item{ background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: 12px;padding: var(--space-md);transition: all 0.3s ease}.recent-item:hover{ background: var(--bg-card);border-color: var(--primary-color)}.recent-name{ font-weight: 600;color: var(--text-primary);margin-bottom: var(--space-xs);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.recent-amount{ font-size: 1.1rem;font-weight: 700;color: var(--success-color);margin-bottom: var(--space-xs)}.recent-time{ font-size: 0.85rem;color: var(--text-muted)}.recent-country{ font-size: 0.9rem;color: var(--text-secondary);margin-top: 4px}.progress-section{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: 24px;padding: 40px;margin-top: 40px;box-shadow: var(--shadow-2xl)}.progress-header{ text-align: center;margin-bottom: var(--space-xl)}.progress-title{ font-size: 1.75rem;font-weight: 600;color: var(--text-primary);margin-bottom: 12px}.progress-subtitle{ color: var(--text-secondary);font-size: 1.1rem}.progress-bar-container{ background: var(--bg-tertiary);border-radius: 12px;height: 20px;overflow: hidden;margin-bottom: 16px;position: relative}.progress-bar{ height: 100%;background: var(--gradient-primary);border-radius: 12px;transition: width 1s ease;position: relative}.progress-bar::after{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);animation: shimmer 2s infinite}@keyframes shimmer{ 0%{ transform: translateX(-100%)}100%{ transform: translateX(100%)}}.progress-stats{ display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 20px;margin-top: 24px}.progress-stat{ text-align: center;padding: var(--space-md);background: var(--bg-tertiary);border-radius: 12px;border: 1px solid var(--border-color)}.progress-stat-value{ font-size: 1.5rem;font-weight: 700;color: var(--text-primary);margin-bottom: var(--space-xs)}.progress-stat-label{ font-size: 0.9rem;color: var(--text-secondary)}@media (max-width: 1024px){ .leaderboard-content{ grid-template-columns: 1fr;gap: 40px}.recent-contributions{ position: static;order: -1}.leaderboard-title{ font-size: 3rem}}@media (max-width: 768px){ .leaderboard-section{ padding: 100px 0 60px}.leaderboard-header{ margin-bottom: var(--space-2xl)}.leaderboard-title{ font-size: 2.5rem}.leaderboard-subtitle{ font-size: 1.1rem}.leaderboard-stats{ grid-template-columns: 1fr;gap: 20px}.top-contributors, .recent-contributions, .progress-section{ padding: 30px 20px;border-radius: 20px}.contributor-item{ padding: var(--space-lg);gap: var(--space-md)}.contributor-rank{ width: 36px;height: 36px;font-size: 1rem}.stat-number{ font-size: 2rem}}@media (max-width: 480px){ .leaderboard-section{ padding: 80px 0 40px}.leaderboard-title{ font-size: 2rem}.top-contributors, .recent-contributions, .progress-section{ padding: 24px 16px;border-radius: 16px}.contributor-item{ padding: var(--space-md);gap: var(--space-md);flex-direction: column;text-align: center}.contributor-amount{ text-align: center;min-width: auto}.stat-card{ padding: 24px 16px}.stat-number{ font-size: 1.75rem}.progress-stats{ grid-template-columns: 1fr;gap: var(--space-md)}}i[class*="fa-"]{ display: inline-flex;align-items: center;justify-content: center;transition: all 0.3s ease}.icon-xs{ font-size: var(--icon-xs) !important}.icon-sm{ font-size: var(--icon-sm) !important}.icon-md{ font-size: var(--icon-md) !important}.icon-lg{ font-size: var(--icon-lg) !important}.icon-xl{ font-size: var(--icon-xl) !important}.icon-2xl{ font-size: var(--icon-2xl) !important}.icon-3xl{ font-size: var(--icon-3xl) !important}.icon-primary{ color: var(--primary-color) !important}.icon-secondary{ color: var(--secondary-color) !important}.icon-success{ color: var(--success-color) !important}.icon-warning{ color: var(--warning-color) !important}.icon-error{ color: var(--error-color) !important}.icon-muted{ color: var(--text-muted) !important}.icon-gap-xs{ margin-right: var(--space-xs)}.icon-gap-sm{ margin-right: var(--space-sm)}.icon-gap-md{ margin-right: var(--space-md)}.icon-gap-lg{ margin-right: var(--space-lg)}.icon-gap-xl{ margin-right: var(--space-xl)}.nav-icon{ font-size: var(--icon-sm);margin-right: var(--space-sm)}.button-icon{ font-size: var(--icon-md);margin-right: var(--space-sm)}.card-icon{ font-size: var(--icon-2xl);color: var(--primary-color);margin-bottom: var(--space-md)}.stat-icon{ font-size: var(--icon-xl);color: var(--primary-color);margin-bottom: var(--space-sm)}.icon-spin{ animation: spin 1s linear infinite}.icon-pulse{ animation: pulse 2s infinite}.icon-bounce{ animation: bounce 1s infinite}@keyframes spin{ from{ transform: rotate(0deg)}to{ transform: rotate(360deg)}}@keyframes pulse{ 0%, 100%{ opacity: 1}50%{ opacity: 0.5}}@keyframes bounce{ 0%, 20%, 53%, 80%, 100%{ transform: translate3d(0,0,0)}40%, 43%{ transform: translate3d(0,-8px,0)}70%{ transform: translate3d(0,-4px,0)}90%{ transform: translate3d(0,-2px,0)}}.hero-social{ margin-top: var(--space-2xl);text-align: center}.social-label{ font-size: var(--font-sm);color: var(--text-secondary);margin-bottom: var(--space-md);font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px}.hero-social .social-links{ display: flex;justify-content: center;gap: var(--space-lg);flex-wrap: wrap}.hero-social .social-link{ display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-sm) var(--space-md);background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: var(--radius-xl);color: var(--text-primary);text-decoration: none;font-weight: 500;font-size: var(--font-sm);transition: all 0.3s ease;position: relative;overflow: hidden}.hero-social .social-link::before{ content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: var(--gradient-primary);transition: left 0.5s ease;z-index: -1}.hero-social .social-link:hover::before{ left: 0}.hero-social .social-link:hover{ color: white;border-color: var(--primary-color);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.3)}.hero-social .social-link i{ font-size: var(--icon-lg);transition: all 0.3s ease}.hero-social .social-link:hover i{ transform: scale(1.1)}.hero-social .social-link span{ font-weight: 600}@media (max-width: 768px){ .hero-social{ margin-top: var(--space-xl)}.hero-social .social-links{ gap: var(--space-md)}.hero-social .social-link{ padding: var(--space-sm) var(--space-sm);font-size: var(--font-xs)}.hero-social .social-link span{ display: none}}.sacrifice-hero{ min-height: 100vh;display: flex;align-items: center;background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #16213e 100%);position: relative;overflow: hidden;margin-top: 70px;padding: var(--space-5xl) 0 var(--space-4xl)}.sacrifice-hero::after{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 20% 20%, rgba(99, 102, 241, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(139, 92, 246, 0.15) 0%, transparent 50%), radial-gradient(circle at 40% 60%, rgba(6, 182, 212, 0.1) 0%, transparent 50%);animation: heroGlow 8s ease-in-out infinite alternate;pointer-events: none}@keyframes heroGlow{ 0%{ opacity: 0.3}100%{ opacity: 0.8}}.sacrifice-hero::before{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(120, 219, 255, 0.2) 0%, transparent 50%);pointer-events: none}.sacrifice-hero .hero-content{ text-align: center;position: relative;z-index: 2}.sacrifice-hero .hero-badge{ display: inline-flex;align-items: center;gap: var(--space-sm);background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);padding: var(--space-sm) var(--space-lg);color: var(--text-primary);font-weight: 600;font-size: var(--font-sm);margin-bottom: var(--space-xl);transition: all 0.3s ease}.sacrifice-hero .hero-badge:hover{ background: var(--gradient-primary);color: white;transform: translateY(-2px);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.3)}.sacrifice-hero .hero-title{ font-size: 5rem;font-weight: 900;line-height: 1.1;margin-bottom: var(--space-xl);color: var(--text-primary);letter-spacing: -0.02em;text-shadow: 0 0 30px rgba(168, 85, 247, 0.5), 0 0 60px rgba(99, 102, 241, 0.3), 0 0 90px rgba(6, 182, 212, 0.2);animation: titlePulse 3s ease-in-out infinite;position: relative}.sacrifice-hero .hero-title::before{ content: '';position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;background: linear-gradient(45deg, transparent, rgba(99, 102, 241, 0.1), transparent);border-radius: 20px;z-index: -1;animation: titleGlow 4s ease-in-out infinite}@keyframes titlePulse{ 0%, 100%{ transform: scale(1)}50%{ transform: scale(1.02)}}@keyframes titleGlow{ 0%, 100%{ opacity: 0.3}50%{ opacity: 0.8}}.sacrifice-hero .hero-description{ font-size: 1.25rem;color: var(--text-secondary);max-width: 800px;margin: 0 auto var(--space-2xl);line-height: 1.6}.sacrifice-hero .hero-stats{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-xl);margin-bottom: var(--space-2xl);max-width: 1000px;margin-left: auto;margin-right: auto;align-items: stretch}.sacrifice-hero .stat-card{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);padding: var(--space-xl);text-align: center;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 200px}.sacrifice-hero .stat-card::before{ content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: var(--gradient-primary);transition: left 0.5s ease;z-index: -1}.sacrifice-hero .stat-card:hover::before{ left: 0}.sacrifice-hero .stat-card:hover{ transform: translateY(-8px) scale(1.02);box-shadow: 0 20px 40px rgba(99, 102, 241, 0.3), 0 0 30px rgba(99, 102, 241, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);border-color: rgba(99, 102, 241, 0.5)}.sacrifice-hero .stat-icon{ width: 70px;height: 70px;background: var(--gradient-primary);border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;margin: 0 auto var(--space-md);font-size: 1.8rem;color: white;box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4), 0 0 20px rgba(99, 102, 241, 0.3);transition: all 0.3s ease;animation: iconFloat 3s ease-in-out infinite;position: relative}.sacrifice-hero .stat-icon::before{ content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: linear-gradient(45deg, rgba(99, 102, 241, 0.3), rgba(139, 92, 246, 0.3));border-radius: var(--radius-full);z-index: -1;animation: iconGlow 2s ease-in-out infinite alternate}@keyframes iconFloat{ 0%, 100%{ transform: translateY(0px) rotate(0deg)}50%{ transform: translateY(-3px) rotate(2deg)}}@keyframes iconGlow{ 0%{ opacity: 0.5}100%{ opacity: 1}}.sacrifice-hero .stat-content{ position: relative;z-index: 2}.sacrifice-hero .stat-number{ font-size: 3rem;font-weight: 800;color: var(--text-primary);margin-bottom: var(--space-xs);line-height: 1.2;text-shadow: 0 0 10px rgba(99, 102, 241, 0.5), 0 0 20px rgba(99, 102, 241, 0.3);animation: numberGlow 2s ease-in-out infinite alternate;position: relative}.sacrifice-hero .stat-number::after{ content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(45deg, transparent, rgba(99, 102, 241, 0.1), transparent);border-radius: 4px;animation: numberShimmer 3s ease-in-out infinite}@keyframes numberGlow{ 0%{ text-shadow: 0 0 10px rgba(99, 102, 241, 0.5), 0 0 20px rgba(99, 102, 241, 0.3)}100%{ text-shadow: 0 0 15px rgba(99, 102, 241, 0.8), 0 0 30px rgba(99, 102, 241, 0.5)}}@keyframes numberShimmer{ 0%{ transform: translateX(-100%)}100%{ transform: translateX(100%)}}.sacrifice-hero .stat-label{ font-size: var(--font-sm);color: var(--text-secondary);font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px}.trust-indicators{ display: flex;justify-content: center;gap: var(--space-xl);margin: var(--space-2xl) 0;flex-wrap: wrap}.trust-item{ display: flex;align-items: center;gap: var(--space-sm);background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: var(--radius-xl);padding: var(--space-sm) var(--space-lg);color: var(--text-primary);font-weight: 600;font-size: 0.9rem;transition: all 0.3s ease;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1)}.trust-item:hover{ transform: translateY(-2px);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.2);border-color: var(--primary-color)}.trust-item i{ color: var(--success-color);font-size: 1.1rem}.sacrifice-hero .hero-buttons{ display: flex;gap: var(--space-lg);justify-content: center;flex-wrap: wrap}.sacrifice-overview{ padding: var(--space-5xl) 0;background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%)}.overview-grid{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-xl);margin-top: var(--space-3xl);align-items: stretch}.overview-card{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);padding: var(--space-2xl);text-align: center;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 280px}.overview-card:hover{ transform: translateY(-8px) scale(1.02);box-shadow: 0 20px 40px rgba(99, 102, 241, 0.2), 0 0 30px rgba(99, 102, 241, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2);border-color: rgba(99, 102, 241, 0.3)}.overview-card::before{ content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.1), transparent);transition: left 0.6s ease;z-index: 1}.overview-card:hover::before{ left: 100%}.overview-card .card-icon{ width: 90px;height: 90px;background: var(--gradient-primary);border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;margin: 0 auto var(--space-lg);font-size: 2.2rem;color: white;box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4), 0 0 20px rgba(99, 102, 241, 0.3);transition: all 0.3s ease;animation: cardIconFloat 4s ease-in-out infinite;position: relative;z-index: 2}.overview-card .card-icon::before{ content: '';position: absolute;top: -3px;left: -3px;right: -3px;bottom: -3px;background: linear-gradient(45deg, rgba(99, 102, 241, 0.3), rgba(139, 92, 246, 0.3));border-radius: var(--radius-full);z-index: -1;animation: cardIconGlow 3s ease-in-out infinite alternate}@keyframes cardIconFloat{ 0%, 100%{ transform: translateY(0px) rotate(0deg)}50%{ transform: translateY(-4px) rotate(3deg)}}@keyframes cardIconGlow{ 0%{ opacity: 0.4}100%{ opacity: 0.8}}.overview-card h3{ font-size: 1.5rem;font-weight: 700;color: var(--text-primary);margin-bottom: var(--space-md);line-height: 1.3}.overview-card p{ color: var(--text-secondary);line-height: 1.6;font-size: var(--font-base)}.how-it-works{ padding: var(--space-5xl) 0;background: var(--bg-primary)}.process-timeline{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-2xl);margin-top: var(--space-3xl);position: relative;align-items: stretch}.timeline-item{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);padding: var(--space-2xl);text-align: center;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 300px}.timeline-item:hover{ transform: translateY(-8px) scale(1.02);box-shadow: 0 20px 40px rgba(99, 102, 241, 0.2), 0 0 30px rgba(99, 102, 241, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2);border-color: rgba(99, 102, 241, 0.3)}.timeline-number{ width: 70px;height: 70px;background: var(--gradient-primary);border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;margin: 0 auto var(--space-lg);font-size: 1.8rem;font-weight: 800;color: white;box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4), 0 0 20px rgba(99, 102, 241, 0.3);transition: all 0.3s ease;animation: timelineNumberPulse 2s ease-in-out infinite;position: relative}.timeline-number::before{ content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: linear-gradient(45deg, rgba(99, 102, 241, 0.3), rgba(139, 92, 246, 0.3));border-radius: var(--radius-full);z-index: -1;animation: timelineNumberGlow 3s ease-in-out infinite alternate}@keyframes timelineNumberPulse{ 0%, 100%{ transform: scale(1)}50%{ transform: scale(1.05)}}@keyframes timelineNumberGlow{ 0%{ opacity: 0.5}100%{ opacity: 1}}.timeline-content h3{ font-size: 1.4rem;font-weight: 700;color: var(--text-primary);margin-bottom: var(--space-md);line-height: 1.3}.timeline-content p{ color: var(--text-secondary);line-height: 1.6;font-size: var(--font-base)}.benefits{ padding: var(--space-5xl) 0;background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%)}.benefits-grid{ display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-xl);margin-top: var(--space-3xl);align-items: stretch}.benefit-card{ background: var(--bg-glass);backdrop-filter: blur(20px);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);padding: var(--space-2xl);text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 300px}.benefit-card:hover{ transform: translateY(-5px);box-shadow: 0 15px 35px rgba(99, 102, 241, 0.1)}.benefit-icon{ width: 70px;height: 70px;background: var(--gradient-primary);border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;margin: 0 auto var(--space-lg);font-size: 1.8rem;color: white;box-shadow: 0 8px 24px rgba(99, 102, 241, 0.3)}.benefit-card h3{ font-size: 1.3rem;font-weight: 700;color: var(--text-primary);margin-bottom: var(--space-md);line-height: 1.3}.benefit-card p{ color: var(--text-secondary);line-height: 1.6;font-size: var(--font-base)}.sacrifice-cta{ padding: var(--space-5xl) 0;background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);text-align: center}.cta-content h2{ font-size: 3rem;font-weight: 800;color: var(--text-primary);margin-bottom: var(--space-lg);line-height: 1.2}.cta-content p{ font-size: 1.25rem;color: var(--text-secondary);margin-bottom: var(--space-2xl);max-width: 600px;margin-left: auto;margin-right: auto}.cta-buttons{ display: flex;gap: var(--space-lg);justify-content: center;flex-wrap: wrap}.btn-large{ padding: var(--space-lg) var(--space-2xl);font-size: 1.1rem;font-weight: 600}.sacrifice-hero .hero-bg{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;z-index: 1}.sacrifice-hero .floating-elements{ position: absolute;width: 100%;height: 100%}.sacrifice-hero .element{ position: absolute;border-radius: 50%;background: linear-gradient(45deg, rgba(99, 102, 241, 0.1), rgba(139, 92, 246, 0.1));animation: float 6s ease-in-out infinite}.sacrifice-hero .element-1{ width: 80px;height: 80px;top: 20%;left: 10%;animation-delay: 0s}.sacrifice-hero .element-2{ width: 120px;height: 120px;top: 60%;right: 15%;animation-delay: 2s}.sacrifice-hero .element-3{ width: 60px;height: 60px;top: 40%;left: 80%;animation-delay: 4s}.sacrifice-hero .element-4{ width: 100px;height: 100px;top: 80%;left: 20%;animation-delay: 1s}@keyframes float{ 0%, 100%{ transform: translateY(0px) rotate(0deg);opacity: 0.3}50%{ transform: translateY(-20px) rotate(180deg);opacity: 0.8}}.sacrifice-hero .btn{ position: relative;overflow: hidden;transition: all 0.3s ease}.sacrifice-hero .btn::before{ content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.5s ease}.sacrifice-hero .btn:hover::before{ left: 100%}.sacrifice-hero .btn:hover{ transform: translateY(-2px);box-shadow: 0 10px 25px rgba(99, 102, 241, 0.3), 0 0 20px rgba(99, 102, 241, 0.2)}@media (max-width: 768px){ .sacrifice-hero .hero-title{ font-size: 3rem}.sacrifice-hero .hero-stats{ grid-template-columns: 1fr;gap: var(--space-md)}.sacrifice-hero .hero-buttons{ flex-direction: column;align-items: center}.sacrifice-hero .hero-stats{ grid-template-columns: 1fr;gap: var(--space-md)}.overview-grid{ grid-template-columns: 1fr;gap: var(--space-lg)}.process-timeline{ grid-template-columns: 1fr;gap: var(--space-lg)}.benefits-grid{ grid-template-columns: 1fr;gap: var(--space-lg)}.security-grid{ grid-template-columns: 1fr;gap: var(--space-lg)}.cta-content h2{ font-size: 2.5rem}.cta-buttons{ flex-direction: column;align-items: center}.sacrifice-hero .element{ display: none}}