:root{--background:#f4f7f6;--foreground:#152b35;--card:#fff;--card-foreground:#152b35;--popover:#fff;--popover-foreground:#152b35;--primary:#123d49;--primary-foreground:#fff;--secondary:#e8f1f0;--secondary-foreground:#123d49;--muted:#edf3f2;--muted-foreground:#5d727a;--accent:#d4f1e9;--accent-foreground:#123d49;--destructive:#be4242;--border:#d5e1df;--input:#d5e1df;--ring:#168d78;--radius:.9rem}
*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif}body{margin:0;background:var(--background);color:var(--foreground)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit} .shell{max-width:1120px;margin:0 auto;padding:0 28px}.topbar{height:76px;background:white;border-bottom:1px solid var(--border)}.topbar .shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:1.17rem;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;background:var(--primary);padding:9px;border-radius:11px;transform:rotate(-6deg)}.brand-mark i{width:8px;height:8px;background:#d3ff83;border-radius:2px}.brand-mark i:last-child{background:white}.nav{display:flex;gap:6px}.nav a{text-decoration:none;padding:10px 15px;border-radius:10px;font-weight:700;color:#536b72}.nav a.active{background:#e1f4ee;color:#176f5d}.main{padding-top:46px;padding-bottom:70px}.eyebrow{color:#14836d;font-size:.85rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.title{font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.08;letter-spacing:-.055em;margin:10px 0}.intro{color:#62777f;line-height:1.55;margin:0 0 32px;max-width:650px}.grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:22px}.card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:0 18px 50px #254e4a0a}.card h2{font-size:1.19rem;margin:0 0 22px;letter-spacing:-.025em}.label{display:block;font-size:.91rem;font-weight:700;margin:20px 0 8px}.field{width:100%;padding:13px 14px;border:1px solid #cbdad8;border-radius:11px;background:white;color:var(--foreground);outline:0;min-height:48px}.field:focus{border-color:#148d77;box-shadow:0 0 0 3px #58bda437}.textarea{min-height:116px;resize:vertical}.types{display:flex;flex-wrap:wrap;gap:8px}.types button{border:1px solid #d5e3df;border-radius:10px;padding:10px 16px;background:#fff;font-weight:700;color:#456068}.types button.selected{background:#123d49;border-color:#123d49;color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.color-row{display:flex;align-items:center;gap:10px}.color-row input{width:48px;height:44px;padding:3px;border:1px solid var(--border);border-radius:10px;background:white}.color-row span{font-size:.9rem;color:#5e737a}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:12px 17px;min-height:46px;font-weight:700;text-decoration:none;border:1px solid transparent}.primary{background:#123d49;color:white}.primary:hover{background:#1d5965}.secondary{background:white;border-color:#c9dad7;color:#19434d}.secondary:hover{background:#f0f7f5}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}.preview-card{display:flex;flex-direction:column;align-items:center;text-align:center}.preview-card h2{align-self:stretch;text-align:left}.qr-frame{width:min(100%,298px);aspect-ratio:1;background:#fff;border:1px solid #d8e4e1;border-radius:20px;display:grid;place-items:center;padding:15px;margin:14px 0 22px}.qr-frame img{width:100%;height:100%;object-fit:contain}.empty-pattern{width:70%;aspect-ratio:1;opacity:.2;background:repeating-conic-gradient(#123d49 0 25%,transparent 0 50%) 0 0/36px 36px;mask-image:linear-gradient(140deg,#000,transparent)}.hint{color:#62777f;line-height:1.5;font-size:.93rem;max-width:320px;margin:0 auto 20px}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.notice{border-radius:10px;background:#e9f7f1;padding:12px;color:#17644f;font-size:.9rem;margin-top:16px}.error{background:#fff0ef;color:#ad3e3e}.scan-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.option{border:1px solid #d4e2df;background:#fbfdfc;border-radius:16px;text-align:left;padding:20px;min-height:140px}.option:hover{border-color:#168d78;background:#f2faf7}.option strong{display:block;margin:10px 0 5px}.option small{display:block;color:#62777f;line-height:1.4;font-size:.85rem}.icon{display:inline-flex;width:33px;height:33px;border-radius:9px;align-items:center;justify-content:center;background:#dff4ea;color:#176c58;font-size:1.2rem}.upload{display:none}.video{width:100%;aspect-ratio:4/3;object-fit:cover;background:#173039;border-radius:14px;margin:13px 0}.result{overflow-wrap:anywhere;border:1px solid #d5e3df;background:#f6faf9;border-radius:13px;padding:18px;line-height:1.55;white-space:pre-wrap;min-height:100px;text-align:left;width:100%}.result-placeholder{color:#778b90}.fine{color:#71858a;font-size:.82rem;line-height:1.5;margin:18px 0 0}.foot{border-top:1px solid var(--border);padding:24px 0;color:#71858a;font-size:.85rem}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.camera-actions{margin:8px 0 16px}@media(max-width:780px){.grid{grid-template-columns:1fr}.main{padding-top:30px}.card{padding:22px}.topbar{height:auto;min-height:74px}.topbar .shell{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.nav a{padding:9px 11px;font-size:.91rem}}@media(max-width:470px){.shell{padding-left:18px;padding-right:18px}.scan-options{grid-template-columns:1fr}.split{grid-template-columns:1fr}.brand{font-size:1.08rem}.card{padding:19px}.nav{width:100%}.nav a{flex:1;text-align:center}}
[hidden]{display:none!important}
.nav a[aria-current="page"]{background:#e1f4ee;color:#176f5d}