*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f9fafb}.logo{width:100px;height:100px}.container{max-width:1024px;margin:0 auto;padding:0 1rem}.min-h-screen{min-height:100vh}header{text-align:center;margin-bottom:2rem}header h1{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}header p{font-size:1.125rem;color:#6b7280}.card{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;margin-bottom:2rem}.btn{display:inline-block;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-sm{padding:.25rem .75rem;font-size:.75rem}.text-center{text-align:center}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-gray-600{color:#6b7280}.text-gray-900{color:#111827}.text-red-800{color:#991b1b}.text-blue-600{color:#2563eb}.text-blue-600:hover{color:#1d4ed8}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-x-2>*+*{margin-left:.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.w-full{width:100%}.h-auto{height:auto}.h-12{height:3rem}.w-12{width:3rem}.w-16{width:4rem}.h-16{height:4rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-red-200{border-color:#fecaca}.border-gray-300{border-color:#d1d5db}.bg-red-50{background-color:#fef2f2}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-blue-600{background-color:#2563eb}.bg-blue-700{background-color:#1d4ed8}.bg-blue-800{background-color:#1e40af}.bg-blue-900{background-color:#1e3a8a}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-gray-900{background-color:#111827}.qr-overlay{position:absolute;border:2px solid #3b82f6;background-color:#3b82f61a;cursor:pointer;transition:all .2s ease}.qr-overlay:hover{background-color:#3b82f633;border-color:#2563eb}.qr-overlay.active{background-color:#22c55e33;border-color:#16a34a}.image-container{position:relative;display:inline-block;max-width:100%}.drop-zone{border:2px dashed #d1d5db;border-radius:.5rem;transition:all .2s ease;padding:2rem;text-align:center;cursor:pointer}.drop-zone.drag-over{border-color:#3b82f6;background-color:#3b82f60d}.spinner{border:2px solid #f3f4f6;border-top:2px solid #2563eb;border-radius:50%;width:3rem;height:3rem;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal-content{background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;width:100%;padding:1.5rem}.input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#f9fafb;font-size:.875rem}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.hidden{display:none}.site-footer{margin-top:4rem;border-top:1px solid #e5e7eb;background:#fafafa;color:#374151;font-size:14px}.site-footer__inner{max-width:960px;margin:0 auto;padding:24px 16px;display:grid;gap:16px}@media (min-width: 768px){.site-footer__inner{grid-template-columns:1fr 1fr 1fr;gap:24px}}.site-footer__brand p{margin:8px 0 0;line-height:1.5;color:#4b5563}.site-footer__nav{display:grid;gap:8px}.site-footer__nav a{color:#374151;text-decoration:none}.site-footer__nav a:hover{text-decoration:underline}.site-footer__meta{display:grid;gap:8px;justify-items:start}.site-footer__copy{color:#6b7280;font-size:12px}@media (max-width: 768px){.container{padding:0 .5rem}header h1{font-size:2rem}.card{padding:1rem}.flex{flex-direction:column}.space-x-2>*+*{margin-left:0;margin-top:.5rem}}