:root{--bg-color: #f7f8fb;--bg-secondary: #ffffff;--bg-hover: #f1f3f5;--text-color: #1f2937;--text-color-secondary: #6b7280;--border-color: #e5e7eb;--primary-color: #2563eb;--primary-text: #ffffff;--accent-color: #2563eb;--gradient-start: #2563eb;--gradient-middle: #2563eb;--gradient-end: #2563eb;--gradient: #2563eb;--gradient-subtle: #eff6ff}.dark{--bg-color: #1f2937;--bg-secondary: #374151;--bg-hover: #4b5563;--text-color: #f9fafb;--text-color-secondary: #d1d5db;--border-color: #4b5563;--primary-color: #2563eb;--primary-text: #ffffff;--accent-color: #2563eb;--gradient-start: #2563eb;--gradient-middle: #2563eb;--gradient-end: #2563eb;--gradient: #2563eb;--gradient-subtle: #374151}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color);background:var(--bg-color)}body{min-height:100vh;transition:background-color .3s ease,color .3s ease;background:var(--bg-color)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}