.verification-gate { --vg-blue:#387cf6; --vg-text:#e8effa; --vg-muted:#a0aec2; box-sizing:border-box; margin:auto; width:min(560px,calc(100% - 28px)); max-height:calc(100dvh - 28px); overflow:auto; padding:32px; color:var(--vg-text); background:#121b28; border:1px solid #2b3b52; border-radius:20px; font-family:'Outfit',sans-serif; box-shadow:0 24px 80px #0008; }
.verification-gate::backdrop { background:rgb(5 10 18 / .65); backdrop-filter:blur(8px); }
.verification-gate[open] { opacity:1; transform:none; transition:opacity 220ms cubic-bezier(.22,1,.36,1),transform 220ms cubic-bezier(.22,1,.36,1); }
@starting-style { .verification-gate[open] { opacity:0; transform:translateY(8px); } .verification-gate[open]::backdrop { backdrop-filter:blur(0); background:rgb(5 10 18 / 0); } }
.verification-gate::backdrop { transition:backdrop-filter 220ms cubic-bezier(.22,1,.36,1),background 220ms cubic-bezier(.22,1,.36,1); }
.verification-gate__symbol { display:grid; place-items:center; width:48px; height:48px; color:#91baff; background:#387cf619; border-radius:14px; font-size:22px; margin-bottom:20px; }
.verification-gate__toolbar { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:20px; }
.verification-gate__toolbar .verification-gate__symbol { margin:0; }
.verification-gate__language { position:relative; margin-left:auto; }
.verification-gate__language>summary { display:flex; align-items:center; gap:9px; min-height:42px; padding:0 12px; border:1px solid #3a5275; border-radius:9px; color:#e8effa; background:#1c2c43; cursor:pointer; font-size:13px; list-style:none; }
.verification-gate__language>summary::-webkit-details-marker { display:none; }
.verification-gate__language>summary:focus-visible { outline:2px solid #93c5fd; outline-offset:3px; }
.verification-gate__languages { position:absolute; top:calc(100% + 6px); right:0; z-index:2; width:170px; max-height:min(340px,50dvh); overflow-y:auto; padding:6px; background:#182437; border:1px solid #3a5275; border-radius:12px; box-shadow:0 12px 32px #0006; }
.verification-gate .verification-gate__languages>button { display:flex; justify-content:flex-start; width:100%; min-height:36px; border:0; background:transparent; font-size:14px; }
.verification-gate .verification-gate__languages>button:hover,.verification-gate .verification-gate__languages>button[aria-current=true] { background:#284367; }
.verification-gate h2 { font-size:clamp(24px,4vw,30px); line-height:1.15; font-weight:700; letter-spacing:-.035em; margin:0 0 12px; }
.verification-gate h2:focus { outline:none; }
.verification-gate :is(button,a) { box-sizing:border-box; }
.verification-gate__intro>p,.verification-gate__guest>p { color:var(--vg-muted); font-size:15px; line-height:1.55; }
.verification-gate__checks { margin:24px 0 12px; }
.verification-gate__row { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:12px; padding:18px 0; border-top:1px solid #253247; }
.verification-gate__row>i { font-size:24px; color:#b6c9e4; }
.verification-gate h3 { font-size:16px; font-weight:600; margin:0 0 3px; }
.verification-gate__row p { font-size:12px; line-height:1.45; color:var(--vg-muted); margin:0; }
.verification-gate :is(button,[data-verification-action],.verification-gate__guest>a) { display:inline-flex; justify-content:center; align-items:center; min-height:42px; padding:9px 12px; border-radius:9px; border:1px solid #3a5275; background:#1c2c43; color:var(--vg-text); font:600 12px 'Outfit',sans-serif; text-decoration:none; cursor:pointer; }
.verification-gate :is(button,a):focus-visible { outline:2px solid #93c5fd; outline-offset:3px; }
.verification-gate :is(button,[data-verification-action]):hover { background:#284367; }
.verification-gate button:disabled { opacity:.55; cursor:wait; }
.verification-gate button.verification-gate__refresh { width:100%; background:var(--vg-blue); border-color:var(--vg-blue); font-size:14px; }
.verification-gate button.verification-gate__refresh:hover { background:#2868d8; }
.verification-gate__done { color:#91d7b6; font-size:12px; white-space:nowrap; }
.verification-gate__message { min-height:40px; color:var(--vg-muted); font-size:13px; line-height:1.5; margin:8px 0 16px; }
.verification-gate__back { display:block; width:fit-content; margin:20px auto 0; color:#b8c8dc; font-size:13px; text-decoration:underline; text-underline-offset:3px; }
.verification-gate__guest { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.verification-gate__guest>p { flex-basis:100%; }
.verification-gate__guest>a { flex:1; }
.verification-gate [hidden] { display:none!important; }
html:has(.verification-gate[open]) { overflow:hidden; }
@media(max-width:480px) { .verification-gate { padding:24px 20px; } .verification-gate__row { grid-template-columns:26px minmax(0,1fr); gap:8px 12px; } .verification-gate__row>:is(a,button,.verification-gate__done) { grid-column:2; justify-self:start; } }
@media(max-height:700px) { .verification-gate { padding-block:20px; } .verification-gate__symbol { display:none; } .verification-gate__checks { margin-top:18px; } .verification-gate__row { padding-block:12px; } }
@media(prefers-reduced-motion:reduce) { .verification-gate[open],.verification-gate::backdrop { transition:none; transform:none; } }