:root{--sira-navy: #081226;--sira-navy-700: #0C1A35;--sira-navy-500: #14264D;--sira-blue: #1E90FF;--sira-blue-600: #1A7FE0;--sira-cyan: #00D2C6;--sira-cyan-300: #56E3DB;--sira-purple: #8A2BE2;--sira-bg: #F6FAFC;--sira-bg-soft: #EEF6F8;--sira-bg-elev: #FFFFFF;--sira-surface: #FFFFFF;--sira-surface-2: #FBFDFE;--sira-border: rgba(8, 18, 38, .08);--sira-border-strong: rgba(8, 18, 38, .14);--sira-text: #0C1A35;--sira-text-muted: #5A6B8C;--sira-text-faint: #8595B0;--sira-text-on-brand: #FFFFFF;--sira-gradient: linear-gradient(135deg, #1E90FF 0%, #00D2C6 100%);--sira-gradient-soft: linear-gradient(135deg, rgba(30,144,255,.1) 0%, rgba(0,210,198,.1) 100%);--sira-gradient-purple: linear-gradient(135deg, #8A2BE2 0%, #1E90FF 100%);--sira-gradient-navy: linear-gradient(180deg, #081226 0%, #0C1A35 100%);--sira-shadow-xs: 0 1px 2px rgba(8, 18, 38, .04);--sira-shadow-sm: 0 2px 6px rgba(8, 18, 38, .05), 0 1px 2px rgba(8,18,38,.04);--sira-shadow: 0 6px 18px rgba(8, 18, 38, .07), 0 2px 4px rgba(8,18,38,.04);--sira-shadow-lg: 0 18px 40px rgba(8, 18, 38, .1), 0 4px 12px rgba(8,18,38,.05);--sira-shadow-focus: 0 0 0 3px rgba(30,144,255,.18);--sira-radius-xs: 6px;--sira-radius-sm: 10px;--sira-radius: 14px;--sira-radius-lg: 20px;--sira-radius-pill: 999px;--sira-font: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sira-font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--sira-transition: .18s cubic-bezier(.4, 0, .2, 1);--sira-transition-slow: .32s cubic-bezier(.4, 0, .2, 1);--sira-success: #14A38B;--sira-warning: #E2A03F;--sira-danger: #E25555;--sira-info: var(--sira-blue)}html[dir=rtl] body{font-family:"Tajawal",var(--sira-font)}body[data-path="login"],.page-card-container,.for-login,.for-signup,.for-forgot{background:transparent!important}body[data-path="login"]:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 18%,rgba(30,144,255,.35) 0,transparent 38%),radial-gradient(circle at 88% 82%,rgba(0,210,198,.3) 0,transparent 38%),radial-gradient(circle at 50% 50%,rgba(138,43,226,.18) 0,transparent 60%),linear-gradient(-135deg,#081226 0%,#0C1A35 45%,#14264D 100%)}body[data-path="login"]:after{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(-90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);pointer-events:none}body[data-path="login"] .page-card-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}body[data-path="login"] .page-card{background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:20px!important;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 30px 80px #08122673,0 6px 18px #08122640,inset 0 1px #fff9!important;padding:38px 36px!important;max-width:420px!important;width:100%;animation:sira-login-in .54s cubic-bezier(.16,1,.3,1) both}@keyframes sira-login-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}body[data-path="login"] .page-card .page-card-head,body[data-path="login"] .page-card-actions-head{text-align:center}body[data-path="login"] .page-card .sira-login-logo{display:flex;justify-content:center;align-items:center;margin:0 auto 18px}body[data-path="login"] .page-card .sira-login-logo-img{max-height:64px;max-width:220px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(8,18,38,.18))}body[data-path="login"] .page-card .app-logo,body[data-path="login"] .page-card .login-logo{display:none!important}body[data-path="login"] .page-card h4,body[data-path="login"] .page-card .page-card-head h4{font-family:var(--sira-font);font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--sira-navy)!important;margin:0 0 4px;text-align:center}body[data-path="login"] .page-card .text-muted{color:var(--sira-text-muted)!important;font-size:13px;text-align:center;display:block;margin-bottom:22px}body[data-path="login"] .page-card .form-control,body[data-path="login"] .page-card input[type=text],body[data-path="login"] .page-card input[type=email],body[data-path="login"] .page-card input[type=password]{background:var(--sira-surface)!important;border:1.5px solid var(--sira-border-strong)!important;border-radius:12px!important;padding:12px 14px!important;height:46px!important;color:var(--sira-text)!important;font-family:var(--sira-font);font-size:14px;transition:all var(--sira-transition)}body[data-path="login"] .page-card .form-control:focus{border-color:var(--sira-blue)!important;box-shadow:var(--sira-shadow-focus)!important;outline:none}body[data-path="login"] .page-card .form-group label,body[data-path="login"] .page-card .control-label{font-weight:600;font-size:12px;color:var(--sira-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}body[data-path="login"] .page-card .btn-primary,body[data-path="login"] .page-card .btn-login,body[data-path="login"] .page-card .btn-signup,body[data-path="login"] .page-card button[type=submit]{width:100%;height:48px!important;border:none!important;border-radius:12px!important;background:var(--sira-gradient)!important;color:var(--sira-text-on-brand)!important;font-weight:700!important;font-size:14px!important;letter-spacing:.02em;box-shadow:0 10px 24px #1e90ff52!important;transition:all var(--sira-transition)}body[data-path="login"] .page-card .btn-primary:hover,body[data-path="login"] .page-card button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 14px 32px #1e90ff6b!important}body[data-path="login"] .page-card a,body[data-path="login"] .page-card .forgot-password-link{color:var(--sira-blue)!important;font-weight:600;text-decoration:none;transition:color var(--sira-transition)}body[data-path="login"] .page-card a:hover{color:var(--sira-cyan)!important}body[data-path="login"] .page-card .social-login-buttons .btn{border-radius:12px!important;border:1.5px solid var(--sira-border-strong)!important;background:var(--sira-surface)!important;color:var(--sira-text)!important;font-weight:600}body[data-path="login"] .footer-text,body[data-path="login"] .page-card+.text-muted{color:#ffffffb3!important;text-align:center;font-size:12px;margin-top:18px}@media (max-width: 480px){body[data-path="login"] .page-card{padding:28px 22px!important}}.page-card-head .app-logo,.for-login .app-logo,.login-content .app-logo{background-image:url(/assets/sira_custom/images/sira_bg_tp.png)!important;background-color:transparent!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;box-shadow:none!important;border-radius:0!important;width:160px!important;height:76px!important}.page-card-head .app-logo svg,.for-login .app-logo svg,.login-content .app-logo svg{display:none!important}.sira-login-center-logo,.page-card-head img.sira-login-center-logo{display:block!important;width:auto!important;height:76px!important;max-width:230px!important;-o-object-fit:contain!important;object-fit:contain!important;margin:0 auto 12px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.sira-login-center-logo-wrap{background:transparent!important;box-shadow:none!important;border-radius:0!important}body[data-path="login"] section.for-login>.page-card-head{display:none!important}body[data-path="login"] .navbar .navbar-brand>img,body[data-path="login"] .sira-login-logo>.sira-login-logo-img{visibility:hidden;opacity:0}body[data-path="login"] .navbar .navbar-brand[data-sira-alogo=static]>img,body[data-path="login"] .sira-login-logo[data-sira-alogo=static]>.sira-login-logo-img{visibility:visible;opacity:1}.sira-alogo{display:inline-block;flex:none;box-sizing:content-box;aspect-ratio:724 / 290;block-size:var(--sira-alogo-block, 34px);inline-size:auto;max-inline-size:100%;margin:0;padding:0;border:0;background:transparent;line-height:0;vertical-align:middle;overflow:hidden;pointer-events:none}.sira-alogo__video,.sira-alogo__img{display:block;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;-o-object-fit:contain;object-fit:contain;filter:none}.sira-alogo-replaced{display:none!important}.sira-alogo--navbar{--sira-alogo-block: 34px}.sira-alogo--shell{aspect-ratio:auto;inline-size:39px;block-size:39px}.sira-alogo--login{block-size:auto;inline-size:260px;max-inline-size:100%}@media (max-width: 767px){.sira-alogo--navbar{--sira-alogo-block: 30px}}@media (max-width: 760px){.sira-alogo--shell{inline-size:33px;block-size:33px}}@media (max-width: 480px){.sira-alogo--login{inline-size:220px}}
/*# sourceMappingURL=sira_website.bundle.B54DNECL.css.map */


/* === SIRA LOGIN LOGO FINAL ALIGNMENT === */

body[data-path="login"] .sira-alogo--login {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        inline-size: 225px !important;
        width: 225px !important;
        max-inline-size: 72% !important;

        margin: 0 auto 20px !important;
}

body[data-path="login"] .sira-alogo--login video,
body[data-path="login"] .sira-alogo--login img {
        display: block !important;
        inline-size: 100% !important;
        width: 100% !important;
        block-size: auto !important;
        height: auto !important;
        object-fit: contain !important;
        margin: 0 auto !important;
}

@media (max-width: 480px) {
        body[data-path="login"] .sira-alogo--login {
                inline-size: 195px !important;
                width: 195px !important;
        }
}


/* === SIRA LOGIN FINAL CENTER + NO-FLASH === */

/*
 * The video artwork itself is centered correctly.
 * The old problem was the login-logo host shrinking/starting at the
 * card content edge. Force the host to span the full card content width.
 */
body[data-path="login"] .page-card > .sira-login-logo,
body[data-path="login"] .login-content.page-card > .sira-login-logo {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        inline-size: 100% !important;
        width: 100% !important;
        max-inline-size: none !important;

        box-sizing: border-box !important;
        margin: 0 0 20px !important;
        padding: 0 !important;
}

/* Center the actual animated wrapper inside that full-width host. */
body[data-path="login"] .sira-login-logo > .sira-alogo--login {
        display: block !important;
        flex: 0 0 auto !important;

        inline-size: 220px !important;
        width: 220px !important;
        max-inline-size: calc(100% - 16px) !important;

        margin: 0 !important;
        padding: 0 !important;
}

/*
 * Do not show an undecoded/first video frame.
 * The wrapper still reserves its dimensions, so there is no layout shift.
 */
body[data-path="login"]
.sira-alogo--login[data-sira-alogo-state="loading"]
.sira-alogo__video {
        visibility: hidden !important;
        opacity: 0 !important;
}

body[data-path="login"]
.sira-alogo--login[data-sira-alogo-state="playing"]
.sira-alogo__video {
        visibility: visible !important;
        opacity: 1 !important;
}

@media (max-width: 480px) {
        body[data-path="login"] .sira-login-logo > .sira-alogo--login {
                inline-size: 190px !important;
                width: 190px !important;
        }
}