*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;background:#f4f6fa;color:#111}header{background:#fff;border-bottom:1px solid #ddd;padding:18px 6%;display:flex;justify-content:space-between}nav a{margin-left:16px}main{max-width:1100px;margin:40px auto;padding:0 20px}.hero{padding:20px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{background:#fff;border:1px solid #ddd;border-radius:14px;padding:22px;box-shadow:0 6px 24px rgba(0,0,0,.05)}input{display:block;width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:8px}.btn,button{display:inline-block;background:#111;color:#fff;border:0;border-radius:9px;padding:12px 18px;text-decoration:none;cursor:pointer}.error{background:#ffe7e7;padding:12px;border-radius:8px}.qr{padding:20px;background:#f7f7f7;border-radius:10px}pre{white-space:pre-wrap;word-break:break-all}