/* New sign-in / account pages (2026-10-23, owner-approved design auth-pages-design.html; Settings -> New pages -> pages.auth_v2).
   Live font + colours only (Roboto text, Oswald headings, #00A0FF / #131B5F). Every class starts with av2- (no clash with the site CSS). */
.av2{--av2-blue:#00A0FF;--av2-blue-d:#0077C2;--av2-dark:#131B5F;--av2-bg:#F3F7FF;--av2-line:#E9EDF4;--av2-input:#CFD9EA;--av2-muted:#5C6F93;--av2-ink:#282F53;
  --av2-green:#13BFA6;--av2-green-d:#0C6C5E;--av2-red:#E82646;--av2-red-d:#C41E3A;--av2-amber:#B45309;
  min-height:100vh;background:var(--av2-bg);color:var(--av2-ink);font-family:Roboto,Arial,sans-serif;font-size:15px;line-height:1.55;display:flex;flex-direction:column}
.av2 *{box-sizing:border-box}
.av2 a{color:var(--av2-blue-d);text-decoration:none;font-weight:500}
.av2 a:hover{text-decoration:underline}
.av2-ico{display:inline-block;vertical-align:-3px;flex:none}
.av2 .st-ico{display:inline-block;vertical-align:-3px;flex:none}

/* top bar */
.av2-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#fff;border-bottom:1px solid var(--av2-line)}
.av2-logo img{height:38px;width:auto;display:block}
.av2-country{position:relative}
.av2-country summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--av2-line);border-radius:999px;padding:6px 12px;font-size:13.5px;color:var(--av2-dark);background:#fff}
.av2-country summary::-webkit-details-marker{display:none}
.av2-country summary b{font-weight:500}
.av2-country summary span{color:var(--av2-blue-d);font-weight:600}
.av2-country ul{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid var(--av2-line);border-radius:12px;box-shadow:0 10px 30px rgba(19,27,95,.12);list-style:none;margin:0;padding:6px;min-width:220px}
.av2-country li a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;color:var(--av2-ink);font-weight:400}
.av2-country li a:hover{background:var(--av2-bg);text-decoration:none}
.av2-country li img{width:20px;height:auto}

/* page grid: form card + trust panel */
.av2-main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:32px 16px 40px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.av2-main.av2-single{grid-template-columns:minmax(0,560px);justify-content:center}
.av2-card{background:#fff;border:1px solid var(--av2-line);border-radius:18px;padding:30px 32px;box-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px rgba(19,27,95,.06)}
.av2-card h1{font-family:Oswald,Arial,sans-serif;font-weight:600;color:var(--av2-dark);font-size:30px;line-height:1.2;margin:0 0 6px}
.av2-card h2{font-family:Oswald,Arial,sans-serif;font-weight:600;color:var(--av2-dark);font-size:20px;margin:0 0 6px}
.av2-sub{color:var(--av2-muted);margin:0 0 20px}
.av2-panel{background:linear-gradient(160deg,#131B5F,#1d2a8a);color:#fff;border-radius:18px;padding:26px 24px}
.av2-panel h2{font-family:Oswald,Arial,sans-serif;font-weight:600;font-size:22px;margin:0 0 6px;color:#fff}
.av2-panel p{color:#d6dcff;margin:0 0 16px;font-size:14px}
.av2-trust{list-style:none;margin:0 0 18px;padding:0}
.av2-trust li{display:flex;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12)}
.av2-trust li:first-child{border-top:0}
.av2-trust .av2-tico{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.12);display:inline-flex;align-items:center;justify-content:center;flex:none}
.av2-trust b{display:block;font-weight:600;color:#fff}
.av2-trust small{color:#c9d1ff;font-size:13px}
.av2-panel-link{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:12px;padding:11px 12px;color:#fff !important;font-size:14px}
.av2-panel-link a{color:#fff !important;text-decoration:underline}

/* fields */
.av2-field{margin-bottom:16px}
.av2-label{display:block;font-weight:600;font-size:14px;color:var(--av2-dark);margin-bottom:6px}
.av2-inputwrap{position:relative;display:flex;align-items:center}
.av2-inputwrap > .av2-ico,.av2-inputwrap > .st-ico{position:absolute;left:14px;color:#8a97b5;pointer-events:none}
.av2-input{width:100%;height:50px;border:1px solid var(--av2-input);border-radius:12px;padding:0 14px 0 42px;font-size:16px;color:var(--av2-ink);background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}
.av2-input.av2-noico{padding-left:14px}
.av2-input:focus{border-color:var(--av2-blue);box-shadow:0 0 0 3px rgba(0,160,255,.18)}
.av2-input.is-invalid{border-color:var(--av2-red)}
.av2-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--av2-muted);height:40px;min-width:44px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;gap:4px}
.av2-eye:hover{background:var(--av2-bg);color:var(--av2-dark)}
.av2-inputwrap .av2-input.av2-haseye{padding-right:56px}
.av2-cc{display:inline-flex;align-items:center;justify-content:center;height:50px;min-width:62px;border:1px solid var(--av2-input);border-radius:12px;padding:0 10px;font-size:15px;color:var(--av2-dark);background:var(--av2-bg);font-weight:500}
.av2-row{display:flex;gap:10px}
.av2-row > *{flex:1;min-width:0}
.av2-row .av2-cc{flex:none}
.av2-err{color:var(--av2-red-d);font-size:13.5px;margin:6px 0 0;display:flex;gap:6px;align-items:flex-start}
.av2-hint{color:var(--av2-muted);font-size:13px;margin:6px 0 0}
.av2-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer;margin-bottom:10px;color:var(--av2-ink)}
.av2-check input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--av2-blue)}
.av2-split{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.av2-split .av2-check{margin:0}

/* buttons */
.av2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border:0;border-radius:999px;background:var(--av2-blue);color:#fff !important;font-weight:600;font-size:16px;padding:0 22px;cursor:pointer;text-decoration:none !important;font-family:inherit;transition:background .2s}
.av2-btn:hover{background:var(--av2-dark)}
.av2 .av2-btn svg,.av2 .av2-eye svg,.av2 .av2-note svg,.av2 .av2-bigico svg,.av2 .av2-tico svg,.av2 .av2-panel-link svg,.av2 .av2-done svg{display:inline-block;color:inherit !important}
.av2 .av2-inputwrap > .st-ico{display:inline-block}
.av2-btn.av2-btn-auto{width:auto}
.av2-btn-soft{background:#E6F6FF;color:var(--av2-blue-d) !important}
.av2-btn-soft:hover{background:#d3eeff}
.av2-btn-line{background:#fff;color:var(--av2-dark) !important;border:1px solid var(--av2-input)}
.av2-btn-line:hover{background:var(--av2-bg)}
.av2-btn-google{background:#fff;color:#1f1f1f !important;border:1px solid #747775;font-family:Roboto,Arial,sans-serif;font-weight:500}
.av2-btn-google:hover{background:#f7f8f8}
.av2-btn-apple{background:#000;color:#fff !important}
.av2-btn-apple:hover{background:#1d1d1f}
.av2-linkbtn{background:none;border:0;padding:0;color:var(--av2-blue-d);font-weight:500;cursor:pointer;font-size:14px;text-decoration:underline;font-family:inherit}
.av2-or{display:flex;align-items:center;gap:12px;color:var(--av2-muted);font-size:13px;margin:20px 0}
.av2-or::before,.av2-or::after{content:"";flex:1;height:1px;background:var(--av2-line)}
.av2-stack{display:grid;gap:10px}
.av2-foot{text-align:center;margin-top:20px;font-size:14px;color:var(--av2-muted)}
.av2-foot p{margin:4px 0}

/* notices */
.av2-note{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:14.5px}
.av2-note .av2-ico,.av2-note .st-ico{margin-top:2px}
.av2-note.av2-ok{background:#E3F7F4;color:var(--av2-green-d)}
.av2-note.av2-bad{background:#FDECEF;color:var(--av2-red-d)}
.av2-note.av2-warn{background:#FFF5E6;color:var(--av2-amber)}
.av2-note.av2-info{background:#E6F6FF;color:var(--av2-blue-d)}
.av2-note a{color:inherit;text-decoration:underline}

/* steps / code / status icon */
.av2-bigico{width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}
.av2-bigico.av2-ok{background:#E3F7F4;color:var(--av2-green-d)}
.av2-bigico.av2-warn{background:#FFF5E6;color:var(--av2-amber)}
.av2-bigico.av2-bad{background:#FDECEF;color:var(--av2-red-d)}
.av2-bigico.av2-info{background:#E6F6FF;color:var(--av2-blue-d)}
.av2-code{letter-spacing:8px;font-size:22px;text-align:center;padding:0 12px}
.av2-box{border:1px solid var(--av2-line);border-radius:14px;padding:16px;margin-bottom:14px}
.av2-box h2{font-size:18px}
.av2-done{color:var(--av2-green-d);font-weight:600;display:flex;gap:6px;align-items:center}
.av2-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.av2-actions form{margin:0}
.av2-copy{text-align:center;color:var(--av2-muted);font-size:13px;padding:18px 16px}
.av2-copy a{color:var(--av2-muted)}

/* phones */
@media (max-width:860px){
  .av2-main{grid-template-columns:minmax(0,1fr);padding:18px 16px 28px;gap:16px}
  .av2-panel{order:2;padding:18px}
  .av2-panel .av2-trust,.av2-panel p{display:none}
  .av2-panel h2{font-size:18px;margin:0 0 10px}
}
@media (max-width:480px){
  .av2-top{padding:10px 16px}
  .av2-logo img{height:30px}
  .av2-card{padding:22px 18px;border-radius:16px}
  .av2-card h1{font-size:26px}
  .av2-country summary b{display:none}
}
