.avr-mobile-brand { display:none; }
.avr-shell { display:grid!important; grid-template-columns:1fr 1fr; gap:64px; max-width:1180px; min-height:0!important; margin:40px auto; padding:0 28px; background:none!important; }
.avr-shell::after { display:none; }
.av-register-page .av-mobile-login-page { display:block!important; background:none; min-height:0; }
.avr-intro { align-self:start; position:sticky; top:40px; padding:36px 0; }
.avr-intro h1 { font-size:44px; line-height:1.15; letter-spacing:-1px; margin:24px 0; }
.avr-intro em { color:#32bcff; font-style:normal; }
.avr-intro p { color:var(--muted); line-height:1.7; font-size:15px; max-width:400px; }
.avr-intro img { display:block; width:270px; margin:28px auto; }
.avr-intro a { color:#5cbbff; font-size:13px; }
.avr-content { width:100%; padding:0; justify-content:flex-start; }
.avr-card { padding:24px; background:rgba(12,29,48,.8); }
.avr-card h1 { margin:20px 0 7px; font-size:24px; line-height:1.2; color:#fff; }
.avr-subtitle,.avr-note { color:rgba(224,240,250,.76); font-size:12px; line-height:1.6; margin:0 0 16px; }
.avr-progress { display:flex; gap:14px; align-items:center; justify-content:space-between; color:rgba(207,230,243,.55); font-size:11px; }
.avr-progress span { display:flex; gap:5px; align-items:center; }
.avr-progress i { display:grid; width:21px; height:21px; place-items:center; font-style:normal; border:1px solid rgba(144,215,246,.35); border-radius:50%; }
.avr-progress .is-active { color:#9aeaff; font-weight:700; }
.avr-progress .is-active i { background:#17c5f2; color:#062540; border-color:#17c5f2; }
.avr-card fieldset { border:0; padding:0; margin:0; min-width:0; }
.avr-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.avr-card [hidden] { display:none!important; }
.avr-person-types { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:20px 0 17px; }
.avr-person-types label { position:relative; cursor:pointer; }
.avr-person-types input { position:absolute; opacity:0; }
.avr-person-types span { display:flex; flex-direction:column; gap:3px; padding:12px; border:1px solid rgba(180,217,238,.24); border-radius:12px; background:rgba(3,20,37,.25); }
.avr-person-types strong { font-size:12px; color:#fff; }
.avr-person-types small { font-size:10px; color:#b2cddd; }
.avr-person-types input:checked+span { border-color:#22d2f6; background:rgba(27,176,215,.16); }
.avr-person-types input:focus-visible+span { outline:2px solid #54dfff; outline-offset:2px; }
.avr-field { margin-bottom:13px; min-width:0; }
.avr-field>label { display:block; margin-bottom:6px; font-size:12px; color:#e7f5ff; font-weight:600; }
.avr-field .wp-input { min-height:44px; width:100%; padding:10px 12px; background:rgba(3,20,37,.62); border:1px solid rgba(168,218,244,.27); border-radius:12px; color:#fff; font-size:16px; }
.avr-field select.wp-input { padding-right:8px; }
.avr-field .wp-input:focus { border-color:#28d5f5; outline:none; box-shadow:0 0 0 3px rgba(28,203,239,.13); }
.avr-field-help { display:block; font-size:11px; line-height:1.5; color:#a7dfef; margin-top:5px; }
.avr-field-help:empty { display:none; }
.avr-two-fields { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.avr-city-state { grid-template-columns:1fr 84px; }
.avr-document-line { display:flex; gap:7px; }
.avr-lookup { border:1px solid #50cfee; border-radius:11px; background:rgba(4,90,117,.35); color:#c6f4ff; font:inherit; font-size:11px; padding:0 10px; white-space:nowrap; cursor:pointer; }
.avr-lookup:disabled { opacity:.6; }
.avr-password-wrap { position:relative; }
.avr-password-wrap .wp-input { padding-right:38px; }
.avr-password-wrap button { position:absolute; right:8px; top:0; height:100%; display:grid; place-items:center; border:0; background:none; color:#9fdff3; cursor:pointer; }
.avr-password-wrap .wp-icon { width:18px; height:18px; }
.avr-section-title { margin:20px 0 12px; font-size:15px; color:#fff; }
.avr-terms { display:flex; gap:7px; font-size:11px; color:#d2e8f4; align-items:center; margin:15px 0; }
.avr-terms input { width:16px; height:16px; accent-color:#11c8f5; }
.avr-terms a { color:#83e4fa; text-decoration:underline; }
.avr-primary { min-height:43px; font-size:13px; font-weight:750; }
.avr-primary:disabled { opacity:.55; cursor:wait; }
.avr-field input[type=file] { display:block; width:100%; border:1px dashed rgba(172,224,249,.4); border-radius:12px; padding:10px; color:#c5e7f5; background:rgba(6,24,42,.2); font-size:11px; }
.avr-field input[type=file]::file-selector-button { padding:7px 8px; margin-right:8px; background:rgba(39,191,227,.18); border:1px solid rgba(45,206,241,.5); color:#c8f5ff; border-radius:7px; cursor:pointer; }
.avr-camera-button { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; padding:10px; margin-bottom:8px; background:rgba(6,91,117,.3); border:1px solid rgba(70,207,239,.5); border-radius:11px; color:#ccf5ff; font-size:12px; cursor:pointer; }
.avr-selfie-preview { width:82px; height:82px; object-fit:cover; border-radius:50%; margin:9px 0; border:1px solid #57dafa; }
.avr-message:not(:empty) { margin:12px 0; padding:10px 12px; background:rgba(148,25,40,.23); border:1px solid rgba(255,158,168,.35); border-radius:11px; color:#ffd1d6; font-size:12px; line-height:1.5; }
.avr-message.success:not(:empty) { background:rgba(15,127,101,.2); border-color:rgba(90,229,187,.4); color:#baffea; }
.avr-upload-progress { height:24px; position:relative; background:rgba(23,182,221,.1); border-radius:8px; overflow:hidden; margin:12px 0; }
.avr-upload-progress>span { display:block; width:0; height:100%; background:rgba(26,199,239,.3); transition:width .15s; }
.avr-upload-progress small { position:absolute; inset:0; display:grid; place-items:center; color:#c3f2ff; font-size:10px; }
.avr-resume-code,.avr-resend { display:block; margin:15px auto 0; padding:0; border:0; background:none; color:#83def5; font-size:12px; cursor:pointer; }
.avr-dialog { width:min(430px,calc(100% - 28px)); max-height:calc(100dvh - 40px); overflow:auto; margin:auto; padding:26px 22px; background:linear-gradient(145deg,#10344f,#061b30); border:1px solid rgba(115,218,248,.4); border-radius:22px; color:#eefaff; box-shadow:0 24px 90px #0008; }
.avr-dialog::backdrop { background:rgba(1,10,21,.68); backdrop-filter:blur(7px); }
.avr-dialog h2 { margin:18px 0 9px; font-size:23px; letter-spacing:-.3px; color:#fff; }
.avr-dialog p { color:#c0dce9; font-size:13px; line-height:1.6; margin-bottom:16px; overflow-wrap:anywhere; }
.avr-dialog strong { color:#e8f8ff; font-size:12px; }
.avr-dialog-close { position:absolute; right:13px; top:12px; width:32px; height:32px; border:1px solid #ffffff20; border-radius:50%; background:#ffffff10; color:#fff; font-size:23px; cursor:pointer; }
.avr-code-inputs,.avr-code-group { display:flex; align-items:center; justify-content:center; gap:6px; }
.avr-code-inputs { gap:9px; margin:22px 0; }
.avr-code-inputs>span { color:#7fafc4; font-size:20px; }
.avr-code-inputs input { min-width:0; width:38px; height:47px; text-align:center; font-size:22px; font-weight:600; border:1px solid #9ed5ed55; border-radius:10px; background:#061a2b; color:#fff; caret-color:#3ddbff; }
.avr-code-inputs input:focus { outline:2px solid #24d2f1; outline-offset:1px; }
.avr-dialog .avr-code-note { font-size:11px; color:#87adbf; margin:18px 0 0; text-align:center; }
.avr-resend:disabled { color:#7698a8; cursor:default; }
.avr-camera-dialog video { width:100%; max-height:55dvh; border-radius:14px; background:#000; object-fit:cover; transform:scaleX(-1); }
@media (max-width:360px) { .avr-code-inputs input { width:28px;height:43px; } .avr-code-group { gap:4px; } .avr-code-inputs { gap:5px; } }
@media (max-width:767px), (max-width:1024px) and (hover:none) and (pointer:coarse) {
 .avr-desktop-header,.avr-intro { display:none; }
 .avr-mobile-brand { display:block; }
 .av-register-page .av-mobile-login-page { min-height:100svh; background:#071a2c; }
 .avr-shell { display:flex!important; gap:0; max-width:none; min-height:100svh!important; margin:0; padding:0; background-image:linear-gradient(180deg,rgba(4,18,34,.1),rgba(4,18,34,.3)),url('/assets/avalon/mobile-hero.png')!important; background-size:cover!important; background-attachment:fixed; }
 .avr-shell::after { display:block; }
 .avr-content { max-width:460px; padding:32px 14px calc(12px + env(safe-area-inset-bottom)); }
 .avr-card { padding:17px 15px; background:rgba(8,32,53,.46); backdrop-filter:blur(9px); }
 .avr-card h1 { font-size:22px; }
 .avr-two-fields { grid-template-columns:1fr; gap:0; }
 .avr-city-state { grid-template-columns:1fr 78px; gap:10px; }
}
