*{box-sizing:border-box}body{margin:0;background:#f6f8fa;color:#182a34;font:15px/1.6 system-ui,-apple-system,sans-serif}header,main,footer{max-width:1120px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 24px;border-bottom:1px solid #e0e6e9}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:18px;font-weight:750}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:#647681}.logo{display:grid;place-content:center;width:43px;height:43px;background:#123e4b;color:white;border-radius:12px;font-size:25px;position:relative}.logo span{font-size:16px;position:absolute;right:7px;bottom:3px;color:#91dbc6}.badge,.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#397468}.badge{border:1px solid #d5e3dd;border-radius:30px;padding:7px 12px}main{padding:48px 24px 30px}.intro{text-align:center;margin-bottom:38px}h1{font-size:48px;line-height:1.13;letter-spacing:-2px;margin:16px 0 20px;font-weight:700}h1 span{color:#377e74}.intro p{color:#657780;font-size:16px}.workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.scanner,.result{background:white;border:1px solid #dde5e8;border-radius:18px;padding:24px;box-shadow:0 8px 28px #233d4b05}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}h2{font-size:17px;margin:0}.panelhead span{font-size:11px;color:#77878e}#resultBadge{font-size:9px;letter-spacing:1px;background:#f0f4f5;padding:4px 9px;border-radius:5px}.viewport{position:relative;height:265px;display:grid;place-items:center;background:#edf3f2;border-radius:12px;overflow:hidden;text-align:center}.viewport video{width:100%;height:100%;object-fit:cover;position:absolute}.corners{position:absolute;inset:30px 64px;border:1px solid #94b9ad;border-radius:18px;pointer-events:none}.qrmark{font-size:60px;color:#39796f;line-height:1}h3{font-size:15px;margin:12px 0 4px}p{margin:6px 0;color:#6a7a82}#idle p{font-size:12px}.controls{display:flex;justify-content:center;gap:8px;margin-top:18px;flex-wrap:wrap}button,.button{border:1px solid #d4dfe2;background:white;border-radius:8px;padding:11px 17px;color:#23424a;cursor:pointer;font:600 13px system-ui;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#eff5f2}.primary{background:#176253;color:white;border-color:#176253}.primary:hover{background:#124d43}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #65aaff;outline-offset:3px}.divider{display:flex;align-items:center;gap:14px;margin:20px 0 16px;color:#89979e;font-size:11px}.divider:before,.divider:after{content:'';height:1px;background:#e6ebed;flex:1}.upload{border:1px dashed #b9cbcb;display:flex;flex-direction:column;align-items:center;padding:15px;border-radius:10px;cursor:pointer;background:#fbfcfc}.upload>span{font-size:24px;color:#397e74}.upload strong{font-size:12px}.upload small{font-size:10px;color:#87959b;margin-top:4px}#file{display:block;width:100%;font-size:11px;margin-top:10px}#status{font-size:11px;text-align:center;margin-top:14px;min-height:18px}.result{min-height:370px}#empty{text-align:center;padding:45px 0}.resulticon{font-size:28px;border:1px solid #dce5e7;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;margin:auto;color:#80959d}#empty p{font-size:13px}.privacy{display:flex;gap:15px;padding:23px 10px}.privacy>span{font-size:28px;color:#377e74}.privacy h3{margin-top:0}.privacy p{font-size:12px;line-height:1.8}.success{color:#176253;font-weight:600;margin-bottom:20px}#found label{font-size:10px;letter-spacing:1px;color:#71848c}textarea{width:100%;resize:vertical;border:1px solid #d8e2e5;background:#f7f9fa;padding:12px;border-radius:8px;color:#203e46;font:14px/1.6 system-ui;margin-top:6px;overflow-wrap:anywhere}#linkHint{font-size:11px;margin:10px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:48px 0 30px}.steps b{font-size:11px;color:#438375;letter-spacing:1px}.steps h3{margin-top:6px}.steps p,details{font-size:12px}details{border-top:1px solid #dfe6e9;padding:18px 0}summary{cursor:pointer;font-weight:600}details p{max-width:800px;padding-top:8px}footer{padding:24px;display:flex;justify-content:space-between;border-top:1px solid #e0e6e9;font-size:11px;color:#70848c}.muted{margin:0 4px}[hidden]{display:none!important}@media(max-width:700px){header{padding:20px}.badge{font-size:8px;padding:5px 8px}.brand{font-size:14px}.brand small{font-size:7px}main{padding:32px 16px}h1{font-size:34px;letter-spacing:-1.3px}.intro p{font-size:14px}.workspace{grid-template-columns:1fr}.scanner,.result{padding:20px}.result{min-height:270px}.steps{gap:18px;margin-top:20px}.steps p{font-size:11px}.steps h3{font-size:13px}footer{gap:15px;flex-direction:column}.desktop{display:none}}
select{width:100%;padding:12px;margin:8px 0 22px;border:1px solid #d8e2e5;border-radius:8px;background:#f7f9fa;color:#203e46;font:14px system-ui}form label{font-size:13px;font-weight:600}#hint,.downloadhint{font-size:11px;margin:8px 0 20px}.options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.controls{justify-content:flex-start;margin-top:4px}#status{text-align:left}.qrpreview{background:#f5f8f7;border-radius:12px;padding:20px;display:grid;place-items:center}#qr{max-width:100%;width:240px!important;height:auto!important;image-rendering:pixelated}#encoded{overflow-wrap:anywhere;font-size:12px;max-height:80px;overflow:auto;margin:16px 0}.downloadhint{margin:14px 0 0}.result{min-height:370px}.actions .primary{color:white}.scanner textarea{min-height:130px}#empty{padding:62px 0}.resulticon{font-size:32px}
/* Your Expert Tech brand palette */
body{background:#f7f6fb;color:#211c30}header{max-width:none;background:#181321;padding:22px max(24px,calc((100vw - 1072px)/2));border-bottom:3px solid #970acb;gap:24px}.brand-logo{display:block;width:254px;height:auto;max-width:100%}.brand{flex-shrink:0}.badge{color:#ffad78;border-color:#66412f;background:#2b1b20;white-space:nowrap}.eyebrow{color:#b33c00}h1 span{color:#800bb2}.intro p,p{color:#6b6577}.scanner,.result{border-color:#e5dfed;box-shadow:0 8px 28px #5b167807}.scanner{border-top:3px solid #ef5700}.result{border-top:3px solid #0088ba}.primary,.actions .primary{background:#800bb2;border-color:#800bb2;color:#fff}.primary:hover,.actions .primary:hover{background:#64078d;border-color:#64078d}button,.button{color:#5a2877;border-color:#dcd0e7}button:not(.primary):hover,.button:not(.primary):hover{background:#f2eafa}textarea,select{border-color:#e0d8e9;background:#faf9fc;color:#2c2238}.qrpreview{background:#eff6fb}.resulticon{color:#007ead;background:#eef7fb;border-color:#cce4ee}#resultBadge{color:#00658c;background:#e9f5fa}.privacy>span{color:#890cbc}.steps>div:nth-child(1) b{color:#ba3e00}.steps>div:nth-child(2) b{color:#00749c}.steps>div:nth-child(3) b{color:#850ab5}details,footer{border-color:#e1dbe8}footer{color:#73667f}:focus-visible{outline-color:#008cce}@media(max-width:700px){header{padding:18px 20px;gap:14px}.brand{min-width:0;flex-shrink:1}.brand-logo{width:210px}.badge{font-size:8px;letter-spacing:1px;padding:6px 8px}}@media(max-width:380px){header{flex-wrap:wrap}.brand-logo{width:220px}.badge{font-size:9px}}
footer{gap:20px;align-items:flex-start}footer nav{display:flex;gap:12px 18px;flex-wrap:wrap;max-width:650px}a{color:#72069e}header .badge{color:#ffad78}.textbutton{border:0;padding:0;background:none;text-decoration:underline;font:inherit;color:#72069e;cursor:pointer}.cookie-notice{margin:16px auto 24px;max-width:1072px;padding:24px;border:1px solid #d8c5e5;border-top:3px solid #800bb2;border-radius:14px;background:#fff;box-shadow:0 8px 24px #2610320c}.cookie-notice p{font-size:13px;margin:10px 0 16px}.cookie-notice h2{font-size:18px}.legal{max-width:850px}.legal h1{font-size:36px}.legal h2{margin:28px 0 12px;font-size:20px}.legal p,.legal li{font-size:15px;line-height:1.8}.legal li{margin-bottom:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px){.cookie-notice{margin:16px;padding:20px}footer nav{flex-direction:column;align-items:flex-start}.cookie-notice .actions{flex-direction:column}.legal h1{font-size:30px}}