*{box-sizing:border-box}:root{--ids-ink: #071827;--ids-ink-soft: #19364b;--ids-muted: #667782;--ids-paper: #fbf7ee;--ids-surface: rgba(255, 252, 245, .9);--ids-surface-strong: #fffdf7;--ids-line: rgba(7, 24, 39, .13);--ids-signal: #0f9f74;--ids-signal-dark: #075a48;--ids-warning: #d98713;--ids-danger: #c63b34;--ids-shadow: 0 26px 70px rgba(7, 24, 39, .18);color:var(--ids-ink);background:#e9f0e8;font-family:Aptos,DIN Alternate,Trebuchet MS,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100vh;background:#d7d7d7 url(/background-grey-grid-myidsid.png) center / cover no-repeat fixed;overflow-x:hidden}body:before{content:none}button,input{font:inherit}button{touch-action:manipulation}.shell{position:relative;isolation:isolate;width:min(100%,560px);min-height:100vh;margin:0 auto;padding:max(26px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px;animation:shell-in .46s ease both}.brand-hero{display:grid;place-items:center;padding:8px 0 2px}.hero-logo{width:min(78vw,260px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(7,24,39,.14))}.section-title{display:block;line-height:1.04}.muted{color:var(--ids-muted);font-size:.88rem}.status-pill{border:1px solid rgba(15,159,116,.28);border-radius:999px;padding:8px 11px;color:var(--ids-signal-dark);background:#ebfff7d1;font-size:.8rem;font-weight:800;white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff9e}.status-pill.warn{border-color:#d9871357;color:#7a4b09;background:#fff4d5e6}.panel{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.76);border-radius:32px;background:linear-gradient(150deg,#fffffff5,#fffaede6),var(--ids-surface);box-shadow:var(--ids-shadow);padding:22px}.panel:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--ids-signal),#6dffbd,var(--ids-warning))}.panel:after{content:"";position:absolute;right:-72px;top:-78px;width:180px;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(15,159,116,.18),transparent 70%);pointer-events:none}.panel>*{position:relative;z-index:1}.panel-stack{display:grid;gap:16px}.signed-out-panel{margin-top:10px}.eyebrow{margin:0 0 8px;color:var(--ids-signal-dark);font-size:.83rem;font-weight:900;text-transform:uppercase}.section-title{margin:0 0 8px;font-size:clamp(1.8rem,7vw,2.85rem);font-weight:900;color:var(--ids-ink)}.section-copy{margin:0;color:var(--ids-muted);font-size:1rem}.actions{display:grid;gap:11px;margin-top:16px}.button{width:100%;min-height:52px;border:0;border-radius:18px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 38%),linear-gradient(145deg,var(--ids-signal),var(--ids-signal-dark));box-shadow:0 14px 28px #0f9f743d;font-weight:900;letter-spacing:-.015em;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.button:hover,.button:focus-visible{box-shadow:0 18px 34px #0f9f744d;transform:translateY(-1px)}.button.secondary{color:var(--ids-ink-soft);border:1px solid var(--ids-line);background:#ffffffb8;box-shadow:inset 0 0 0 1px #ffffffb8}.button.secondary:hover,.button.secondary:focus-visible{box-shadow:0 12px 24px #0718271a}.button.danger{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 40%),linear-gradient(145deg,#d95049,#982a28);box-shadow:0 14px 28px #c63b343d}.button:disabled{cursor:not-allowed;opacity:.58;transform:none}.device-row,.challenge-row{display:grid;gap:5px;padding:15px;border:1px solid var(--ids-line);border-radius:20px;background:linear-gradient(135deg,#ffffffdb,#fffaedb8),var(--ids-surface-strong)}.device-row strong,.challenge-row strong{font-size:1rem;color:var(--ids-ink)}.form-grid{display:grid;gap:12px;margin-top:18px}.field-label{margin-bottom:-4px;color:var(--ids-muted);font-size:.82rem;font-weight:900;text-transform:uppercase}.input{width:100%;min-height:52px;border:1px solid var(--ids-line);border-radius:18px;padding:0 15px;background:#ffffffc7;color:var(--ids-ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input:focus{border-color:#0f9f749e;background:#fff;box-shadow:0 0 0 5px #0f9f741f}.scanner{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:30px;background:linear-gradient(135deg,rgba(109,255,189,.1),transparent 38%),#071827;aspect-ratio:1;box-shadow:inset 0 0 0 1px #ffffff14,0 18px 38px #07182738}.scanner:before,.scanner:after{content:"";position:absolute;z-index:2;pointer-events:none}.scanner:before{inset:18px;border:2px solid rgba(109,255,189,.82);border-radius:22px;box-shadow:0 0 26px #6dffbd38}.scanner:after{left:18px;right:18px;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(109,255,189,.95),transparent);animation:scan-line 2.4s ease-in-out infinite}.scanner video{width:100%;height:100%;object-fit:cover;display:block}.device-summary{display:grid;gap:8px;padding:15px;border:1px solid var(--ids-line);border-radius:20px;background:linear-gradient(135deg,#ffffffdb,#fffaedb8),var(--ids-surface-strong)}.device-summary span{color:var(--ids-muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.device-summary code{display:block;overflow-wrap:anywhere;color:var(--ids-ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;font-weight:800}.notice{border:1px solid rgba(15,159,116,.22);border-radius:22px;padding:12px 14px;color:var(--ids-signal-dark);background:#ecfff7db;box-shadow:0 12px 28px #07182714;font-size:.95rem;font-weight:750}.notice.error{border-color:#c63b3447;color:#8d2925;background:#ffeeebe6}.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.footer{margin-top:auto;color:#0718277a;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase}@keyframes shell-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes scan-line{0%,to{transform:translateY(-120px);opacity:0}16%,82%{opacity:1}50%{transform:translateY(120px)}}@media(max-width:420px){.shell{padding-inline:14px}.hero-logo{width:min(76vw,220px)}.status-pill{white-space:normal}.panel{border-radius:26px;padding:19px}.split-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}