:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffeb;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#38bdf8;text-decoration:inherit}a:hover{color:#0ea5e9}body{margin:0;display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh;background-color:#020617}h1{font-size:1.75rem;line-height:1.1;letter-spacing:.02em}h2{font-size:1.25rem;line-height:1.1;letter-spacing:.02em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1e293b;color:#fff;cursor:pointer;transition:all .25s ease}button:hover{background-color:#0ea5e9}button:focus,button:focus-visible{outline:3px solid #38bdf8;outline-offset:2px}.qcm-grid{display:grid;gap:.75rem;margin-top:1rem;justify-items:center}.qcm-grid button{width:80px;height:80px;font-size:1.2rem;background-color:#1e293b;transition:all .25s ease;clip-path:polygon(50% 0%,0% 100%,100% 100%);box-shadow:0 3px 8px #0006}.qcm-grid button:hover{background:linear-gradient(180deg,#0ea5e9,#0369a1);transform:scale(1.08)}.qcm-grid.cols-2{grid-template-columns:repeat(2,1fr)}.qcm-grid.cols-3{grid-template-columns:repeat(3,1fr)}.qcm-grid.cols-4{grid-template-columns:repeat(4,1fr)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slideIn{animation:slideIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .4s ease-in-out forwards}@media(max-width:640px){h1{font-size:1.4rem}button{font-size:.95rem;padding:.5em 1em}.qcm-grid button{width:70px;height:70px;font-size:1rem}.qcm-grid{gap:.6rem}}@tailwind base;@tailwind components;@tailwind utilities;