:root{--primary-color: #FFD700;--primary-dark: #FFC700;--secondary-color: #000000;--text-color: #1a1a1a;--text-light: #4a4a4a;--background: #ffffff;--background-light: #f5f5f5;--background-dark: #0a0a0a;--border-color: #d4d4d4;--shadow: 0 2px 8px rgba(0, 0, 0, .15);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-color);background:var(--background);overflow-x:hidden}html{scroll-behavior:smooth}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--secondary-color)}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.btn{display:inline-block;padding:14px 35px;border-radius:0;font-weight:700;text-align:center;border:2px solid transparent;cursor:pointer;transition:all .3s ease;font-size:.95rem;letter-spacing:1px;text-transform:uppercase}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--primary-color);color:var(--secondary-color);border-color:var(--primary-color)}.btn-primary:hover{background:var(--secondary-color);color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary{background:transparent;color:var(--text-color);border-color:var(--text-color)}.btn-secondary:hover{background:var(--text-color);color:var(--background)}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:300px}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@media (max-width: 1200px){.container{max-width:960px}}@media (max-width: 992px){.container{max-width:720px}}@media (max-width: 768px){.container{max-width:540px}body{font-size:14px}}@media (max-width: 576px){.container{padding:0 15px}}