:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e0e7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%)}@media (width<=1024px){:root{font-size:16px}}body{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);min-width:100vw;min-height:100vh;margin:0}#root{box-sizing:border-box;flex-direction:column;width:100vw;min-height:100vh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:#a3e635;font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);color:#a3e635;background:#a3e6351a;border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.container{flex-direction:column;justify-content:start;align-items:center;max-width:1400px;min-height:100vh;margin:0 auto;padding:40px 20px;display:flex}.buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px;display:flex}.buttons button{color:#0f172a;cursor:pointer;text-transform:capitalize;background:#a3e635;border:3px solid #a3e635;border-radius:12px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 0 20px #a3e63580,0 0 40px #a3e6354d,inset 0 0 10px #a3e63533}.buttons button:hover{background:#bef264;border-color:#bef264;transform:translateY(-2px);box-shadow:0 0 30px #a3e635cc,0 0 60px #a3e63580,inset 0 0 15px #a3e6354d}.buttons button:active{transform:translateY(0)}table{border-collapse:separate;border-spacing:0;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border:3px solid #a3e635;border-radius:16px;width:100%;max-width:1200px;overflow:hidden;box-shadow:0 0 30px #a3e63566,0 0 60px #a3e63533,0 10px 40px #00000080}thead{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)}thead tr td{text-transform:uppercase;letter-spacing:1px;color:#a3e635;text-align:center;text-shadow:0 0 10px #a3e63580;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:3px solid #a3e635;padding:20px 16px;font-size:14px;font-weight:700;transition:all .3s}thead tr td:hover{color:#bef264;text-shadow:0 0 15px #a3e635cc;background:#a3e63533}tbody tr{border-bottom:2px solid #a3e63533;transition:all .3s}tbody tr:hover{background:#a3e63526;box-shadow:inset 0 0 20px #a3e6351a}tbody tr:last-child{border-bottom:none}tbody td{color:#e0e7ff;text-align:center;border-right:1px solid #a3e6351a;padding:16px;font-size:15px}tbody td:last-child{border-right:none}tbody td:first-child{color:#bef264;text-shadow:0 0 8px #bef2644d;font-weight:600}tbody td:nth-child(5),tbody td:nth-child(6){color:#a3e635;text-shadow:0 0 8px #a3e6354d;font-weight:700}tbody td:last-child{color:#fbbf24;font-weight:600}@media (width<=768px){.container{padding:20px 10px}.buttons{gap:10px}.buttons button{padding:12px 20px;font-size:14px}table{font-size:13px}thead tr td,tbody td{padding:12px 8px}}
