*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,Segoe UI,Arial,sans-serif;line-height:1.5;color:#333;background-color:#f5f7fa}a{color:#4299e1;text-decoration:none;transition:color .2s ease}a:hover{color:#2b6cb0}button{cursor:pointer}:root{--primary-color: #4299e1;--primary-dark: #2b6cb0;--primary-light: #63b3ed;--dark-color: #1a1c23;--light-color: #f9fafb;--gray-color: #a0aec0;--success-color: #48bb78;--warning-color: #ed8936;--danger-color: #e53e3e;--border-radius: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem;color:#2d3748}p{margin-bottom:1rem}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}#root{width:100%}h1{font-size:2.5em;margin-bottom:.5em}h2{font-size:1.8em;margin-bottom:.4em}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#242424}a:hover{color:#64b5f6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}