*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0f172a;color:#f1f5f9;min-height:100vh;display:flex;align-items:center;justify-content:center}.container{text-align:center;padding:3rem 2rem;background:#1e293b;border-radius:1.5rem;box-shadow:0 25px 50px #00000080;max-width:420px;width:90%}h1{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;color:#e2e8f0}.subtitle{color:#94a3b8;margin-bottom:2rem;font-size:1rem}button{background:#6366f1;color:#fff;border:none;padding:.9rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:.75rem;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;letter-spacing:.02em}button:hover:not(:disabled){background:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}button:disabled{opacity:.5;cursor:not-allowed}.result{margin-top:2rem;padding:1.25rem 2rem;border-radius:.75rem;font-size:2rem;font-weight:800;letter-spacing:.1em}.result.pari{background:#22c55e26;color:#22c55e;border:2px solid rgba(34,197,94,.35)}.result.dispari{background:#ef444426;color:#ef4444;border:2px solid rgba(239,68,68,.35)}.result.errore{background:#fbbf2426;color:#fbbf24;border:2px solid rgba(251,191,36,.35)}.counter{font-size:.85rem;font-weight:400;letter-spacing:0;margin-top:.5rem;opacity:.8}