Tradester

:root { --radius: 0.5rem; --text-white: #fdfdfd; --text-black: #050607; --primary: #36fb48; --secondary: #6c6bff; --secondary-h1: color-mix(in oklch, #6c6bff, black 25%); --neutral: #050607; --neutral-e8: #fdfdfd; --neutral-e7: #f4f4f9; --neutral-e6: #d9daec; --neutral-e4: #7c7d8d; } html, body { height: 100%; overflow: hidden; margin: 0; padding: 0; font-family: 'Open Sans', system-ui, -apple-system, sans-serif; background-color: var(--neutral); } .noscript-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background-color: var(--neutral); color: var(--neutral-e8); display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; font-size: 1.5rem; } .noscript-header { padding: 1rem 1rem; } .noscript-logo { height: 2rem; max-width: 200px; } .noscript-body { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; gap: 3rem; padding: 1rem; text-align: center; padding-top: 0rem; } .noscript-content { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 0 2rem; max-width: 600px; } .noscript-icon { height: 12rem; width: 12rem; margin-bottom: 1rem; } .noscript-message { line-height: 1.6; color: var(--neutral-e7); } .noscript-button { display: inline-block; background-color: var(--secondary); color: var(--text-white); padding: 1rem 2rem; text-decoration: none; border-radius: 1.5rem; font-size: 1rem; font-weight: 500; transition: background-color 0.2s; border: none; cursor: pointer; } .noscript-button:hover { background-color: var(--secondary-h1); } .noscript-button:disabled { background-color: var(--neutral-e4); cursor: not-allowed; } @media (max-width: 768px) { .noscript-container { font-size: 1.25rem; } .noscript-header { padding: 1rem; } .noscript-logo { height: 1.75rem; } .noscript-icon { height: 8rem; width: 8rem; } .noscript-body { padding-top: 0.5rem; gap: 2rem; } .noscript-content { padding: 0 1rem; } }

JavaScript is required to use Tradester.

How to enable JavaScript