/* Scoped to the public Web Protection signup and confirmation steps. */
.member-auth--signup .auth-main {
    min-height: auto;
    padding: 48px 20px;
    background: #f5f7fb;
}
.member-auth--signup .auth-shell {
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}
.member-auth--signup .auth-visual { display: none; }
.member-auth--signup .signup-card {
    padding: 32px;
    border: 1px solid #e2e8f0;
    border-radius:var(--theme-radius-card, 12px);
    background: #fff;
    box-shadow:var(--theme-card-shadow, none);
}
.member-auth--signup .signup-header { padding: 0; background: none; }
.signup-product { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; }
.signup-product img { display: block; width: 48px; height: 48px; }
.signup-product span { display: block; color: #667085; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.signup-product strong { display: block; color: #152b44; font-size: 17px; font-weight: 600; }
.signup-header h1 { margin: 0 0 12px; color: #101828; font-family:var(--theme-font, "Segoe UI", Arial, sans-serif); font-size: 32px; font-weight: 600; letter-spacing: -.025em; line-height: 1.15; text-wrap: balance; }
.signup-header > p { margin: 0; color: #667085; font-size: 15px; line-height: 1.6; }
.signup-content { margin-top: 24px; }
.signup-trial { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-bottom: 24px; padding: 12px 14px; border-radius:var(--theme-radius-control, 8px); background: #f0f5ff; font-size: 12px; color: #526478; }
.signup-trial strong { color: #0768bc; font-size: 14px; }
.member-auth--signup .signup-form { width: 100%; max-width: none; margin: 0; }
.signup-field { margin-bottom: 20px; }
.signup-field label { display: block; margin: 0 0 8px; color: #344054; font-size: 14px; font-weight: 600; }
.member-auth--signup .signup-field input { display: block; width: 100%; height: 52px; padding: 0 14px; border: 1px solid #b8c5d4; border-radius:var(--theme-radius-control, 8px); background: #fff; color: #101828; font: inherit; font-size: 16px; }
.member-auth--signup .signup-field input:focus { border-color: #0768bc; outline: 3px solid #0768bc20; outline-offset: 1px; }
.signup-field input::placeholder { color: #7a8798; }
.signup-hint { margin: 8px 0 0; color: #667085; font-size: 13px; line-height: 1.5; }
.signup-submit { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 52px; padding: 12px 16px; border: 0; border-radius:var(--theme-radius-control, 8px); background: #0768bc; color: #fff; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.signup-submit:hover { background: #00549c; }
.signup-submit span { font-size: 20px; line-height: 1; }
.signup-legal { margin: 16px 0 0; color: #667085; font-size: 12px; line-height: 1.6; }
.signup-signin { margin: 24px 0 0; padding-top: 20px; border-top: 1px solid #e8edf3; text-align: center; color: #667085; font-size: 14px; }
.signup-signin a { margin-left: 4px; font-weight: 600; }
.signup-error, .signup-notice { margin: 0 0 20px; padding: 14px; border-radius:var(--theme-radius-control, 8px); font-size: 14px; line-height: 1.6; }
.signup-error { background: #fff0ef; color: #b42318; }
.signup-notice { background: #f0f5ff; color: #344054; }
@media (max-width: 600px) {
    .member-auth--signup .auth-main { padding: 28px 16px 36px; }
    .member-auth--signup .signup-card { padding: 24px; border-radius:var(--theme-radius-card, 12px); }
    .signup-header h1 { font-size: 30px; }
}
@media (max-width: 360px) {
    .member-auth--signup .signup-card { padding: 20px; }
    .signup-header h1 { font-size: 27px; }
}

/* Product-led mobile landing and account overlay. */
.protection-topbar { display:flex; align-items:center; justify-content:space-between; padding:16px 24px; background:#011b4f; }
.protection-topbar > a:last-child { color:#e8eff8; font-size:13px; font-weight:600; }
.protection-topbar > a:last-child span { margin-left:6px; color:#a5b6d0; }
.member-auth--signup .auth-main { padding:0 24px 32px; background:#fff; }
.member-auth--signup .auth-shell { max-width:480px; }
.member-auth--signup .signup-card--landing { padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; }
.protection-art { position:relative; isolation:isolate; height:192px; display:grid; place-items:center; margin:0 -24px 18px; overflow:hidden; }
.protection-art::before { content:""; position:absolute; z-index:-1; width:400px; height:235px; right:-95px; top:-65px; border-radius:0 0 0 100%; background:linear-gradient(125deg,#e1f7ff,#eef7fc 70%,#f5f9fc); transform:rotate(-12deg); }
.protection-art::after { content:""; position:absolute; z-index:-1; width:180px; height:24px; bottom:12px; background:#184aa918; filter:blur(12px); border-radius:50%; }
.protection-art img { width:160px; height:160px; object-fit:contain; filter:drop-shadow(0 12px 10px #13317516); }
.protection-product { display:flex; align-items:baseline; gap:10px; margin:0 0 14px; color:#142239; }
.protection-product strong { font-size:22px; font-weight:700; letter-spacing:-.025em; }
.protection-product > span { font-size:12px; color:#748093; }
.protection-hero h1 { font-family:"Segoe UI",Arial,sans-serif; font-size:32px; font-weight:400; line-height:1.15; letter-spacing:-.035em; margin:0; text-wrap:initial; }
.protection-dot { color:#0768bc; }
.protection-benefits { list-style:none; padding:0; margin:23px 0 24px; }
.protection-benefits li { padding:9px 0; border-bottom:1px solid #e9edf3; }
.protection-benefits li:first-child { padding-top:0; }
.protection-benefits li:last-child { border:0; padding-bottom:0; }
.protection-benefits h2 { margin:0; color:#4f5e73; font-family:"Segoe UI",Arial,sans-serif; font-size:14px; font-weight:400; line-height:1.4; }
.protection-offer { display:flex; justify-content:center; gap:9px; margin:0 0 12px; color:#657188; font-size:12px; }
.protection-offer strong { color:#24684d; font-weight:600; }
.protection-action .signup-submit { min-height:52px; border-radius:var(--theme-radius-control, 8px); }
.protection-action-note { text-align:center; font-size:11px; color:#788396; margin:10px 0 0; }
.protection-sheet { position:fixed; inset:auto 0 0; width:100%; max-width:520px; max-height:90dvh; border-radius:24px 24px 0 0; padding:0; margin:0 auto; border:0; overflow:auto; color:#18253b; background:#fff; }
.protection-sheet:not([open]) { display:none; }
.protection-sheet::backdrop { background:rgba(8,18,35,.55); backdrop-filter:blur(4px); }
.protection-sheet-close { position:absolute; top:18px; right:18px; display:grid; place-items:center; width:40px; height:40px; padding:0; border:0; background:transparent; font-size:32px; color:#243249; line-height:1; }
.signup-card--landing .protection-sheet .signup-content { margin:0; padding:34px 24px 24px; border:0; border-radius:0; box-shadow:none; background:transparent; }
.protection-get-title { text-align:left; margin:0 0 16px; color:#142239; font-size:23px; font-weight:600; line-height:1.2; letter-spacing:-.035em; }
.protection-sheet .signup-trial { justify-content:flex-start; background:none; padding:0; margin:0 0 22px; font-size:12px; gap:8px; }
.protection-sheet .signup-trial strong { color:#24684d; font-size:12px; }
.protection-sheet .signup-trial span::before { content:"·"; margin-right:8px; }
.protection-email-choice { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:48px; border:1px solid #b9c3d2; border-radius:var(--theme-radius-control, 8px); background:#fff; color:#263247; font-size:15px; font-weight:600; }
.protection-email-choice[hidden], .signup-form[hidden] { display:none; }
.protection-sheet .google-sign-in__divider { display:none; }
.member-auth--signup .protection-sheet .google-sign-in { margin-bottom:12px; }
.protection-account-note { text-align:left; margin:24px 0 0; color:#6b778a; font-size:12px; line-height:1.6; }
.protection-sheet .signup-legal { text-align:left; font-size:11px; color:#788396; }
.protection-sheet .signup-signin { margin-top:24px; padding-top:20px; font-size:12px; }
.protection-sheet-open { overflow:hidden; }
@media (min-width:600px) {
    .protection-art { height:230px; }
    .protection-art img { width:190px; height:190px; }

}
@media (max-width:360px), (max-height:700px) {
    .protection-art { height:145px; margin-bottom:12px; }
    .protection-art img { width:126px; height:126px; }
    .protection-product { margin-bottom:10px; }
    .protection-product strong { font-size:20px; }
    .protection-hero h1 { font-size:28px; }
    .protection-benefits { margin:18px 0; }
    .protection-benefits h2 { font-size:13px; }
    .protection-benefits li { padding:7px 0; }
    .protection-get-title { font-size:25px; }
}

.protection-sheet-handle { display:block; position:absolute; top:10px; left:calc(50% - 18px); width:36px; height:4px; border-radius:var(--theme-radius-control, 8px); background:#dbe0e8; }

/* Account completion leads to installation, without activating protection. */
.protection-install .protection-art { height:160px; margin-bottom:12px; }
.protection-install .protection-art img { width:140px; height:140px; }
.protection-install .protection-install-intro { margin:14px 0 22px; font-size:14px; line-height:1.5; }
.protection-download { text-decoration:none; box-sizing:border-box; }
.protection-download:hover, .protection-download:focus { color:#fff; text-decoration:none; }
.protection-install-steps { counter-reset:setup; list-style:none; padding:0; margin:28px 0 20px; }
.protection-install-steps li { position:relative; padding:0 0 18px 34px; counter-increment:setup; }
.protection-install-steps li::before { content:counter(setup); position:absolute; left:0; top:0; color:#0768bc; font-size:14px; font-weight:600; }
.protection-install-steps strong { color:#142239; font-size:14px; font-weight:600; }
.protection-install-steps p, .protection-install-help p { margin:5px 0 0; color:#667085; font-size:13px; line-height:1.5; }
.protection-install-steps li:last-child { padding-bottom:0; }
.protection-install-help { padding:16px 0; border-top:1px solid #e9edf3; }
.protection-install-help summary { cursor:pointer; color:#344054; font-size:13px; }
.protection-install-help p { margin-top:12px; }
@media (max-width:360px), (max-height:700px) {
    .protection-install .protection-art { height:120px; }
    .protection-install .protection-art img { width:106px; height:106px; }
}
.member-auth--signup a.protection-download { color:#fff; }
.protection-install-account { overflow-wrap: anywhere; }

/* Owner-provided detailed Web Protection logo, October 2, 2026. */
.protection-art { height:252px; }
.protection-art img { width:220px; height:220px; }
.signup-product img { width:64px; height:64px; }
.protection-install .protection-art { height:212px; }
.protection-install .protection-art img { width:184px; height:184px; }
@media (min-width:601px) {
    .protection-art { height:280px; }
    .protection-art img { width:248px; height:248px; }
}
@media (max-width:360px) {
    .protection-art { height:216px; }
    .protection-art img { width:188px; height:188px; }
    .protection-install .protection-art { height:184px; }
    .protection-install .protection-art img { width:160px; height:160px; }
}

/* Web Protection uses the product palette within the shared auth layout. */
.member-auth--signup { --auth-action:#0768bc; --auth-action-hover:#00549c; --auth-action-focus:rgba(7,104,188,.25); }
.member-auth--signup .signup-content a:not(.signup-submit) { color:#0768bc; }
.signup-submit:focus-visible,.protection-email-choice:focus-visible { outline:3px solid #0768bc; outline-offset:3px; }

/* Product buttons: readable labels, arrow motion and navy secondary fill. */
.member-auth--signup .signup-submit {
    min-height:56px; border-radius:var(--theme-radius-card, 12px); padding:14px 22px; font-size:17px;
    line-height:1.35; font-weight:650; gap:18px;
    transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.member-auth--signup .signup-submit:hover { background:#00549c; box-shadow:0 6px 20px #3fdafd40; }
.signup-submit span[aria-hidden] { flex:none; font-size:22px; transition:transform .2s ease; }
.signup-submit:hover span[aria-hidden] { transform:translateX(4px); }
.protection-download:hover span[aria-hidden] { transform:translateY(3px); }
.protection-email-choice { position:relative; isolation:isolate; overflow:hidden; min-height:56px; border:0; border-radius:var(--theme-radius-card, 12px); padding:14px 24px 14px 64px; color:#011b4f; font-size:16px; }
.protection-email-choice::before { content:""; position:absolute; z-index:-1; inset:6px auto 6px 6px; width:44px; border-radius:var(--theme-radius-card, 12px); background:#011b4f; transition:width .25s ease; }
.protection-email-choice span[aria-hidden] { position:absolute; left:16px; width:24px; color:white; font-size:22px; transition:transform .2s ease; }
.protection-email-choice:hover { color:#fff; }
.protection-email-choice:hover::before { width:calc(100% - 12px); }
.protection-email-choice:hover span[aria-hidden] { transform:translateX(3px); }
.signup-submit:focus-visible,.protection-email-choice:focus-visible { outline:3px solid #0768bc; outline-offset:4px; }
.signup-submit:active,.protection-email-choice:active { transform:translateY(1px); }
@media(prefers-reduced-motion:reduce) { .signup-submit,.signup-submit span[aria-hidden],.protection-email-choice::before,.protection-email-choice span[aria-hidden] { transition:none!important; } }