:root{--bg:#090d15;--surface-1:#131822;--surface-2:#1c222b;--surface-hover:#212730;--border:#f2f5fb1f;--border-hover:#f2f5fb2e;--text:#f3f5f9;--text-muted:#9da5b1;--text-faint:#737b87;--primary:#c90f1a;--primary-hover:#d72828;--primary-soft:#c90f1a24;--primary-ring:#c90f1a73;--secondary:#1e4b8d;--secondary-hover:#2c5a9d;--success:#35cb90;--warning:#f7b83d;--error:#fa686a;--white-tint:#f3f5f9;--radius:20px;--ease-out:cubic-bezier(.16, 1, .3, 1)}@supports (color:lab(0% 0 0)){:root{--bg:lab(3.64112% -.0845268 -4.70664);--surface-1:lab(8.25662% -.272326 -7.28413);--surface-2:lab(12.9022% -.370957 -7.31683);--surface-hover:lab(15.2243% -.408947 -7.33035);--border:lab(96.4946% -.420153 -2.99119/.12);--border-hover:lab(96.4946% -.420153 -2.99119/.18);--text:lab(96.504% -.388592 -2.23103);--text-muted:lab(67.45% -.932187 -7.4149);--text-faint:lab(51.2077% -.89103 -7.39492);--primary:lab(43.3639% 66.2859 48.721);--primary-hover:lab(48.022% 66.1289 46.6137);--primary-soft:lab(43.3639% 66.2859 48.721/.14);--primary-ring:lab(43.3639% 66.2859 48.721/.45);--secondary:lab(31.7651% 3.64405 -41.788);--secondary-hover:lab(37.6432% 2.29016 -41.9157);--success:lab(72.9855% -50.6312 17.6119);--warning:lab(79.1609% 15.493 67.4391);--error:lab(63.3553% 57.2481 28.976);--white-tint:lab(96.504% -.388592 -2.23103)}}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(1200px 600px at 85% -10%, #c90f1a12, transparent 60%), radial-gradient(900px 500px at -10% 110%, #1e4b8d14, transparent 60%), var(--bg);min-height:100vh;color:var(--text);background-attachment:fixed;font-family:Inter,Noto Sans Devanagari,system-ui,sans-serif;overflow-x:hidden}@supports (color:lab(0% 0 0)){body{background:radial-gradient(1200px 600px at 85% -10%, lab(43.3639% 66.2859 48.721/.07), transparent 60%), radial-gradient(900px 500px at -10% 110%, lab(31.7651% 3.64405 -41.788/.08), transparent 60%), var(--bg)}}.container{flex-direction:column;max-width:520px;min-height:100vh;margin:0 auto;padding:40px 20px;display:flex}.container-wide{max-width:600px}.header{text-align:center;margin-bottom:32px}.logo-badge{background:var(--surface-1);border:1px solid var(--border);color:var(--text-muted);border-radius:50px;align-items:center;gap:10px;margin-bottom:20px;padding:8px 18px;font-size:.8rem;font-weight:600;display:inline-flex}.logo-badge svg{color:var(--primary)}.status-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px}.header h1{color:var(--text);letter-spacing:-.01em;margin-bottom:8px;font-size:1.75rem;font-weight:800}.header .sub{color:var(--text-muted);max-width:40ch;margin:0 auto;font-size:.95rem;line-height:1.6}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:28px}.type-selector{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px;display:grid}.type-card{background:var(--surface-2);text-align:center;cursor:pointer;transition:border-color .18s var(--ease-out), background .18s var(--ease-out);border:2px solid #0000;border-radius:16px;padding:18px 8px 14px;display:block;position:relative}.type-card:hover{background:var(--surface-hover)}.type-card.selected{border-color:var(--primary);background:var(--primary-soft)}.type-card .sr-input{opacity:0;pointer-events:none;position:absolute}.type-card:has(.sr-input:focus-visible){outline:3px solid var(--primary-ring);outline-offset:2px}.type-card .icon{color:var(--text-muted);transition:color .18s var(--ease-out);margin:0 auto 8px;display:block}.type-card.selected .icon{color:var(--primary)}.type-card .label{font-size:.85rem;font-weight:700;display:block}.type-card .hint{color:var(--text-faint);margin-top:3px;font-size:.7rem;display:block}.form-group{margin-bottom:18px}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.72rem;font-weight:600;display:block}.form-group input,.form-group textarea{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);border-radius:14px;padding:14px 16px;font-family:inherit;font-size:.95rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-faint)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.form-group textarea{resize:vertical;min-height:120px}.form-group .field-error{color:var(--error);align-items:center;gap:6px;margin-top:8px;font-size:.8rem;display:flex}.form-group .field-error svg{flex-shrink:0}.field-error-msg[aria-hidden=true]{display:none}.btn{cursor:pointer;min-height:48px;transition:background .18s var(--ease-out), transform .18s var(--ease-out), box-shadow .18s var(--ease-out);color:var(--text);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn:focus-visible{outline:3px solid var(--primary-ring);outline-offset:2px}.btn-primary{background:var(--primary);color:var(--white-tint)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-ghost{background:var(--surface-2);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover)}.btn-sm{min-height:40px;padding:8px 16px;font-size:.85rem}.btn-block{width:100%}.serial-display{background:var(--primary-soft);border:1px dashed #c90f1a59;border:1px dashed lab(43.3639% 66.2859 48.721/.35);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;display:flex}.serial-display .label{color:var(--text-muted);align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:inline-flex}.serial-display .label svg{color:var(--primary)}.serial-display .value{color:var(--primary);letter-spacing:1px;font-family:ui-monospace,Courier New,monospace;font-size:1.05rem;font-weight:700}.success-screen{text-align:center;display:none}.success-screen.active{animation:scaleIn .22s var(--ease-out);display:block}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.success-icon{width:88px;height:88px;color:var(--success);animation:successPop .3s var(--ease-out);background:#35cb9026;background:lab(72.9855% -50.6312 17.6119/.15);border:1px solid #35cb9066;border:1px solid lab(72.9855% -50.6312 17.6119/.4);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}@keyframes successPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-screen h2{margin-bottom:10px;font-size:1.5rem;font-weight:800}.success-screen .lead{color:var(--text-muted);margin-bottom:6px;line-height:1.6}.success-screen .hint{color:var(--text-faint);font-size:.82rem;line-height:1.6}.ticket-box{background:var(--surface-2);border:1px dashed var(--border-hover);border-radius:16px;margin:24px 0;padding:20px}.ticket-box .ticket-id{color:var(--text);letter-spacing:2px;font-family:ui-monospace,Courier New,monospace;font-size:1.7rem;font-weight:800}.ticket-box .ticket-label{color:var(--text-muted);margin-top:6px;font-size:.78rem}.copy-row{justify-content:center;gap:10px;margin-top:14px;display:flex}.qr-section{text-align:center}.qr-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-size:.78rem;font-weight:600;display:flex}.qr-label svg{color:var(--primary)}.qr-frame{background:var(--white-tint);border-radius:18px;margin-bottom:16px;padding:24px;display:inline-block;box-shadow:0 12px 40px #00000059;box-shadow:0 12px 40px lab(0% 0 0/.35)}#qrcode canvas,#qrcode img{border-radius:10px;display:block}.qr-id{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);letter-spacing:1px;border-radius:10px;margin-bottom:16px;padding:8px 18px;font-family:ui-monospace,Courier New,monospace;font-size:.82rem;display:inline-block}.url-display{background:var(--surface-2);border:1px dashed var(--border-hover);color:var(--text-muted);word-break:break-all;text-align:left;border-radius:12px;margin-bottom:20px;padding:14px 16px;font-family:ui-monospace,Courier New,monospace;font-size:.8rem}.qr-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:10px;display:flex}.instructions{text-align:left;margin-top:24px}.instructions h3{color:var(--text);align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;font-weight:700;display:flex}.instructions h3 svg{color:var(--primary)}.instructions ul{list-style:none}.instructions li{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:flex-start;gap:12px;padding:10px 0;font-size:.88rem;line-height:1.5;display:flex}.instructions li:last-child{border-bottom:none}.instructions .step-num{background:var(--surface-2);border:1px solid var(--border);min-width:26px;height:26px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.stats-row{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.stat-box{background:var(--surface-2);border:1px solid var(--border);text-align:center;border-radius:16px;padding:16px}.stat-box .label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:.72rem;font-weight:600}.stat-box .num{color:var(--text);font-size:1.6rem;font-weight:800;line-height:1}.empty-state{color:var(--text-faint);text-align:center;padding:6px 0 2px;font-size:.82rem;line-height:1.5}.footer{text-align:center;color:var(--text-faint);margin-top:auto;padding-top:30px;font-size:.78rem;line-height:1.8}.footer .privacy{align-items:center;gap:6px;display:inline-flex}.footer svg{color:var(--secondary)}.toast{background:var(--surface-1);border:1px solid var(--border);color:var(--text);opacity:0;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);z-index:1000;pointer-events:none;text-align:center;border-radius:14px;max-width:calc(100vw - 40px);padding:14px 24px;font-size:.9rem;font-weight:500;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(16px);box-shadow:0 12px 40px #00000073;box-shadow:0 12px 40px lab(0% 0 0/.45)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.honeypot{opacity:0;border:none;width:1px;height:1px;padding:0;position:absolute;left:-9999px}.recaptcha-wrap{justify-content:center;margin-bottom:18px;display:flex}.recaptcha-wrap>div{border-radius:10px;overflow:hidden}.char-count{text-align:right;color:var(--text-faint);margin-top:6px;font-size:.72rem;display:block}.spinner{border:2px solid #f3f5f959;border:2px solid lab(96.504% -.388592 -2.23103/.35);border-top-color:var(--white-tint);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:480px){.container{padding:20px 16px}.header h1{font-size:1.5rem}.card{padding:20px}.type-selector{grid-template-columns:1fr}.qr-actions{flex-direction:column}.qr-actions .btn{width:100%}.stats-row{grid-template-columns:1fr}}
