.smnn-login-template,
.smnn-login-template *{box-sizing:border-box}
.smnn-login-template{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;font-family:Almarai,Tahoma,Arial,sans-serif;color:var(--smnn-login-panel-text,#fff)}
.smnn-login-template.is-open{opacity:1;visibility:visible;pointer-events:auto}
.smnn-login-template__backdrop{position:absolute;inset:0;background:rgba(4,10,18,.68);backdrop-filter:blur(10px)}
.smnn-login-template__dialog{position:relative;z-index:1;width:min(980px,96vw);min-height:560px;display:grid;grid-template-columns:340px 1fr;overflow:hidden;background:var(--smnn-login-panel-bg,#0f1726);border:1px solid rgba(255,255,255,.10);border-radius:28px;box-shadow:0 34px 90px rgba(0,0,0,.45);direction:ltr;text-align:left}
.smnn-login-template__close{position:absolute;top:18px;right:18px;z-index:5;width:42px;height:42px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:transform .18s ease,background .18s ease}
.smnn-login-template__close:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}
.smnn-login-template__visual{position:relative;min-height:560px;background:linear-gradient(145deg,#12345a,#080d19);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:36px;color:#fff;direction:rtl;text-align:right;overflow:hidden}
.smnn-login-template__visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(47,132,255,.26),transparent 34%),linear-gradient(180deg,rgba(8,16,32,.12),rgba(5,9,18,.92));z-index:1}
.smnn-login-template__visual-overlay{position:absolute;inset:0;background:rgba(6,12,25,var(--smnn-login-image-overlay,.72));z-index:0}
.smnn-login-template__visual-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;max-width:100%}
.smnn-login-template__logo{max-width:148px;max-height:78px;object-fit:contain;margin-bottom:18px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.28))}
.smnn-login-template__mark{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-weight:950;letter-spacing:.06em;margin-bottom:16px;color:#fff}
.smnn-login-template__visual strong{font-size:30px;line-height:1.15;font-weight:950;letter-spacing:-.04em}
.smnn-login-template__visual em{font-style:normal;color:rgba(255,255,255,.74);font-weight:800;font-size:14px;line-height:1.7}
.smnn-login-template__content{padding:48px 48px 34px;direction:rtl;text-align:right;overflow-y:auto;max-height:88vh}
.smnn-login-template__eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:var(--smnn-login-panel-muted,#b8c4d6);font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.smnn-login-template__eyebrow i{display:block;width:7px;height:7px;border-radius:50%;background:var(--smnn-login-accent,#c4a462);box-shadow:0 0 0 4px color-mix(in srgb,var(--smnn-login-accent,#c4a462) 18%,transparent)}
.smnn-login-template h2{margin:18px 0 12px;color:var(--smnn-login-panel-text,#fff);font-size:36px;line-height:1.15;font-weight:950;letter-spacing:-.05em}
.smnn-login-template__content>p{margin:0 0 20px;color:var(--smnn-login-panel-muted,#b8c4d6);font-size:15px;line-height:1.8;font-weight:800;max-width:620px}
.smnn-login-template__notice{margin:0 0 18px;padding:13px 14px;border-radius:16px;font-weight:850;font-size:13px;line-height:1.7;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}
.smnn-login-template__notice--success{border-color:rgba(72,187,120,.32);background:rgba(72,187,120,.10);color:#d8ffe5}
.smnn-login-template__notice--error{border-color:rgba(248,113,113,.34);background:rgba(248,113,113,.10);color:#ffe1e1}
.smnn-login-template__tabs{display:flex;gap:8px;padding:6px;border:1px solid var(--smnn-login-border,#263449);background:rgba(0,0,0,.16);border-radius:18px;margin:0 0 18px}
.smnn-login-template__tabs button{flex:1;border:0;border-radius:14px;padding:12px 16px;background:transparent;color:var(--smnn-login-panel-muted,#b8c4d6);font-weight:950;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.smnn-login-template__tabs button.is-active{background:linear-gradient(135deg,var(--smnn-login-button-bg,#0b3458),color-mix(in srgb,var(--smnn-login-button-bg,#0b3458) 78%,#2f84ff));color:var(--smnn-login-button-text,#fff);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.smnn-login-template__panel{display:none}
.smnn-login-template__panel.is-active{display:block;animation:smnnLoginPanel .18s ease both}
@keyframes smnnLoginPanel{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.smnn-login-template__intro{margin:0 0 16px!important;font-size:14px!important;color:var(--smnn-login-panel-muted,#b8c4d6)!important;font-weight:800!important}
.smnn-login-template__form{display:grid;gap:14px}
.smnn-login-template__form label{display:grid;gap:8px;color:var(--smnn-login-panel-text,#fff);font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.smnn-login-template__form input:not([type="checkbox"]),
.smnn-login-template__form select{width:100%;min-height:48px;border-radius:15px;border:1px solid var(--smnn-login-border,#263449);background:var(--smnn-login-field-bg,#0b1220);color:var(--smnn-login-panel-text,#fff);padding:0 14px;font-size:15px;font-weight:800;outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.smnn-login-template__form select{appearance:auto}
.smnn-login-template__form input:focus,
.smnn-login-template__form select:focus{border-color:color-mix(in srgb,var(--smnn-login-accent,#c4a462) 68%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--smnn-login-accent,#c4a462) 20%,transparent)}
.smnn-login-template__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 4px;color:var(--smnn-login-panel-muted,#b8c4d6);font-size:13px;font-weight:800}
.smnn-login-template__check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px;text-transform:none!important;letter-spacing:0!important;color:var(--smnn-login-panel-muted,#b8c4d6)!important;font-size:13px!important}
.smnn-login-template__check input{width:15px;height:15px;accent-color:var(--smnn-login-accent,#c4a462)}
.smnn-login-template a,.smnn-login-template__footnote button{color:#9dccff;text-decoration:none;font-weight:900;background:transparent;border:0;cursor:pointer;padding:0;font-family:inherit}
.smnn-login-template__submit{min-height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,var(--smnn-login-button-bg,#0b3458),color-mix(in srgb,var(--smnn-login-button-bg,#0b3458) 75%,#2f84ff));color:var(--smnn-login-button-text,#fff);font-weight:950;font-size:15px;cursor:pointer;box-shadow:0 18px 38px rgba(0,0,0,.28);transition:transform .18s ease,box-shadow .18s ease}
.smnn-login-template__submit:hover{transform:translateY(-1px);box-shadow:0 22px 44px rgba(0,0,0,.34)}
.smnn-login-template__footnote{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);color:var(--smnn-login-panel-muted,#b8c4d6);font-weight:800;font-size:13px;line-height:1.6}
.smnn-login-template-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:linear-gradient(135deg,#0b3458,#2f84ff);color:#fff;padding:12px 18px;font-weight:950;cursor:pointer;text-decoration:none;font-family:inherit;box-shadow:0 12px 30px rgba(11,52,88,.2)}
.smnn-network-header__login{border:1px solid color-mix(in srgb,var(--smnn-header-gold,#c4a462) 36%,transparent);background:linear-gradient(135deg,var(--smnn-header-navy,#0b3458),color-mix(in srgb,var(--smnn-header-navy,#0b3458) 72%,#2f84ff));color:#fff;border-radius:999px;padding:11px 16px;font-weight:950;font-size:var(--smnn-header-cta-size,13px);cursor:pointer;box-shadow:0 12px 28px rgba(11,52,88,.16);white-space:nowrap;font-family:inherit}
body.smnn-login-template-open{overflow:hidden}
@media (max-width:780px){.smnn-login-template{padding:14px}.smnn-login-template__dialog{grid-template-columns:1fr;width:min(96vw,560px);min-height:0;border-radius:24px}.smnn-login-template__visual{min-height:180px;padding:26px}.smnn-login-template__visual strong{font-size:24px}.smnn-login-template__content{padding:30px 22px 24px;max-height:70vh}.smnn-login-template h2{font-size:28px}.smnn-login-template__close{top:12px;right:12px}.smnn-login-template__footnote{align-items:flex-start;flex-direction:column}.smnn-login-template__row{align-items:flex-start;flex-direction:column}}
@supports not (color: color-mix(in srgb, #000 50%, #fff)){.smnn-login-template__eyebrow i{box-shadow:0 0 0 4px rgba(196,164,98,.18)}.smnn-login-template__tabs button.is-active,.smnn-login-template__submit,.smnn-login-template-trigger,.smnn-network-header__login{background:#0b3458}}

/* v3.3.22: compact popup polish so login/signup fits cleanly within a 650px desktop height. */
@media (min-width: 781px) {
    .smnn-login-template {
        padding: 16px;
    }

    .smnn-login-template__dialog {
        width: min(920px, 96vw);
        min-height: 0;
        max-height: min(650px, calc(100vh - 32px));
        grid-template-columns: 300px minmax(0, 1fr);
        border-radius: 24px;
    }

    .smnn-login-template__visual {
        min-height: 0;
        height: 100%;
        padding: 28px;
    }

    .smnn-login-template__logo {
        max-width: 128px;
        max-height: 62px;
        margin-bottom: 12px;
    }

    .smnn-login-template__mark {
        width: 50px;
        height: 50px;
        border-radius: 15px;
        margin-bottom: 10px;
    }

    .smnn-login-template__visual strong {
        font-size: 25px;
        line-height: 1.15;
    }

    .smnn-login-template__visual em {
        font-size: 12px;
        line-height: 1.55;
    }

    .smnn-login-template__content {
        padding: 28px 34px 24px;
        overflow: visible;
        max-height: none;
    }

    .smnn-login-template__eyebrow {
        padding: 7px 11px;
        font-size: 10px;
    }

    .smnn-login-template h2 {
        margin: 12px 0 7px;
        font-size: 28px;
        line-height: 1.08;
    }

    .smnn-login-template__content > p {
        margin-bottom: 12px;
        font-size: 13px;
        line-height: 1.55;
    }

    .smnn-login-template__tabs {
        margin-bottom: 12px;
        border-radius: 15px;
        padding: 4px;
    }

    .smnn-login-template__tabs button {
        padding: 9px 12px;
        border-radius: 12px;
        font-size: 13px;
    }

    .smnn-login-template__intro {
        margin-bottom: 10px !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    .smnn-login-template__form {
        gap: 9px;
    }

    .smnn-login-template__form label {
        gap: 5px;
        font-size: 10.5px;
        letter-spacing: .03em;
    }

    .smnn-login-template__form input:not([type="checkbox"]),
    .smnn-login-template__form select {
        min-height: 40px;
        border-radius: 12px;
        padding: 0 12px;
        font-size: 13px;
    }

    .smnn-login-template__panel[data-smnn-login-panel="signup"] .smnn-login-template__form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 9px;
    }

    .smnn-login-template__panel[data-smnn-login-panel="signup"] .smnn-login-template__form .smnn-login-template__submit {
        grid-column: 1 / -1;
    }

    .smnn-login-template__row {
        font-size: 12px;
        margin: 0;
    }

    .smnn-login-template__submit {
        min-height: 42px;
        border-radius: 13px;
        font-size: 13px;
        box-shadow: 0 12px 28px rgba(0,0,0,.22);
    }

    .smnn-login-template__footnote {
        margin-top: 10px;
        padding-top: 10px;
        font-size: 12px;
        line-height: 1.45;
    }

    .smnn-login-template__close {
        top: 14px;
        right: 14px;
        width: 36px;
        height: 36px;
        border-radius: 13px;
        font-size: 24px;
    }
}


/* v3.3.23: readability and slimmer signup form. */
.smnn-login-template__form input:not([type="checkbox"]),
.smnn-login-template__form select,
.smnn-login-template__form textarea {
    color: var(--smnn-login-panel-text,#fff) !important;
    -webkit-text-fill-color: var(--smnn-login-panel-text,#fff) !important;
    caret-color: var(--smnn-login-accent,#c4a462) !important;
}

.smnn-login-template__form input::placeholder,
.smnn-login-template__form textarea::placeholder {
    color: color-mix(in srgb,var(--smnn-login-panel-muted,#b8c4d6) 72%,transparent) !important;
    -webkit-text-fill-color: color-mix(in srgb,var(--smnn-login-panel-muted,#b8c4d6) 72%,transparent) !important;
}

.smnn-login-template__form input:-webkit-autofill,
.smnn-login-template__form input:-webkit-autofill:hover,
.smnn-login-template__form input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--smnn-login-panel-text,#fff) !important;
    box-shadow: 0 0 0 1000px var(--smnn-login-field-bg,#0b1220) inset !important;
    border-color: color-mix(in srgb,var(--smnn-login-accent,#c4a462) 44%,var(--smnn-login-border,#263449)) !important;
    transition: background-color 9999s ease-out 0s !important;
}

@media (min-width: 781px) {
    .smnn-login-template__panel[data-smnn-login-panel="signup"] .smnn-login-template__field--password {
        grid-column: 1 / -1;
    }
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
    .smnn-login-template__form input::placeholder,
    .smnn-login-template__form textarea::placeholder {
        color: rgba(184,196,214,.72) !important;
        -webkit-text-fill-color: rgba(184,196,214,.72) !important;
    }
}