:root{--fg: #111;--muted: #666;--bg: #fafaf7;--card: #fff;--border: #ddd;--accent: #d4441e;--accent-hover: #b13615;--error: #c1272d;--ok: #1d7f3a}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--fg);background:var(--bg)}.container{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}header h1{font-size:2rem;margin:0 0 .25rem}header .sub{color:var(--muted);margin:0 0 2rem}.picker h2{margin-bottom:1rem;font-size:1.15rem;font-weight:600}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1rem;text-align:left;cursor:pointer;transition:border-color .15s,transform .05s}.card:hover{border-color:var(--accent)}.card:active{transform:scale(.99)}.card h3{margin:0 0 .25rem;font-size:1.1rem}.card .hint{color:var(--muted);font-size:.85rem;margin:0 0 .5rem}.card .bullet{color:var(--accent);font-size:.9rem;margin:0;font-weight:500}.scan-note{margin-top:1.5rem;color:var(--muted);font-size:.9rem}.form{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.5rem}.form h2{margin:.5rem 0 1.25rem}.form label{display:block;margin-bottom:1rem;font-size:.9rem;font-weight:500}.form input,.form select,.form textarea{display:block;width:100%;margin-top:.25rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;font-family:inherit;background:#fff}.form textarea{resize:vertical}.form small{display:block;color:var(--muted);font-weight:400;margin-top:.25rem}.contact{border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem 0;margin-bottom:1rem}.contact legend{padding:0 .5rem;color:var(--muted);font-size:.85rem}.contact input{margin-bottom:.75rem}.required{color:var(--error)}button.primary{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}button.primary:hover{background:var(--accent-hover)}button.primary:disabled{opacity:.6;cursor:not-allowed}button.link-back{background:none;border:none;color:var(--muted);padding:0 0 1rem;cursor:pointer;font-size:.9rem}button.link-back:hover{color:var(--accent)}.error{color:var(--error);margin-top:.5rem}.result{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:2rem 1.5rem}.result h2{margin:.5rem 0 1rem}.result .price{color:var(--accent);font-size:1.75rem;font-weight:700}.result code{background:#f0f0eb;padding:.1rem .35rem;border-radius:4px;font-size:.9rem}footer{margin-top:3rem;text-align:center;color:var(--muted);font-size:.85rem}footer a{color:var(--muted)}