:root{--bg:#030b20;--surface:#071833;--surface-soft:#0a2448;--text:#a9c4d8;--text-strong:#e8f8ff;--border:#00aeef38;--border-strong:#00aeef8a;--accent:#00aeef;--accent-strong:#008bd2;--accent-gold:#ffc400;color:var(--text);background:var(--bg);font-synthesis:none;letter-spacing:-.005em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;font-weight:700;line-height:1.1}p{font-weight:400}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,p{overflow-wrap:anywhere}.app-shell{background:radial-gradient(circle at 20% 6%, #00aeef38, transparent 26%), radial-gradient(circle at 82% 88%, #0052a047, transparent 30%), linear-gradient(145deg, #ffc40014, transparent 26%), var(--bg);min-height:100svh}.app-shell:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#00aeef13 1px,#0000 1px),linear-gradient(90deg,#00aeef13 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 84%);mask-image:linear-gradient(#000000b8,#0000 84%)}.app-shell>*{z-index:1;position:relative}.start-screen{background:#030918;place-items:end center;min-height:100svh;display:grid;position:relative;overflow:hidden}.start-screen>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.start-screen:after{content:"";background:radial-gradient(circle,#030b2000,#030b2047 58%,#030b209e),linear-gradient(#0000 32%,#030b203d 58%,#030b20e6);position:absolute;inset:0}.start-actions{z-index:1;text-align:center;justify-items:center;gap:12px;width:min(460px,100% - 40px);margin-bottom:clamp(34px,7vh,76px);padding:0;display:grid;position:relative}.start-label{color:#e8f8ffb8;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.start-button-grid{grid-template-columns:1fr;gap:10px;width:100%;display:grid}.app-shell.compact{grid-template-rows:auto 1fr;display:grid}.top-nav{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030b20bd;justify-content:center;gap:6px;padding:12px;display:flex;position:sticky;top:0}.top-nav a,.display-top a,.plain-link{color:var(--text-strong);text-decoration:none}.top-nav a{border:1px solid #0000;border-radius:999px;min-width:86px;padding:8px 14px;font-size:14px;font-weight:600}.top-nav a:hover{border-color:var(--border-strong);background:#00aeef1f}.register-layout{text-align:left;grid-template-columns:minmax(280px,.78fr) minmax(360px,1fr);align-items:center;gap:clamp(36px,6vw,76px);width:min(1080px,100% - 48px);min-height:100svh;margin:0 auto;padding:clamp(42px,8vh,84px) 0;display:grid}.register-copy{align-self:center;gap:18px;max-width:480px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:600}.register-copy h1,.qr-copy h1,.display-top h1{color:var(--text-strong);letter-spacing:-.025em;margin:0;line-height:1.05}.register-copy h1,.qr-copy h1{max-width:12ch;font-size:clamp(40px,4.4vw,58px);font-weight:700}.muted{max-width:34rem;color:var(--text);margin:0;font-weight:400;line-height:1.55}.register-form{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071833d1;border-radius:8px;gap:16px;padding:clamp(22px,3vw,30px);display:grid;box-shadow:0 24px 90px #00000052,inset 0 1px #ffffff0d}.registration-steps{grid-template-columns:34px 1fr 34px;align-items:center;gap:10px;display:grid}.registration-result .registration-steps{grid-template-columns:34px 1fr 34px 1fr 34px;width:100%}.registration-steps span{border:1px solid var(--border);width:34px;height:34px;color:var(--text);background:#040e22d1;border-radius:999px;place-items:center;font-size:13px;font-weight:600;display:grid}.registration-steps span.active{border-color:var(--accent);color:#021126;background:var(--accent-gold)}.registration-steps i{background:linear-gradient(90deg, var(--accent), #00aeef29);height:1px}.registration-steps span.active+i{background:linear-gradient(90deg, var(--accent-gold), var(--accent))}.step-copy{background:#00aeef14;border:1px solid #00aeef2e;border-radius:8px;gap:6px;padding:14px 16px;display:grid}.step-copy strong,.step-copy p{margin:0}.step-copy strong{color:var(--text-strong);font-size:15px;font-weight:600}.step-copy p{color:var(--text);font-size:13px;font-weight:400}.registration-result{border:1px solid var(--border);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071833db;border-radius:8px;justify-items:center;gap:18px;padding:clamp(24px,4vw,34px);display:grid;box-shadow:0 24px 90px #00000052,inset 0 1px #ffffff0d}.result-mark{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #22c55e80;border-radius:999px;place-items:center;width:84px;height:84px;font-size:28px;font-weight:800;display:grid;box-shadow:0 0 60px #22c55e52}.result-mark svg{width:44px;height:44px}.registration-result.is-failed .result-mark{color:#fff;background:linear-gradient(135deg,#be123c,#ef4444);box-shadow:0 0 60px #ef44443d}.result-copy{justify-items:center;gap:10px;display:grid}.result-copy h2,.result-copy p{margin:0}.result-copy h2{color:var(--text-strong);letter-spacing:-.02em;font-size:clamp(26px,3.2vw,36px);font-weight:700;line-height:1.1}.result-copy p{max-width:34rem;color:var(--text);font-weight:400;line-height:1.55}.record-summary{text-align:left;background:#00aeef14;border:1px solid #00aeef2e;border-radius:8px;gap:10px;width:100%;margin:0;padding:16px;display:grid}.record-summary div{justify-content:space-between;gap:16px;display:flex}.record-summary dt,.record-summary dd{margin:0}.record-summary dt{color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.record-summary dd{color:var(--text-strong);text-align:right;font-weight:600}.result-actions{flex-direction:column;gap:12px;width:100%;display:flex}.result-actions>*{width:100%}label{color:var(--text-strong);gap:8px;font-size:13px;font-weight:500;display:grid}input{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text-strong);font:inherit;letter-spacing:0;background:#040e22d1;border-radius:6px;padding:13px 14px}input:focus{border-color:var(--accent);outline:3px solid #00aeef33}input:disabled{cursor:not-allowed;opacity:.62}.camera-panel{gap:12px;display:grid}.camera-preview{border:1px solid var(--border);background-color:#06142c;background-image:linear-gradient(#00aeef1a 1px,#0000 1px),linear-gradient(90deg,#00aeef1a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 54px #00aeef1a}.camera-preview video,.camera-preview img{object-fit:cover;width:100%;height:100%;min-height:360px}.face-recognition-overlay{--face-frame-size:clamp(180px, 42%, 250px);--scan-distance:174px;pointer-events:none;background:radial-gradient(circle,#00aeef14,#0000 58%),linear-gradient(#030b201a,#030b205c);place-items:center;display:grid;position:absolute;inset:0}.face-recognition-overlay img{width:var(--face-frame-size);object-fit:contain;opacity:.72;mix-blend-mode:screen;filter:drop-shadow(0 0 18px #00aeefb3);max-width:calc(100% - 56px);height:auto;min-height:0;max-height:74%;animation:1.6s ease-in-out infinite facePulse}.face-scan-line{top:calc(50% - (var(--scan-distance) / 2));width:min(var(--face-frame-size), calc(100% - 56px));background:var(--accent);height:3px;box-shadow:0 0 24px var(--accent);border-radius:99px;animation:1.35s linear infinite cameraScan;position:absolute;left:50%;transform:translate(-50%)}.camera-empty{color:#78d9ff;letter-spacing:.08em;text-align:center;text-transform:uppercase;justify-items:center;gap:6px;font-size:12px;font-weight:600;display:grid;position:absolute}.camera-empty small{max-width:24ch;color:var(--text);text-transform:none;font-size:12px;font-weight:700;line-height:1.35}.camera-actions{gap:10px;display:flex}.verification-status{inset-inline:22px;z-index:2;color:var(--text-strong);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030b20bd;border:1px solid #00aeef47;border-radius:8px;justify-items:center;gap:7px;padding:16px;display:grid;position:absolute;bottom:20px;box-shadow:0 16px 42px #00000057}.verification-status p,.verification-status span{margin:0}.verification-status p{font-size:14px;font-weight:600}.verification-status strong{color:var(--accent-gold);letter-spacing:-.025em;font-size:42px;font-weight:700;line-height:1}.verification-status span{color:var(--text);font-size:12px;font-weight:400}.verification-hint{color:var(--text);margin:0;font-size:13px;font-weight:700}.face-scanner-screen{z-index:80;color:#fff;background:#030b20;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.face-scanner-screen video{object-fit:cover;width:100%;max-width:min(720px,100vw);height:100%;max-height:min(960px,100vh);transform:scaleX(-1)}@media (width>=901px){.face-scanner-screen video{object-fit:cover;aspect-ratio:3/4;width:auto;max-width:none;height:100vh;max-height:100vh}}.face-scanner-shade{background:radial-gradient(circle,#00aeef05,#030b2075 58%),linear-gradient(#030b2066,#030b202e 44%,#030b20d1);position:absolute;inset:0}.fullscreen-face-overlay{--face-frame-size:clamp(230px, 34vmin, 390px);--scan-distance:min(260px, 32vmin);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.face-frame{width:var(--face-frame-size);aspect-ratio:3/4;place-items:center;max-width:calc(100vw - 56px);max-height:min(62vh,520px);display:grid;position:relative}.fullscreen-face-overlay img{object-fit:contain;opacity:.78;mix-blend-mode:screen;filter:drop-shadow(0 0 26px #00aeefdb);width:100%;max-width:100%;height:100%;max-height:100%;animation:1.6s ease-in-out infinite facePulse,2.4s ease-in-out infinite faceGlow}.face-ring{aspect-ratio:1;pointer-events:none;border:1.5px solid #00aeef8c;border-radius:999px;width:70%;margin:auto;animation:2.6s ease-out infinite faceRing;position:absolute;inset:0}.face-ring.delay{animation-delay:1.3s}.face-corner{border:2px solid var(--accent);filter:drop-shadow(0 0 8px #00aeefb3);width:24px;height:24px;animation:1.8s ease-in-out infinite cornerBlink;position:absolute}.face-corner.tl{border-bottom:0;border-right:0;border-radius:6px 0 0;top:0;left:0}.face-corner.tr{border-bottom:0;border-left:0;border-radius:0 6px 0 0;animation-delay:.2s;top:0;right:0}.face-corner.bl{border-top:0;border-right:0;border-radius:0 0 0 6px;animation-delay:.4s;bottom:0;left:0}.face-corner.br{border-top:0;border-left:0;border-radius:0 0 6px;animation-delay:.6s;bottom:0;right:0}.fullscreen-face-overlay .face-scan-line{top:calc(50% - (var(--scan-distance) / 2));width:100%;max-width:100%}.face-scan-line.vertical{top:50%;left:calc(50% - (var(--scan-distance) / 2));width:3px;height:min(var(--face-frame-size), calc(100vw - 64px));animation:1.7s linear infinite cameraScanVertical;transform:translateY(-50%)}.fullscreen-scan-status{inset-inline:20px;bottom:max(28px, env(safe-area-inset-bottom));text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030b20c2;border:1px solid #00aeef4d;border-radius:8px;justify-items:center;gap:8px;width:min(520px,100% - 40px);margin:0 auto;padding:20px;display:grid;position:absolute;box-shadow:0 24px 80px #00000070}.fullscreen-scan-status p,.fullscreen-scan-status span{margin:0}.fullscreen-scan-status p{font-size:16px;font-weight:600}.fullscreen-scan-status strong{color:var(--accent-gold);letter-spacing:-.03em;font-size:clamp(56px,9vw,96px);font-weight:700;line-height:.95}.fullscreen-scan-status span{color:var(--text);font-size:12px;font-weight:400}button{cursor:pointer;font:inherit;letter-spacing:0;border:0;border-radius:6px;font-weight:600}button:disabled{cursor:wait;opacity:.76}.primary-button,.secondary-button,.ghost-button{min-height:48px;padding:0 18px}.button-link{font:inherit;letter-spacing:0;border-radius:6px;place-items:center;font-weight:600;text-decoration:none;display:inline-grid}.primary-button{color:#021126;background:linear-gradient(135deg, var(--accent-gold), #ffdc4a)}.primary-button:hover{filter:brightness(1.06)}.secondary-button{color:#fff;background:linear-gradient(135deg, var(--accent-strong), #00aeef)}.ghost-button{color:var(--text-strong);background:#00aeef1f}.notice{color:#be123c;margin:0;font-size:13px;font-weight:500}.notice.success{color:#67e8f9}.qr-screen{text-align:center;align-content:center;place-items:center;gap:24px;min-height:100svh;padding:clamp(28px,6vh,56px) 20px;display:grid}.qr-copy{justify-items:center;display:grid}.qr-frame{border:1px solid var(--border);background:#e8f8ff;border-radius:8px;width:min(78vw,430px);padding:18px;box-shadow:0 30px 80px #00000052}.qr-frame img{width:100%;height:auto;display:block}.plain-link{overflow-wrap:anywhere;max-width:calc(100vw - 40px);font-size:13px;font-weight:500}.display-screen{color:#f8fafc;background:radial-gradient(circle at 18% 18%,#00aeef38,#0000 28%),radial-gradient(circle at 82% 72%,#ffc40024,#0000 30%),#030b20;min-height:100svh;position:relative;overflow:hidden}.display-screen:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 82%);mask-image:linear-gradient(#000000e6,#0000 82%)}.display-top{z-index:2;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 32px;display:flex;position:relative}.display-top h1{color:#fff;letter-spacing:-.02em;font-size:30px;font-weight:700}.display-top a{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500}.photo-wall{z-index:1;grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);gap:14px;transition:filter .4s,opacity .4s;display:grid;position:absolute;inset:110px 24px 40px;overflow:hidden}@media (width<=1280px){.photo-wall{gap:10px;inset:96px 18px 28px}}@media (width<=900px){.photo-wall{gap:8px;inset:86px 14px 24px}}@media (width<=560px){.photo-wall{gap:6px;inset:78px 10px 18px}}.is-locked .photo-wall,.is-scanning .photo-wall,.is-ready .photo-wall{filter:brightness(.62)saturate(.76)}.photo-slot{aspect-ratio:3/4;align-self:center;place-items:center;display:grid;position:relative}.photo-tile{background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;animation:3.6s ease-in-out forwards tilePulseSlideL;position:absolute;inset:0;overflow:hidden;box-shadow:0 12px 28px #0000006b}.photo-tile img{object-fit:cover;width:100%;height:100%}.photo-tile.slide-r{animation-name:tilePulseSlideR}.photo-tile.slide-u{animation-name:tilePulseSlideU}.photo-tile.slide-d{animation-name:tilePulseSlideD}.vortex .photo-tile{transform-origin:50%;animation:1.6s cubic-bezier(.7,0,.2,1) forwards vortexSuck}@keyframes tilePulseSlideL{0%{opacity:0;transform:translate(14px)}18%{opacity:1;transform:translate(0)}82%{opacity:1;transform:translate(-4px)}to{opacity:0;transform:translate(-14px)}}@keyframes tilePulseSlideR{0%{opacity:0;transform:translate(-14px)}18%{opacity:1;transform:translate(0)}82%{opacity:1;transform:translate(4px)}to{opacity:0;transform:translate(14px)}}@keyframes tilePulseSlideU{0%{opacity:0;transform:translateY(14px)}18%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(-4px)}to{opacity:0;transform:translateY(-14px)}}@keyframes tilePulseSlideD{0%{opacity:0;transform:translateY(-14px)}18%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(4px)}to{opacity:0;transform:translateY(14px)}}.center-control,.scanner-overlay,.success-screen{z-index:4;text-align:center;align-content:center;place-items:center;gap:14px;padding:24px;display:grid;position:fixed;inset:0}.center-control{pointer-events:none;background:radial-gradient(circle,#1018206b,#0000 42%)}.center-control button{pointer-events:auto}.center-control p{color:#ffffffb8;letter-spacing:.08em;text-transform:lowercase;margin:0;font-size:12px;font-weight:700}.lock-button,.activate-button{color:#fff;text-transform:uppercase;border:1px solid #ffffff2e;min-width:190px;min-height:68px;padding:0 34px;box-shadow:0 26px 70px #00000057}.lock-button{background:linear-gradient(135deg,#7f1d1d,#be123c)}.activate-button{color:#021126;background:linear-gradient(135deg,#00aeef,#ffc400)}.scanner-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101820c7}.scanner-overlay p,.scanner-overlay strong{margin:0}.scanner-overlay strong{color:#78d9ff;font-size:42px;line-height:1}.hand-scanner{background-color:#00aeef0f;background-image:linear-gradient(#00aeef1a 1px,#0000 1px),linear-gradient(90deg,#00aeef1a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #00aeef75;border-radius:12px;place-items:center;width:260px;height:260px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 80px #00aeef2e}.hand-icon{color:#e8f8ffeb;filter:drop-shadow(0 0 16px #00aeefcc);width:60%;height:60%;animation:1.8s ease-in-out infinite handPulse,2.6s ease-in-out infinite handGlow}.hand-ring{aspect-ratio:1;pointer-events:none;border:1.5px solid #00aeef99;border-radius:999px;width:60%;margin:auto;animation:2.6s ease-out infinite handRing;position:absolute;inset:0}.hand-ring.delay{animation-delay:1.3s}.hand-corner{border:2px solid var(--accent);filter:drop-shadow(0 0 8px #00aeefb3);width:22px;height:22px;animation:1.8s ease-in-out infinite cornerBlink;position:absolute}.hand-corner.tl{border-bottom:0;border-right:0;border-radius:6px 0 0;top:10px;left:10px}.hand-corner.tr{border-bottom:0;border-left:0;border-radius:0 6px 0 0;animation-delay:.2s;top:10px;right:10px}.hand-corner.bl{border-top:0;border-right:0;border-radius:0 0 0 6px;animation-delay:.4s;bottom:10px;left:10px}.hand-corner.br{border-top:0;border-left:0;border-radius:0 0 6px;animation-delay:.6s;bottom:10px;right:10px}.hand-scan-line{inset-inline:16px;background:var(--accent);height:3px;box-shadow:0 0 24px var(--accent);border-radius:99px;animation:1.4s linear infinite scanMove;position:absolute;top:22px}.success-screen{background:#030b20}.success-mark{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #22c55e80;border-radius:999px;place-items:center;width:112px;height:112px;animation:.6s cubic-bezier(.16,.84,.3,1.2) both successPop;display:grid;box-shadow:0 0 80px #22c55e73}.success-mark svg{width:60px;height:60px}@keyframes successPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes facePulse{0%,to{opacity:.54;transform:scale(.985)}50%{opacity:.82;transform:scale(1.015)}}@keyframes faceGlow{0%,to{filter:drop-shadow(0 0 18px #00aeef99)}50%{filter:drop-shadow(0 0 36px #00aeef)drop-shadow(0 0 8px #78d9ffb3)}}@keyframes faceRing{0%{opacity:.9;border-color:#00aeefb3;transform:scale(.6)}80%{opacity:.15}to{opacity:0;border-color:#00aeef00;transform:scale(1.15)}}@keyframes cornerBlink{0%,to{opacity:.4;border-color:#00aeef80}50%{opacity:1;border-color:var(--accent-gold);filter:drop-shadow(0 0 12px #ffc400cc)}}@keyframes cameraScanVertical{0%{opacity:.28;transform:translateY(-50%)}50%{opacity:1}to{transform:translate(var(--scan-distance), -50%);opacity:.28}}@keyframes cameraScan{0%{opacity:.28;transform:translate(-50%)}50%{opacity:1}to{transform:translate(-50%, var(--scan-distance));opacity:.28}}.success-screen h2{color:#fff;letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(40px,5vw,60px);font-weight:700;line-height:1.05}@keyframes scanMove{0%{opacity:.25;transform:translateY(0)}50%{opacity:1}to{opacity:.25;transform:translateY(216px)}}@keyframes handPulse{0%,to{opacity:.78;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}@keyframes handGlow{0%,to{filter:drop-shadow(0 0 12px #00aeef80)}50%{filter:drop-shadow(0 0 26px #00aeef)drop-shadow(0 0 6px #78d9ffb3)}}@keyframes handRing{0%{opacity:.9;border-color:#00aeefb3;transform:scale(.55)}80%{opacity:.15}to{opacity:0;border-color:#00aeef00;transform:scale(1.2)}}@keyframes vortexSuck{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translate(calc(var(--cx) * -100vw), calc(var(--cy) * -100vh)) rotate(540deg) scale(.05)}}@media (width<=1024px){.register-layout{gap:32px;width:min(940px,100% - 32px)}.register-copy h1,.qr-copy h1{font-size:56px}.face-recognition-overlay{--face-frame-size:clamp(170px, 40%, 230px);--scan-distance:158px}}@media (width<=860px){.start-actions{width:min(430px,100% - 32px);margin-bottom:32px}.register-layout{grid-template-columns:1fr;align-content:start;gap:24px;min-height:100svh;padding:30px 0}.register-copy{gap:14px}.register-copy h1,.qr-copy h1{max-width:13ch;font-size:42px}.register-form{padding:18px}.camera-preview,.camera-preview video,.camera-preview img{min-height:320px}.face-recognition-overlay{--face-frame-size:clamp(160px, 48%, 220px);--scan-distance:148px}.face-recognition-overlay img{max-height:70%}.display-top{padding:20px}.display-top h1{font-size:25px}.success-screen h2{font-size:42px}}@media (width<=520px){.start-screen>img{object-fit:contain;width:min(920px,230vw);max-width:none;height:auto;inset:0 auto auto 50%;transform:translate(-50%)}.start-actions{align-self:end;width:min(100% - 28px,380px);margin:0 0 22px;padding:0}.register-layout{width:min(100% - 24px,430px);padding:22px 0}.register-form{padding:16px}.register-copy h1,.qr-copy h1{font-size:38px}.muted{font-size:15px}.registration-result{padding:18px}.result-mark{width:72px;height:72px;font-size:22px}.record-summary div{gap:3px;display:grid}.record-summary dd{text-align:left}.camera-preview,.camera-preview video,.camera-preview img{min-height:300px}.face-recognition-overlay{--face-frame-size:clamp(145px, 54%, 205px);--scan-distance:136px}.camera-actions{flex-wrap:wrap}.primary-button,.secondary-button,.ghost-button{width:100%}.fullscreen-face-overlay{--face-frame-size:clamp(220px, 72vw, 310px);--scan-distance:210px}.fullscreen-scan-status{padding:16px}.fullscreen-scan-status p{font-size:16px}}