:root{--primary-color:#0070f3;--secondary-color:#1a1a1a;--background-color:#f0f0f0;--text-color:#333;--border-radius:4px;--box-shadow:0 2px 10px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--secondary-color)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{background-color:var(--primary-color);color:white;border:none;border-radius:var(--border-radius);padding:10px 15px;cursor:pointer;transition:background-color .3s}button:disabled{background-color:#ccc;cursor:not-allowed}button:hover:not(:disabled){background-color:darken(var(--primary-color),10%)}.card{background-color:white;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;margin:10px 0}.table{width:100%;border-collapse:collapse;margin:20px 0}.table td,.table th{border:1px solid #ddd;padding:8px}.table th{background-color:var(--primary-color);color:white}