body{background-color:#f9fafb;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111827;margin:0;padding:0}.container{max-width:700px;margin:3rem auto;padding:2rem;background-color:#fff;border-radius:1rem;box-shadow:0 8px 20px #00000014;text-align:center}h1,h2{margin-bottom:1.5rem;color:#1f2937}input{display:block;margin:.75rem auto;padding:.75rem 1rem;width:90%;font-size:1rem;border:1px solid #d1d5db;border-radius:.5rem;transition:border .2s}input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}button{padding:.75rem 1.5rem;margin-top:1rem;background-color:#6366f1;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}button:hover{background-color:#4f46e5}.qr{margin-top:2rem;padding:1.5rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:1rem}.qr p{margin:.5rem 0 1rem;font-weight:600;color:#374151}ul{list-style:none;padding:0;margin-top:1rem;text-align:left}li{background-color:#f3f4f6;margin:.5rem 0;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;color:#1f2937;display:flex;justify-content:space-between}