*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #F5F3FF;--primary-100: #EDE9FE;--primary-200: #DDD6FE;--primary-300: #C4B5FD;--primary-400: #A78BFA;--primary-500: #8B5CF6;--primary-600: #7C3AED;--primary-700: #6D28D9;--primary-800: #5B21B6;--primary-900: #4C1D95;--primary-950: #1E1B4B;--secondary-blue: #3B82F6;--secondary-cyan: #06B6D4;--secondary-pink: #EC4899;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--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;--slate-50: #f8fafc;--slate-400: #94a3b8;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--font-heading: "Comfortaa", cursive;--font-body: "Inter", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(2, 111, 199, .2)}body{font-family:var(--font-body);line-height:1.6;transition:all .3s ease}body.light{background:var(--gray-50);color:var(--gray-900)}body.dark{background:radial-gradient(circle at top,var(--primary-950),var(--slate-900));color:var(--slate-50)}.navbar{position:sticky;top:0;z-index:1000;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.light .navbar{background:#fffc;border-color:var(--gray-200)}body.dark .navbar{background:#0f172acc;border-color:#ffffff1a}.navbar-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-md);font-family:var(--font-heading);font-weight:700;font-size:1.5rem;text-decoration:none;color:inherit}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-400) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.navbar-menu{display:flex;gap:var(--spacing-lg);align-items:center;list-style:none}.navbar-link{text-decoration:none;font-weight:500;transition:color .3s ease;color:inherit;opacity:.8}.navbar-link:hover{opacity:1;color:var(--primary-600)}.hero{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;background:linear-gradient(135deg,var(--primary-600) 0%,var(--secondary-500) 100%);color:#fff}.hero h1{font-family:var(--font-heading);font-size:4rem;font-weight:700;margin-bottom:var(--spacing-md)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:600;cursor:pointer;border:none;transition:all .3s ease;text-decoration:none}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover{background:var(--primary-700);transform:translateY(-2px);box-shadow:0 4px 12px #026fc74d}.btn-outline{background:transparent;border:2px solid var(--primary-600);color:var(--primary-600)}body.dark .btn-outline{border-color:var(--primary-400);color:var(--primary-400)}.btn-outline:hover{background:var(--primary-600);color:#fff}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.card{border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all .3s ease;border:1px solid}body.light .card{background:#fff;border-color:var(--gray-200)}body.dark .card{background:#1e293b80;border-color:#ffffff0d}.card:hover{transform:translateY(-5px);border-color:var(--primary-400);box-shadow:var(--shadow-lg)}.card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-400) 100%);color:#fff;margin-bottom:var(--spacing-md)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);display:flex;gap:var(--spacing-md);border-left:4px solid}.alert-success{background:#10b9811a;border-color:var(--success);color:var(--success)}.alert-warning{background:#f59e0b1a;border-color:var(--warning);color:var(--warning)}.alert-error{background:#ef44441a;border-color:var(--error);color:var(--error)}.table-container{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200)}.table{width:100%;border-collapse:collapse}.table th{background:var(--primary-50);color:var(--primary-900);padding:12px;text-align:left}.table td{padding:12px;border-top:1px solid var(--gray-200)}body.dark .table th{background:var(--slate-800);color:var(--primary-100)}.progress{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-600) 0%,var(--primary-400) 100%)}.theme-toggle{position:fixed;bottom:25px;right:25px;background:var(--primary-600);color:#fff;width:50px;height:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);border:none;z-index:1000}.container{max-width:1400px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.text-gradient{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}