:root{color:#132033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f3ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 6%,#2968ff1a,#0000 30%),linear-gradient(#fbfaf6 0%,#f2f5fb 52%,#eef2f8 100%);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{justify-content:center;width:100%;min-height:100vh;padding:18px;display:flex}.app-shell.centered{text-align:center;flex-direction:column;align-items:center;gap:16px}.scan-page{flex-direction:column;gap:16px;width:min(100%,450px);display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:10px 4px 4px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand strong{letter-spacing:-.01em;white-space:nowrap;font-size:15px;display:block}.brand small{color:#6a7485;font-size:11px;display:block}.brand-mark{color:#0f65ff;background:#fff;border-radius:14px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 10px 28px #0f65ff24}.brand-mark svg,.hero-icon svg,.call-button svg{fill:currentColor;width:21px;height:21px}.user-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.login-button,.link-button{color:#17243a;cursor:pointer;background:#ffffffc7;border:1px solid #1320331a;border-radius:999px;padding:9px 12px;box-shadow:0 8px 22px #1d2d4d14}.link-button{padding:7px 10px;font-size:12px}.user-chip{text-overflow:ellipsis;white-space:nowrap;color:#0f65ff;background:#0f65ff14;border-radius:999px;max-width:145px;padding:7px 10px;font-size:12px;overflow:hidden}.hero-card,.phone-card,.setup-card,.auth-card,.footer-card,.error-card{background:#ffffffe0;border:1px solid #14233a14;border-radius:28px;box-shadow:0 24px 70px #1c2c481f}.hero-card{grid-template-columns:1fr auto;align-items:center;gap:14px;padding:24px;display:grid;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:#0f65ff14;border-radius:50%;width:170px;height:170px;position:absolute;inset:auto -50px -70px auto}.eyebrow,.section-label{color:#0f65ff;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:-.05em;color:#111c2e;margin:0;font-size:clamp(28px,8vw,42px);line-height:1.02}h2{letter-spacing:-.035em;color:#111c2e;margin:0 0 10px;font-size:clamp(22px,6vw,30px);line-height:1.08}.notice,.muted{color:#637083;margin:12px 0 0;font-size:15px;line-height:1.65}.hero-icon{color:#fff;z-index:1;background:linear-gradient(135deg,#0f65ff,#22b8ff);border-radius:24px;place-items:center;width:70px;height:70px;display:grid;position:relative;box-shadow:0 18px 35px #0f65ff3d}.hero-icon svg{fill:currentColor;width:36px;height:36px}.phone-card,.setup-card,.auth-card,.footer-card,.error-card{padding:24px}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.status-chip{color:#6d7685;background:#f2f4f7;border-radius:999px;align-items:center;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-chip.active{color:#087a46;background:#e8f8ef}.help-text{color:#526176;margin:8px 0 12px;line-height:1.65}.phone-number{color:#101928;letter-spacing:-.055em;text-align:center;margin:10px 0;font-size:clamp(32px,11vw,52px);font-weight:900;line-height:1;display:block}.center{text-align:center}.call-button,.primary-button,.shop-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f65ff,#22a7ff);border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:14px;padding:16px 18px;font-weight:900;display:inline-flex;box-shadow:0 18px 42px #0f65ff47}.primary-button:disabled{opacity:.68;cursor:wait}.ghost-button{color:#17243a;cursor:pointer;background:#fff;border:1px solid #1320331a;border-radius:18px;justify-content:center;align-items:center;width:100%;margin-top:10px;padding:14px 16px;font-weight:800;display:inline-flex}.ghost-link{color:#0f65ff;font-weight:800}.form{gap:12px;margin-top:18px;display:grid}.form label{color:#4d5b70;gap:8px;font-size:13px;font-weight:800;display:grid}.form input{color:#111c2e;background:#fbfcff;border:1px solid #1320331f;border-radius:16px;outline:none;width:100%;padding:15px 14px;font-size:16px}.form input:focus{border-color:#0f65ff8c;box-shadow:0 0 0 4px #0f65ff1a}.form-error{color:#c03737;background:#fff1f1;border:1px solid #ffd5d5;border-radius:14px;margin:0;padding:11px 12px;line-height:1.45}.form-success{color:#087a46;background:#e8f8ef;border:1px solid #bdebcf;border-radius:14px;margin:0;padding:11px 12px;line-height:1.45}.reset-card{text-align:left;width:min(100%,430px)}.footer-card{gap:10px;margin-top:0;display:grid;box-shadow:0 16px 45px #1c2c4814}.footer-card p{color:#526176;margin:0;line-height:1.6}.footer-card small{color:#8a94a5;text-align:center}.shop-button{box-shadow:none;background:#111c2e;border-radius:16px;margin:0;padding:13px 16px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f18266b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{width:min(100%,430px);position:relative}.modal-panel .auth-card{box-shadow:0 26px 90px #00000040}.modal-close{z-index:1;color:#263348;cursor:pointer;background:#f0f3f8;border:0;border-radius:999px;place-items:center;width:34px;height:34px;padding:0;font-size:24px;font-weight:700;line-height:1;display:inline-grid;position:absolute;top:14px;right:14px;box-shadow:0 8px 18px #1d2d4d14}.modal-close:hover{background:#e5eaf2}.list-panel{background:#fff;border-radius:26px;padding:24px;box-shadow:0 26px 90px #00000040}.code-list{gap:10px;max-height:65vh;margin-top:14px;display:grid;overflow:auto}.code-item{background:#f8fafc;border:1px solid #13203317;border-radius:18px;gap:4px;padding:14px;display:grid}.code-item strong{color:#111c2e}.code-item span,.code-item small{color:#657286}.loader{border:4px solid #0f65ff24;border-top-color:#0f65ff;border-radius:50%;width:42px;height:42px;margin:6px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=430px){.app-shell{padding:12px}.scan-page{gap:12px}.topbar{align-items:flex-start}.user-actions{max-width:50%}.hero-card,.phone-card,.setup-card,.auth-card,.footer-card,.error-card{border-radius:24px;padding:20px}.hero-card{grid-template-columns:1fr}.hero-icon{width:58px;height:58px}.phone-number{font-size:clamp(30px,10vw,42px)}.login-button,.link-button,.user-chip{padding:7px 9px;font-size:11px}}@media (width<=340px){.brand small{display:none}.user-actions{gap:5px;max-width:56%}.phone-number{letter-spacing:-.07em}}