*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}:root{--primary:#14b8a6;--primary-light:#5eead4;--primary-dark:#0d9488;--secondary:#10b981;--accent:#34d399;--bg-primary:#ffffff;--bg-secondary:rgba(255,255,255,0.7);--bg-tertiary:rgba(255,255,255,0.6);--bg-card:rgba(255,255,255,0.7);--bg-card-hover:rgba(255,255,255,0.85);--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#ffffff;--border-primary:rgba(148,163,184,0.2);--border-secondary:rgba(148,163,184,0.3);--border-card:rgba(255,255,255,0.8);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.04),0 1px 4px rgba(0,0,0,0.02);--shadow-lg:0 8px 24px rgba(0,0,0,0.06),0 2px 8px rgba(0,0,0,0.04);--shadow-xl:0 16px 40px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.04);--shadow-primary:0 8px 24px rgba(20,184,166,0.3),0 2px 8px rgba(20,184,166,0.2);--decor-1:rgba(153,246,228,0.4);--decor-2:rgba(220,252,231,0.5);--decor-3:rgba(167,243,208,0.3);--gradient-primary:linear-gradient(135deg,#14b8a6,#10b981);--gradient-secondary:linear-gradient(135deg,#1f2937,#111827);--toggle-bg:rgba(255,255,255,0.8);--toggle-bg-hover:rgba(255,255,255,0.95);--toggle-border:rgba(148,163,184,0.2);--toggle-text:#0f172a;--toggle-shadow:rgba(0,0,0,0.08);--toggle-shadow-hover:rgba(0,0,0,0.12)}.dark{--primary:#a855f7;--primary-light:#c084fc;--primary-dark:#9333ea;--secondary:#c026d3;--accent:#d946ef;--bg-primary:#0a0a0a;--bg-secondary:rgba(18,18,18,0.8);--bg-tertiary:rgba(24,24,24,0.7);--bg-card:rgba(18,18,18,0.8);--bg-card-hover:rgba(24,24,24,0.9);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0a0a0a;--border-primary:rgba(168,85,247,0.15);--border-secondary:rgba(168,85,247,0.25);--border-card:rgba(168,85,247,0.2);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.3),0 1px 4px rgba(0,0,0,0.2);--shadow-lg:0 8px 24px rgba(0,0,0,0.4),0 2px 8px rgba(0,0,0,0.3);--shadow-xl:0 16px 40px rgba(0,0,0,0.5),0 4px 12px rgba(0,0,0,0.4);--shadow-primary:0 8px 24px rgba(168,85,247,0.4),0 2px 8px rgba(168,85,247,0.3);--decor-1:rgba(168,85,247,0.15);--decor-2:rgba(192,132,252,0.12);--decor-3:rgba(147,51,234,0.1);--gradient-primary:linear-gradient(135deg,#a855f7,#c026d3);--gradient-secondary:linear-gradient(135deg,#9333ea,#7e22ce);--toggle-bg:rgba(24,24,24,0.8);--toggle-bg-hover:rgba(32,32,32,0.9);--toggle-border:rgba(168,85,247,0.3);--toggle-text:#f8fafc;--toggle-shadow:rgba(168,85,247,0.2);--toggle-shadow-hover:rgba(168,85,247,0.3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}