:root{--bg:#0d1016;--surface:#fff;--surface-soft:#f3f5f8;--text:#172133;--muted:#6f7a8e;--brand:#2979ff;--danger:#d93f46}*{box-sizing:border-box}body{background:radial-gradient(1200px 500px at 50% -40%,#2f4677,var(--bg));color:var(--text);font-family:Google Sans,Segoe UI,sans-serif;margin:0}.page{align-items:center;display:flex;justify-content:center;min-height:100dvh;padding:20px}.center-card{border-radius:20px;padding:24px;text-align:center;width:min(560px,100%)}.center-card,.flow-shell{background:var(--surface)}.flow-shell{border-radius:28px;min-height:calc(100dvh - 40px);overflow:hidden;width:min(620px,100%)}.onboarding-shell{display:grid;gap:16px;padding:24px}.hero img{max-height:220px;width:100%}.onboarding-shell h1,.onboarding-shell h2{margin:0}.onboarding-shell p{color:var(--muted);margin:0}.checklist,.question-list{display:grid;gap:10px}.check-row{all:unset;background:var(--surface-soft);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 14px}.question-list label{display:grid;gap:8px}.question-list input,.review-actions textarea{border:1px solid #d6deea;border-radius:10px;font:inherit;padding:11px 12px}.primary,.secondary{border:0;border-radius:999px;font-weight:700;height:50px}.primary{background:var(--brand);color:#fff}.secondary{background:#eff4ff;color:var(--brand)}.primary:disabled{opacity:.55}.tutorial-image{background:var(--surface-soft);border-radius:20px;padding:20px}.tutorial-image img{width:100%}.capture-shell{background:#000;color:#fff;min-height:calc(100dvh - 40px);position:relative}.step-counter{background:#00000073;border-radius:999px;padding:6px 10px;top:20px}.step-counter,.step-title{left:20px;position:absolute;z-index:5}.step-title{top:58px}.step-title p{color:#b2bdd1;font-size:12px;margin:0}.step-title h3{margin:3px 0 0}.camera-shell{height:calc(100dvh - 40px);position:relative;width:100%}.camera-video,.review-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.corner{height:34px;position:absolute;width:34px;z-index:3}.corner-tl{left:18px;top:18px}.corner-tr{right:18px;top:18px;transform:rotate(90deg)}.corner-br{bottom:140px;right:18px;transform:rotate(180deg)}.corner-bl{bottom:140px;left:18px;transform:rotate(270deg)}.mask-image{left:50%;opacity:.55;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(90%,520px);z-index:2}.vin-guide{border:3px solid #fff;border-radius:14px;box-shadow:0 0 0 9999px #00000059;height:150px;top:34%;width:min(80%,320px)}.capture-button,.vin-guide{left:50%;position:absolute;transform:translate(-50%)}.capture-button{background:var(--brand);border:6px solid #dbe7ff;border-radius:999px;bottom:30px;height:78px;width:78px}.mini-help{background:#fff;border-radius:14px;bottom:16px;padding:6px;position:absolute;right:16px;width:126px}.review-panel{height:100%;position:relative}.review-actions{background:#fff;border-top-left-radius:18px;border-top-right-radius:18px;bottom:0;color:var(--text);display:grid;gap:10px;left:0;padding:14px;position:absolute;right:0}.review-buttons{display:grid;gap:10px;grid-template-columns:1fr 1fr}.instruction-overlay{align-content:center;background:#fff;color:var(--text);display:grid;gap:16px;justify-items:center;min-height:calc(100dvh - 40px);padding:24px;text-align:center}.instruction-overlay img{max-height:320px;-o-object-fit:contain;object-fit:contain;width:min(100%,520px)}.error{color:var(--danger);font-size:14px;margin:8px}@media(max-width:720px){.page{padding:0}.flow-shell{border-radius:0;min-height:100dvh;width:100%}.camera-shell,.capture-shell,.instruction-overlay{height:100dvh;min-height:100dvh}}