body{background:radial-gradient(ellipse at top left,#dcecff,transparent 65%),radial-gradient(ellipse at right,#dff6ec,transparent 65%),#f5fafc;min-height:100vh}.validator-header{max-width:980px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.validator-header img{width:180px;height:55px;object-fit:contain}.validator-header a:last-child{font-size:12px;color:var(--teal)}.validator-main{max-width:550px;margin:20px auto 60px;padding:0 20px}.validator-main h1{font-size:46px;letter-spacing:-2px;margin-bottom:18px}.validator-main h1 em{color:#0b8790}.validator-main>p{font-size:14px}.validator-card{background:linear-gradient(140deg,#fffffff5,#ffffffb8);border:1px solid white;box-shadow:0 12px 35px #184c5b10;border-radius:24px;padding:25px;margin:20px 0;min-width:0}.validator-card h2{font-size:25px;letter-spacing:-.7px}.validator-card p{font-size:13px}.validator-card label{display:block;font-size:12px;font-weight:650;color:#577681;margin:16px 0}.validator-card input{display:block;width:100%;min-height:50px;border:1px solid #c6dde3;background:#ffffffd6;padding:13px 15px;border-radius:14px;font:16px system-ui;margin-top:7px;color:var(--ink)}input:focus-visible,button:focus-visible{outline:3px solid #0c939e;outline-offset:3px}.validator-card .button{cursor:pointer;min-height:48px}.validator-card form>.button{width:100%}.validator-card .actions{margin:14px 0}.error{color:#a13039!important;overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:wait}.reader-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.camera{background:#e8f3f6;border:1px solid #d7e7eb;border-radius:18px;overflow:hidden;position:relative;text-align:center;min-height:150px}.camera video{width:100%;max-height:290px;object-fit:cover;vertical-align:middle}.camera p{margin:0}.camera #camera-hint{padding:22px}.scan-icon{font-size:46px;color:#268a96}.result h2{font-size:27px;margin:10px 0}.result .product-name{font-size:29px;line-height:1.2;font-weight:750;letter-spacing:-.7px;color:var(--ink);overflow-wrap:anywhere}.result.valid,.result.confirmed{background:#e3f6eb;border-color:#b0dbc6}.result.invalid,.result.redeemed,.result.canceled{background:#fff0f1;border-color:#e5b6bc}.result.waiting{background:#fff6e4;border-color:#e7c786}.status-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:white;color:#177751;font-size:24px;font-weight:750}.result.invalid .status-icon,.result.redeemed .status-icon{color:#a13039}.result .button{width:100%;margin-top:12px}.micro{font-size:11px!important;line-height:1.7;color:#64808b}.footer-note{margin:26px 6px}.mode{font-size:11px;color:#755a21;background:#fff5d9;border-radius:12px;padding:12px;margin:16px 0}.mode:empty{display:none}#demo-qr{width:160px;margin:20px auto;background:#fff;padding:8px}#demo-qr svg{width:100%;height:auto;display:block}[hidden]{display:none!important}@media(max-width:420px){.validator-header{padding:10px 18px}.validator-header img{width:150px}.validator-header a:last-child{font-size:10px}.validator-main{margin-top:15px;padding:0 16px}.validator-main h1{font-size:40px}.validator-card{padding:20px}.validator-card .actions{display:grid;grid-template-columns:1fr}.validator-main .eyebrow{font-size:10px}}