*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#f8fafc;overflow-x:hidden;color:#1a202c}#root{height:100vh;width:100%}:root{--primary-color: #2c5282;--primary-hover: #1a365d;--secondary-color: #4a5568;--accent-color: #3182ce;--background-light: #f7fafc;--background-white: #ffffff;--border-color: #e2e8f0;--text-primary: #1a202c;--text-secondary: #4a5568;--text-muted: #718096;--success-color: #38a169;--warning-color: #d69e2e;--danger-color: #e53e3e;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--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);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem}.btn-primary{background-color:var(--primary-color);color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:#fff;color:var(--primary-color);font-weight:600;padding:.5rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:var(--background-light);border-color:var(--primary-color)}.card{background-color:var(--background-white);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-primary);line-height:1.2}p{color:var(--text-secondary);line-height:1.6}a:focus,button:focus{outline:2px solid var(--accent-color);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-light)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}