:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-secondary:#64748b;--color-secondary-light:#94a3b8;--color-secondary-dark:#475569;--color-success:#10b981;--color-warning:#fdba74;--color-error:#ef4444;--color-info:#0ea5e9;--color-pearl:#fafafa;--color-pearl-light:#f8fafc;--color-platinum:#e2e8f0;--color-platinum-light:#cbd5e1;--color-steel:#64748b;--color-steel-dark:#475569;--color-charcoal:#1e293b;--color-charcoal-dark:#0f172a;--gradient-primary:#2563eb;--gradient-secondary:#64748b;--gradient-dark:#1f2937;--gradient-light:#f9fafb;--gradient-sunset:#f59e0b;--gradient-ocean:#06b6d4;--gradient-coral:#64748b;--gradient-morning:#e0e7ff;--gradient-amber:#f59e0b;--gradient-neutral:#f3f4f6;--transition-smooth:all 0.2s ease;--transition-bounce:all 0.2s ease;--transition-elastic:all 0.2s ease;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 1px 3px 0 #0000001a;--shadow-lg:0 4px 6px -1px #0000001a;--shadow-xl:0 10px 15px -3px #0000001a;--shadow-2xl:0 20px 25px -5px #0000001a;--shadow-glow:0 1px 3px 0 #0000001a;--shadow-neumorphic:0 1px 3px 0 #0000001a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-full:9999px;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;position:relative}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#2563eb;background:var(--color-primary);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:#1d4ed8;background:var(--color-primary-dark);background-clip:padding-box}::selection{background:#2563eb;background:var(--color-primary);color:#fff}::-moz-selection{background:#2563eb;background:var(--color-primary);color:#fff}:focus-visible{border-radius:4px;border-radius:var(--radius-sm);outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in-left{animation:slideInLeft .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.pulse{animation:pulse 2s infinite}.bounce{animation:bounce 2s infinite}.float{animation:float 3s ease-in-out infinite}.shimmer{background:#f3f4f6}.gradient-animated{background:#2563eb;background:var(--color-primary)}.glass-light{background:#fff;border:1px solid #e5e7eb}.glass-dark,.glass-light{box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-md)}.glass-dark{background:#f9fafb;border:1px solid #d1d5db}.gradient-text{color:#2563eb;color:var(--color-primary)}.gradient-text-coral{color:#64748b;color:var(--color-secondary)}.gradient-text-dark{color:#1e293b;color:var(--color-charcoal)}.skeleton{background:#f3f4f6;border-radius:6px;border-radius:var(--radius-md)}.hover-lift{transition:all .2s ease;transition:var(--transition-smooth)}.hover-lift:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-glow{transition:all .2s ease;transition:var(--transition-smooth)}.hover-glow:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-lg)}.bg-dots{background-image:radial-gradient(circle,#0000001a 1px,#0000 0)}.bg-dots,.bg-grid{background-size:20px 20px}.bg-grid{background-image:linear-gradient(#0000000d 1px,#0000 0),linear-gradient(90deg,#0000000d 1px,#0000 0)}@media (max-width:768px){:root{font-size:14px}}@media (min-width:1440px){:root{font-size:18px}}