:root{--color-yellow: #FEC423;--color-black: #000000;--color-white: #FFFFFF;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-white);color:var(--color-black);line-height:1.5;font-size:18px}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem}button{cursor:pointer;font-family:inherit;border:none}.container{max-width:1000px;margin:0 auto;padding:20px}.card{background-color:var(--color-white);border:2px solid var(--color-black);border-radius:16px;padding:24px;box-shadow:4px 4px 0 var(--color-black);transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.btn{display:inline-block;padding:16px 32px;font-size:1.2rem;font-weight:700;text-align:center;border-radius:12px;border:2px solid var(--color-black);background-color:var(--color-yellow);color:var(--color-black);box-shadow:4px 4px 0 var(--color-black);transition:all .2s ease}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-black)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-black)}.btn-primary{background-color:var(--color-yellow);color:var(--color-black)}.btn-secondary{background-color:var(--color-white)}.btn-danger{background-color:#fcc;border-color:var(--color-black)}.btn-disabled{background-color:#ffeeb0;cursor:not-allowed;opacity:.8}:focus-visible{outline:4px solid var(--color-black);outline-offset:4px}