*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f5f5f5;font-family:Arial,sans-serif}#root{max-width:1100px;margin:0 auto;padding:40px 20px}header{color:#fff;text-align:center;background:#111827;border-radius:16px;margin-bottom:30px;padding:30px}header h1{margin-bottom:15px;font-size:36px}header h2{margin-bottom:20px;font-size:20px;font-weight:400}.oferta a{color:#fff;cursor:pointer;background:#1d4ed8;border-radius:8px;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.oferta a:hover{opacity:.8;transform:translateY(-2px)}.cupom{background:#fff;border:2px dashed #828282;border-radius:12px;margin:30px 0 50px;padding:25px}.cupom h2,.cupom p{margin-bottom:12px}.botao-cupom{margin-top:5px;padding:8px 14px;font-size:14px}.produtos{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.oferta{background:#fff;border-radius:16px;padding:25px;transition:all .2s;box-shadow:0 5px 20px #00000014}.oferta:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001f}.oferta h2{margin-bottom:10px;font-size:22px}.oferta h3{color:#16a34a;margin:15px 0;font-size:24px}.oferta p{color:#666;margin-bottom:10px;line-height:1.5}@media (width<=700px){.produtos{grid-template-columns:1fr}header h1{font-size:28px}nav{text-align:center;justify-content:center;gap:12px;margin:20px 0;display:flex}nav a{color:#fff;background:#1d4ed8;border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;transition:all .2s}nav a:hover{opacity:.8;transform:translateY(-2px)}}.formulario-container{background:#fff;border-radius:15px;max-width:500px;margin:40px auto;padding:30px;box-shadow:0 5px 20px #00000014}.formulario-container h1{text-align:center;color:#222;margin-bottom:25px}.formulario{flex-direction:column;gap:8px;display:flex}.formulario label{margin-top:10px;font-weight:700}.formulario input{border:1px solid #ccc;border-radius:8px;outline:none;padding:12px;font-size:16px}.formulario input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.formulario button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:20px;padding:12px;font-size:16px;font-weight:700}.formulario button:hover{background:#1d4ed8}.usuario-cadastrado{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;margin-top:30px;padding:20px}.usuario-cadastrado h2{color:#15803d;margin-bottom:15px}.usuario-cadastrado p{margin:8px 0}.lista-compras{background:#fff;border-radius:16px;max-width:500px;margin:40px auto;padding:30px;box-shadow:0 5px 20px #00000014}.lista-compras h1{text-align:center;color:#222;margin-bottom:25px}.lista-form{gap:10px;margin-bottom:20px;display:flex}.lista-form input{border:1px solid #ccc;border-radius:8px;outline:none;flex:1;padding:12px;font-size:16px}.lista-form input:focus{border-color:#2563eb}.lista-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 18px;font-weight:700}.lista-form button:hover{background:#1d4ed8}.botao-mostrar{color:#333;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:700}.botao-mostrar:hover{background:#e5e7eb}.lista-itens{margin-top:25px}.lista-itens h2{color:#333;margin-bottom:15px}.lista-itens ul{margin:0;padding:0;list-style:none}.lista-itens li{color:#333;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:12px 15px}.lista-itens li:hover{background:#eff6ff;border-color:#bfdbfe}nav{text-align:center;justify-content:center;gap:12px;margin:20px 0;display:flex}nav a{color:#fff;background:#1d4ed8;border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;transition:all .2s}nav a:hover{opacity:.8;transform:translateY(-2px)}.not-found{text-align:center;background:#f7f6f2;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.not-found-content{max-width:600px}.not-found-code{color:#4f46e5;letter-spacing:-8px;margin-bottom:10px;font-size:120px;font-weight:800;line-height:1;display:block}.not-found h1{color:#14140f;margin:0 0 16px;font-size:36px}.not-found p{color:#7a7a70;max-width:450px;margin:0 auto 30px;font-size:17px;line-height:1.6}.not-found a{color:#fff;background:#14140f;border-radius:8px;padding:12px 22px;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-block}.not-found a:hover{opacity:.9;transform:translateY(-2px)}.produto{background:#fff;border-radius:16px;max-width:700px;margin:50px auto;padding:40px;box-shadow:0 8px 30px #00000014}.produto img{object-fit:cover;border-radius:12px;width:100%;max-width:400px;height:300px;margin:0 auto 30px;display:block}.produto h1{margin-bottom:20px;font-size:32px}.produto p{margin:12px 0;line-height:1.6}.produto h2{margin:25px 0;font-size:28px}.voltar-inicio{color:#fff;background:#14140f;border-radius:8px;margin-top:10px;padding:12px 22px;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-block}.voltar-inicio:hover{opacity:.9;transform:translateY(-2px)}