/* 🔑 The sign-in pop-up (a/login-modal.php) — its look, for pages other than /a/ (the home page). Copied from a/index.php. */
.login-modal{--gold:#D4B45A;--gold-light:#E5CE88;--black:#0D0D0D;--card:#151515;--border:#292929;--muted:#818181;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-align:left}
.login-modal *{box-sizing:border-box}
:root{--blaze-orange:#FF8A00;--blaze-pink:#FF2E63;--blaze-purple:#7B2FF7;--blaze-grad:linear-gradient(135deg,#FF8A00,#FF2E63 55%,#7B2FF7)}
.login-modal .login-card{position:relative;

    overflow:hidden;

    padding:
        36px
        34px
        31px;

    border:
        1px solid
        var(--border);

    border-radius:20px;

    background:
        rgba(
            20,
            20,
            20,
            .96
        );

    box-shadow:
        0 35px 100px
        rgba(0,0,0,.5);

    text-align:center;}
.login-modal .login-card::before{content:"";

    position:absolute;

    top:0;

    left:0;

    right:0;

    height:3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--gold),
            transparent
        );}
.login-modal .login-icon{width:46px;

    height:46px;

    margin:
        0 auto
        17px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:
        rgba(
            212,
            180,
            90,
            .11
        );

    border:
        1px solid
        rgba(
            212,
            180,
            90,
            .25
        );

    color:var(--gold);

    font-size:18px;

    font-weight:900;}
.login-modal .login-card h2{margin:
        0
        0
        8px;

    font-size:27px;

    line-height:1.1;

    letter-spacing:-.8px;}
.login-modal .login-card .intro{max-width:310px;

    margin:
        0 auto
        26px;

    color:#8D8D8D;

    font-size:13px;

    line-height:1.55;}
.login-modal .google-container{min-height:46px;

    display:flex;

    align-items:center;

    justify-content:center;}
.login-modal .pin-login{margin:18px auto 6px;max-width:300px;text-align:left}
.login-modal .pin-or{display:flex;align-items:center;gap:10px;color:#8C877C;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
.login-modal .pin-or::before,.login-modal .pin-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.14)}
.login-modal .pin-login label{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;color:#BDB7A8;margin-bottom:7px;text-transform:uppercase}
.login-modal .pin-row{display:flex;gap:8px}
.login-modal .pin-row input{flex:1;min-width:0;height:42px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;padding:0 12px;font:inherit;font-size:15px}
.login-modal .pin-row input:focus{outline:none;border-color:#D4B45A}
.login-modal #pinCode{letter-spacing:6px;font-size:20px;text-align:center}
.login-modal .pin-row button{height:42px;padding:0 14px;border-radius:8px;border:0;background:#D4B45A;color:#111;font-weight:800;font-size:12px;letter-spacing:.5px;cursor:pointer;white-space:nowrap}
.login-modal .pin-row button:disabled{opacity:.5;cursor:default}
.login-modal .pin-link{background:none;border:0;color:#BDB7A8;font-size:12px;text-decoration:underline;cursor:pointer;margin-top:8px;padding:0}
.login-modal .pin-msg{font-size:12px;line-height:1.45;color:#CFC9BB;margin-top:10px;min-height:16px}
.login-modal .pin-msg.bad{color:#E8A8A8}
.login-modal .signed-out{margin-bottom:16px;
    padding:12px 14px;
    border-radius:10px;
    background:#EEF4EC;
    color:#245B2A;
    font-size:13px;
    line-height:1.45;
    font-weight:600;}
.login-modal .error{margin-bottom:20px;

    padding:
        12px
        14px;

    border:
        1px solid
        #673636;

    border-radius:9px;

    background:#291717;

    color:#E8A8A8;

    font-size:11px;

    font-weight:650;

    line-height:1.5;}
.login-modal .security{margin-top:25px;

    padding-top:20px;

    border-top:
        1px solid
        #292929;

    color:#606060;

    font-size:9px;

    line-height:1.55;}
.login-modal .security-lock{margin-right:4px;

    color:#777;}
.login-modal .config-error{margin-bottom:20px;

    padding:13px;

    border:
        1px solid
        #705B24;

    border-radius:9px;

    background:#28220F;

    color:#E2CB8C;

    font-size:11px;

    line-height:1.5;}
@media(max-width:500px){.login-modal .login-card{padding:
            31px
            20px
            27px;}.login-modal .login-card h2{font-size:25px;}}
.login-modal .login-card{background:rgba(29,15,46,.92);border-color:rgba(255,255,255,.1)}
.login-modal .login-card::before{background:var(--blaze-grad)}
.login-modal .login-icon{background:rgba(255,46,99,.12);border-color:rgba(255,46,99,.35);color:#FF6B8E}
.login-modal .login-card .intro{color:rgba(255,255,255,.62)}
.login-modal .pin-row button{background:var(--blaze-grad);color:#fff}
.login-modal .pin-row input:focus{border-color:var(--blaze-pink);box-shadow:0 0 0 3px rgba(255,46,99,.2)}
.login-modal .security{border-top-color:rgba(255,255,255,.1);color:rgba(255,255,255,.45);font-size:10px}
.login-modal{position:fixed;inset:0;z-index:9000;background:rgba(8,4,14,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 24px;overflow:auto;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s}
.login-modal.open{visibility:visible;opacity:1;pointer-events:auto}
.login-modal .login-card{position:relative;width:100%;max-width:430px;margin:0}
.login-modal .login-x{position:absolute;top:12px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:20px;line-height:1;cursor:pointer;z-index:2}
body.login-open{overflow:hidden}