*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1a6fb5;--primary-dark: #145a94;--success: #16a34a;--error: #dc2626;--warning: #f59e0b;--text: #1e293b;--text-light: #64748b;--bg: #f8fafc;--card-bg: #ffffff;--border: #e2e8f0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.card{background:var(--card-bg);border-radius:16px;box-shadow:0 4px 24px #00000014;padding:2.5rem 2rem;max-width:440px;width:100%;text-align:center}.logo{max-width:180px;margin-bottom:1.5rem}.card h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--text)}.card p{color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.instructions ul{text-align:left;margin:1.25rem 0;padding-left:0;list-style:none}.instructions li{position:relative;padding:.5rem 0 .5rem 2rem;color:var(--text);font-size:.9rem;border-bottom:1px solid var(--border)}.instructions li:last-child{border-bottom:none}.instructions li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--primary);border-radius:50%}.btn-primary{display:inline-block;margin-top:1.5rem;padding:.85rem 2.5rem;font-size:1rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:10px;cursor:pointer;transition:background .2s,transform .1s;width:100%}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.status-icon{font-size:3rem;margin-bottom:1rem}.page-success .status-icon,.page-success h2{color:var(--success)}.page-error .status-icon,.page-error h2{color:var(--error)}.page-expired .status-icon,.page-expired h2{color:var(--warning)}.page-loading,.capture-loading,.capture-active{text-align:center;padding:2rem}.spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.capture-error{text-align:center;padding:2rem}.capture-error p{color:var(--error);margin-bottom:1rem}.divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.result-details{text-align:left;margin:1.25rem 0}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.result-row:last-child{border-bottom:none}.result-label{font-size:.9rem;color:var(--text-light);font-weight:500}.result-value{font-size:.9rem;font-weight:600;color:var(--text)}.result-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.result-badge.success{background:#dcfce7;color:var(--success)}.result-badge.error{background:#fef2f2;color:var(--error)}.footer-text{font-size:.8rem;color:#94a3b8;margin-top:1.5rem}@media (max-width: 480px){.card{padding:2rem 1.5rem;border-radius:12px}.logo{max-width:150px}}.app-container{max-width:480px;margin:0 auto;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h2{color:#1a1a2e;margin-bottom:1rem}p{color:#444;line-height:1.6}ul{text-align:left;color:#444;line-height:2}button{background:#1a1a2e;color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;cursor:pointer;margin-top:1.5rem;width:100%}button:hover{background:#16213e}button:disabled{background:#999;cursor:not-allowed}.page-loading,.capture-loading,.capture-active{text-align:center;padding:3rem 1rem;color:#666}.page-success h2{color:#2d6a4f}.page-expired h2{color:#e76f51}.page-error h2{color:#d62828}.instructions{text-align:center}.capture-error{text-align:center;color:#d62828}