.hero-gradient:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth}body{font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility}}@layer components{.btn{@apply btn-primary;}.btn-outline{@apply btn-secondary;}.input{@apply form-input;}.textarea{@apply form-textarea;}.label{@apply form-label;}}@layer utilities{.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-grid{background-image:radial-gradient(circle,rgba(59,130,246,.1) 1px,transparent 1px);background-size:20px 20px}}:root{--primary-blue: #2044EA;--primary-blue-hover: #1A3BD8;--primary-blue-light: #E8EFFF;--primary-blue-dark: #0F2B8B;--secondary-green: #5C975A;--secondary-green-hover: #4A7D48;--secondary-green-light: #F0F7F0;--secondary-green-dark: #3A5F38;--gradient-primary: linear-gradient(135deg, #2044EA 0%, #5C975A 100%);--gradient-hero: linear-gradient(135deg, #E0F2FE 0%, #F3E8FF 50%, #E879F9 100%);--gradient-teal-purple: linear-gradient(135deg, #14B8A6 0%, #8B5CF6 100%);--gradient-accent: linear-gradient(45deg, #06B6D4, #8B5CF6);--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success: #10B981;--success-light: #ECFDF5;--warning: #F59E0B;--warning-light: #FFFBEB;--error: #EF4444;--error-light: #FEF2F2;--info: #3B82F6;--info-light: #EFF6FF;--surface-primary: #FFFFFF;--surface-secondary: #F9FAFB;--surface-elevated: #FFFFFF;--surface-overlay: rgba(0, 0, 0, .5);--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--text-inverse: #FFFFFF;--text-accent: #2044EA;--border-light: #E5E7EB;--border-medium: #D1D5DB;--border-strong: #9CA3AF;--border-accent: #2044EA;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--space-xs: .25rem;--space-sm: .5rem;--space-base: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem}.dark{--surface-primary: #1F2937;--surface-secondary: #111827;--surface-elevated: #374151;--surface-overlay: rgba(0, 0, 0, .8);--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--text-inverse: #111827;--border-light: #374151;--border-medium: #4B5563;--border-strong: #6B7280}.card-primary{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid rgba(32,68,234,.2);box-shadow:0 12px 40px #2044ea26,0 6px 20px #00000014;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:320px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;position:relative;overflow:hidden}.card-primary:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2044ea,#5c975a);opacity:0;transition:opacity .3s ease}.card-primary:hover:before{opacity:1}.card-primary:hover{transform:translateY(-8px);box-shadow:0 20px 60px #2044ea40,0 8px 30px #0000001f;border-color:#2044ea4d}.card-featured{background:linear-gradient(135deg,#fff,#f0f9ff);border:3px solid var(--primary-blue);box-shadow:0 16px 50px #2044ea40,0 8px 25px #0000001a;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.card-featured:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#2044ea,#5c975a,#fbbf24)}.card-gradient{background:linear-gradient(135deg,#fffffffa,#2044ea0d);border:2px solid rgba(32,68,234,.25);box-shadow:0 12px 40px #2044ea2e,0 6px 16px #00000014;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.card-gradient:hover{transform:translateY(-4px);box-shadow:0 16px 50px #2044ea40,0 8px 20px #0000001f}.card-glass{background:#fffffff2;border:2px solid rgba(32,68,234,.3);box-shadow:0 12px 40px #2044ea2e,0 6px 20px #0000001a;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:all .3s ease}.card-glass:hover{border-color:#2044ea66;box-shadow:0 16px 50px #2044ea40,0 8px 25px #0000001f}.card-stem{background:linear-gradient(135deg,#fff,#ecfdf5);border:2px solid rgba(92,151,90,.3);box-shadow:0 12px 40px #5c975a26,0 6px 20px #00000014}.card-literacy{background:linear-gradient(135deg,#fff,#fef3c7);border:2px solid rgba(251,191,36,.3);box-shadow:0 12px 40px #fbbf2426,0 6px 20px #00000014}.card-social{background:linear-gradient(135deg,#fff,#fdf2f8);border:2px solid rgba(236,72,153,.3);box-shadow:0 12px 40px #ec489926,0 6px 20px #00000014}.store-product-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid rgba(32,68,234,.15);box-shadow:0 12px 40px #2044ea1f,0 6px 20px #00000014;border-radius:var(--radius-xl);transition:all .3s ease;overflow:hidden;position:relative}.store-product-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #2044ea33,0 8px 30px #0000001f;border-color:#2044ea4d}.store-product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2044ea,#5c975a);opacity:0;transition:opacity .3s ease}.store-product-card:hover:before{opacity:1}.nav-modern{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(32,68,234,.15);box-shadow:0 4px 20px #2044ea1a}.nav-mobile{background:#fff;border-bottom:2px solid rgba(32,68,234,.15);box-shadow:0 4px 16px #2044ea1f}.mobile-menu-overlay{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(32,68,234,.15);box-shadow:0 8px 32px #2044ea33;border-radius:var(--radius-lg)}@media (max-width: 768px){.hero-gradient{padding:2rem 1rem}.card-primary{min-height:250px;padding:1.5rem}.feature-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-grid{grid-template-columns:1fr;gap:2rem}.nav-mobile .flex{justify-content:space-between;align-items:center}.mobile-menu-overlay{position:fixed;inset:64px 0 0;z-index:50;overflow-y:auto}}.btn-primary{background:var(--primary-blue);color:var(--text-inverse);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--secondary-green);color:var(--text-inverse);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--secondary-green-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-gradient{background:var(--gradient-primary);color:var(--text-inverse);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.btn-gradient:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-primary{background:var(--surface-primary);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-base);border:1px solid var(--border-light);transition:all .2s ease}.card-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-gradient{background:var(--gradient-teal-purple);border-radius:var(--radius-xl);padding:var(--space-xl);color:var(--text-inverse);box-shadow:var(--shadow-lg)}.nav-primary{background:var(--surface-primary);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.nav-link{color:var(--text-secondary);font-weight:500;transition:color .2s ease;padding:var(--space-sm) var(--space-base);border-radius:var(--radius-base)}.nav-link:hover{color:var(--primary-blue);background:var(--primary-blue-light)}.nav-link.active{color:var(--primary-blue);background:var(--primary-blue-light);font-weight:600}.hero-gradient{background:var(--gradient-hero);position:relative;overflow:hidden}.hero-gradient:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);padding:var(--space-2xl) 0}.feature-card{background:var(--surface-primary);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-base);border:1px solid var(--border-light);transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-card:hover:before{opacity:1}.feature-icon{width:64px;height:64px;background:var(--gradient-teal-purple);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);box-shadow:var(--shadow-md)}.pricing-card{background:var(--surface-primary);border-radius:var(--radius-2xl);padding:var(--space-2xl);border:2px solid var(--border-light);transition:all .3s ease;position:relative;overflow:hidden}.pricing-card.popular{border-color:var(--primary-blue);background:linear-gradient(135deg,var(--surface-primary) 0%,var(--primary-blue-light) 100%)}.pricing-card.popular:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.form-input{background:var(--surface-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-base);font-size:var(--text-base);transition:all .2s ease;width:100%}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-light)}.form-label{color:var(--text-primary);font-weight:600;margin-bottom:var(--space-sm);display:block}.dashboard-card{background:var(--surface-primary);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-base);border:1px solid var(--border-light)}.dashboard-stat{text-align:center;padding:var(--space-lg)}.dashboard-stat-value{font-size:var(--text-4xl);font-weight:800;color:var(--primary-blue);line-height:1}.dashboard-stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;margin-top:var(--space-xs)}.badge-success{background:var(--success-light);color:var(--success);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;border:1px solid var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;border:1px solid var(--warning)}.badge-error{background:var(--error-light);color:var(--error);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;border:1px solid var(--error)}.animate-fadeIn{animation:fadeIn .6s ease-in-out}.animate-slideUp{animation:slideUp .8s ease-out}.animate-scaleIn{animation:scaleIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-hero{background:var(--gradient-hero)}.border-gradient{border:2px solid transparent;background:linear-gradient(var(--surface-primary),var(--surface-primary)) padding-box,var(--gradient-primary) border-box}@media (max-width: 768px){.feature-grid{grid-template-columns:1fr;gap:var(--space-lg)}.pricing-card{padding:var(--space-lg)}.hero-gradient{padding:var(--space-2xl) 0}}