*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand:#e81b2e;--brand-glow:#e81b2e40;--brand-soft:#e81b2e14;--brand-border:#e81b2e33;--bg:#111;--card:#1c1c1c;--card-border:#ffffff0f;--input-bg:#141414;--text:#eee;--text-2:#aaa;--text-3:#666;--green:#22c55e;--green-soft:#22c55e14;--green-border:#22c55e26;--r:16px;--r-sm:10px}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(160deg,#111,#1a0a0c 50%,#111);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100dvh;padding:1rem}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r);max-width:400px;overflow:hidden;width:100%}.card-header{background:linear-gradient(#e81b2e0f,#0000);border-bottom:1px solid var(--card-border);padding:1.5rem 1.5rem 1.25rem;text-align:center}.card-header .step-indicator{background:var(--input-bg);border:1px solid var(--card-border);border-radius:100px;color:var(--text-3);display:inline-block;font-size:.7rem;font-weight:500;margin-bottom:1rem;padding:.2rem .6rem}.card-header .brand-logo{display:block;height:28px;margin:0 auto .75rem;width:auto}.card-header h1,.card-header h2{color:var(--text);font-size:1.25rem;font-weight:700;margin-bottom:.35rem}.card-header p{color:var(--text-2);font-size:.825rem;line-height:1.5}.card-body{padding:1.5rem}.card-footer{padding:0 1.5rem 1.5rem}.field{margin-bottom:1rem}.field label{color:var(--text-2);display:block;font-size:.8rem;font-weight:500;margin-bottom:.4rem}.field input,.field select{appearance:none;background:var(--input-bg);border:1px solid #ffffff14;border-radius:var(--r-sm);color:var(--text);font-family:inherit;font-size:.95rem;padding:.8rem .9rem;transition:border .2s,box-shadow .2s;width:100%}.field input:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow);outline:none}.field select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23888' d='M5 7 0 2h10z'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;padding-right:2.25rem}.captcha-wrapper{margin-bottom:1.25rem}.btn{border:none;border-radius:var(--r-sm);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.9rem;transition:transform .1s,opacity .2s;width:100%}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-brand{background:var(--brand);box-shadow:0 4px 16px var(--brand-glow);color:#fff}.btn-ghost{background:none;border:1px solid #ffffff1f;color:var(--text)}.btn-ghost:active{background:#ffffff0a}.consent-label{align-items:flex-start;color:var(--text-2);cursor:pointer;display:flex;font-size:.78rem;gap:.6rem;line-height:1.5;margin-bottom:1.25rem}.consent-label input[type=checkbox]{accent-color:var(--brand);cursor:pointer;flex-shrink:0;height:18px;margin-top:.15rem;width:18px}.consent-label a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.consent-label a:hover{color:#ff2a3f}.legal-text{color:var(--text-3);font-size:.7rem;line-height:1.7;text-align:center}.legal-text a{color:var(--text-2);text-decoration:underline;text-underline-offset:2px}.form-error{background:var(--brand-soft);border:1px solid var(--brand-border);border-radius:var(--r-sm);color:var(--brand);font-size:.85rem;margin-bottom:1rem;padding:.7rem .9rem}.state-content{padding:2.5rem 1.5rem 1.5rem;text-align:center}.icon-circle{align-items:center;border-radius:50%;display:inline-flex;height:72px;justify-content:center;margin-bottom:1.25rem;width:72px}.icon-circle svg{height:36px;width:36px}.icon-circle.green{background:var(--green-soft);border:1px solid var(--green-border);color:var(--green)}.icon-circle.red{background:var(--brand-soft);border:1px solid var(--brand-border);color:var(--brand)}.state-content h2{color:var(--text);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.state-content p{color:var(--text-2);font-size:.875rem;line-height:1.6}.warning-banner{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:var(--r-sm);margin:0 1.5rem;padding:.75rem 1rem;text-align:center}.warning-banner strong{color:#fbbf24;display:block;font-size:.85rem;margin-bottom:.25rem}.warning-banner span{color:var(--text-2);font-size:.78rem}.next-steps{background:var(--input-bg);border-radius:var(--r-sm);margin:1.25rem 1.5rem 1.5rem;padding:1.25rem}.next-steps .ns-title{color:var(--text-3);font-size:.75rem;font-weight:600;letter-spacing:.06em;margin-bottom:.75rem;text-transform:uppercase}.ns-item{align-items:baseline;display:flex;gap:.75rem;padding:.4rem 0}.ns-item .n{color:var(--brand);flex-shrink:0;font-size:.75rem;font-weight:700;width:16px}.ns-item span{color:var(--text-2);font-size:.85rem;line-height:1.4}.camera-box{aspect-ratio:4/3;background:#0a0a0a;border:1px solid #ffffff0a;border-radius:var(--r-sm);margin-bottom:.75rem;overflow:hidden;position:relative;width:100%}.camera-box canvas,.camera-box video{display:block;height:100%;object-fit:cover;width:100%}.camera-actions{display:flex;gap:.5rem;margin-bottom:1.25rem}.camera-actions .btn{font-size:.85rem;padding:.7rem}.hint-inline{background:var(--brand-soft);border-left:3px solid var(--brand);border-radius:0 var(--r-sm) var(--r-sm) 0;margin-bottom:1.25rem;padding:.75rem 1rem}.hint-inline p{color:var(--text-2);font-size:.8rem;line-height:1.5;margin:0}.hint-inline a{color:var(--brand);font-weight:500;text-decoration:none}.hint-inline a:hover{text-decoration:underline}.perms-box{background:var(--input-bg);border-radius:var(--r-sm);margin:1rem 1.5rem;padding:1rem 1.25rem;text-align:left}.perms-box .pb-title{color:var(--text-3);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.perms-box .browser{margin-bottom:.75rem}.perms-box .browser:last-child{margin-bottom:0}.perms-box .browser strong{color:var(--text);font-size:.8rem}.perms-box .browser ol{color:var(--text-2);font-size:.78rem;line-height:1.8;padding-left:1.25rem}.example-popover{align-items:center;background-color:#000c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.example-popover-content{background:var(--card);border:1px solid var(--brand-border);border-radius:var(--r);max-width:500px;padding:1.5rem;position:relative;width:100%}.example-container{display:flex;flex-direction:column;gap:1rem}.example-image{border-radius:var(--r-sm);display:block;height:auto;max-height:70vh;object-fit:contain;width:100%}.example-description{color:var(--text-2);font-size:.85rem;margin:0;text-align:center}.close-button{align-items:center;background:var(--brand);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;position:absolute;right:-.75rem;top:-.75rem;width:2rem;z-index:1}.close-button svg{height:1rem;width:1rem}.hidden{display:none!important}