/* CNTRLZ Auth — visual layer derived directly from the approved frontend */
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Variable.woff2') format('woff2-variations');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('../fonts/JetBrainsMono-Variable.woff2') format('woff2-variations');font-weight:100 800;font-style:normal;font-display:swap}
body.cntrlz-auth-page{overflow:hidden!important}
.cza-credential-bridge-form,.cza-credential-bridge-field{position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;opacity:.01!important;pointer-events:none!important}
#bd .cza-hp,#bd .cza-credential-username{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
#bd{position:fixed;inset:0;z-index:999999;width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto}
body.admin-bar #bd{top:32px;min-height:calc(100dvh - 32px)}
#bd #tb{display:none!important}
#bd, #bd *,#bd *::before,#bd *::after{box-sizing:border-box;margin:0;padding:0}
#bd{--f:'Vazirmatn',sans-serif;--fm:'JetBrains Mono',monospace}
#bd{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
#bd{font-family:var(--f);direction:rtl;text-align:right;overflow-x:hidden;line-height:1.6}
#bd.cosmic{background:#0f172a;color:#f1f5f9}
#bd.glass{background:#020617;color:#f1f5f9}
#bd.cyber{background:#040407;color:#67e8f9}
#bd.minimal{background:#f4f3ef;color:#1e293b}
#bd.sunset{background:#0b0512;color:#fce7f3}
#bd.gold{background:#090907;color:#fef3c7}
#bd button{font:inherit;border:none;color:inherit;cursor:pointer}
#bd input{font:inherit;outline:none}
#bd .dn{display:none!important}
#bd .i{width:16px;height:16px;flex-shrink:0}
#bd .is{width:14px;height:14px;flex-shrink:0}
#bd #bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
#bd #cv{position:absolute;inset:0;width:100%;height:100%}
#bd.cosmic #grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(to right,#334155 1px,transparent 1px),linear-gradient(to bottom,#334155 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000 80%,transparent 100%);mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000 80%,transparent 100%)}
#bd.glass #grid{position:absolute;inset:0;opacity:.05;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px}
#bd.cyber #grid{position:absolute;inset:0;opacity:.06;background-image:linear-gradient(to right,#00f0ff 1px,transparent 1px),linear-gradient(to bottom,#ff0055 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000 70%,transparent 100%)}
#bd.minimal #grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(to right,#e5e4df 1px,transparent 1px),linear-gradient(to bottom,#e5e4df 1px,transparent 1px);background-size:80px 80px}
#bd.sunset #grid{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px}
#bd.gold #grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(to right,#78350f 1px,transparent 1px),linear-gradient(to bottom,#78350f 1px,transparent 1px);background-size:80px 80px}
#bd #spot{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(130px);mix-blend-mode:screen;transform:translate(-50%,-50%)}
#bd.cosmic #spot{background:rgba(99,102,241,.08)}
#bd.glass #spot{background:rgba(6,182,212,.06)}
#bd.cyber #spot{background:rgba(0,240,255,.1)}
#bd.minimal #spot{width:600px;height:600px;background:rgba(226,232,240,.5);filter:blur(150px);mix-blend-mode:normal}
#bd.sunset #spot{background:rgba(244,63,94,.1)}
#bd.gold #spot{background:rgba(245,158,11,.05)}
#bd .ob{position:absolute;border-radius:50%;filter:blur(120px)}
#bd.cosmic #ob1{top:-10%;left:-10%;width:500px;height:500px;background:rgba(99,102,241,.15);animation:o1 22s ease-in-out infinite}
#bd.cosmic #ob2{top:25%;right:-10%;width:600px;height:600px;background:rgba(147,51,234,.1);animation:o2 26s ease-in-out infinite}
#bd.cosmic #ob3{bottom:-15%;left:33%;width:450px;height:450px;background:rgba(16,185,129,.1);animation:o3 20s ease-in-out infinite}
#bd.glass #ob1{top:-10%;left:-10%;width:500px;height:500px;background:rgba(6,182,212,.2);animation:o1 22s ease-in-out infinite}
#bd.glass #ob2{top:25%;right:-10%;width:600px;height:600px;background:rgba(16,185,129,.15);animation:o2 26s ease-in-out infinite}
#bd.glass #ob3{bottom:-15%;left:33%;width:450px;height:450px;background:rgba(59,130,246,.1);animation:o3 20s ease-in-out infinite}
#bd.cyber #ob1{background:rgba(0,240,255,.08);animation:o1 22s ease-in-out infinite}
#bd.cyber #ob2{background:rgba(255,0,85,.06);animation:o2 26s ease-in-out infinite}
#bd.cyber #ob3{background:rgba(0,240,255,.05);animation:o3 20s ease-in-out infinite}
#bd.minimal .ob{display:none}
#bd.sunset #ob1{background:rgba(244,63,94,.18);animation:o1 18s ease-in-out infinite}
#bd.sunset #ob2{background:rgba(245,158,11,.15);animation:o2 22s ease-in-out infinite}
#bd.sunset #ob3{background:rgba(147,51,234,.12);animation:o3 25s ease-in-out infinite}
#bd.gold #ob1{background:rgba(217,119,6,.1);animation:o1 22s ease-in-out infinite}
#bd.gold #ob2{background:rgba(202,138,4,.05);animation:o2 26s ease-in-out infinite}
#bd.gold #ob3{background:rgba(245,158,11,.08);animation:o3 20s ease-in-out infinite}
@keyframes o1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(100px,-120px) scale(1.3)}}
@keyframes o2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-120px,100px) scale(1.2)}}
@keyframes o3{0%,100%{transform:translate(0,0) scale(.8)}50%{transform:translate(80px,110px) scale(1.15)}}
#bd #app{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:24px}
#bd #tb{width:100%;max-width:448px;padding:10px;border-radius:16px;backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
#bd.cosmic #tb{background:rgba(15,23,42,.6);border:1px solid rgba(30,41,59,.8);color:#e2e8f0}
#bd.glass #tb{background:rgba(2,6,23,.6);border:1px solid rgba(255,255,255,.1);color:#e2e8f0}
#bd.cyber #tb{background:rgba(0,0,0,.9);border:2px solid #00f0ff;border-radius:0;font-family:var(--fm);color:#e2e8f0}
#bd.minimal #tb{background:#fff;border:1px solid #e2e8f0;color:#334155;box-shadow:0 1px 3px rgba(0,0,0,.05)}
#bd.sunset #tb{background:rgba(9,11,28,.6);border:1px solid rgba(255,255,255,.1);color:#fce7f3}
#bd.gold #tb{background:rgba(23,23,23,.8);border:1px solid rgba(245,158,11,.2);color:#fef3c7}
@media(min-width:640px){#bd #tb{flex-direction:row;justify-content:space-between}}
#bd #tbl{font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px}
#bd.cosmic #tbl{color:#94a3b8}#bd.glass #tbl{color:#94a3b8}#bd.cyber #tbl{color:#00f0ff;font-family:var(--fm);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
#bd.minimal #tbl{color:#64748b}#bd.sunset #tbl{color:#fda4af}#bd.gold #tbl{color:#fbbf24}
#bd #tbb{display:flex;flex-wrap:wrap;gap:4px}
#bd .tb{font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;transition:all .2s;background:transparent}
#bd.cosmic .tb{color:#94a3b8}#bd.cosmic .tb:hover{background:rgba(30,41,59,.4);color:#e2e8f0}#bd.cosmic .tb.ac{background:rgba(30,41,59,.9);color:#fff;box-shadow:0 0 0 2px rgba(99,102,241,.4)}
#bd.glass .tb{color:#94a3b8}#bd.glass .tb:hover{background:rgba(30,41,59,.4);color:#e2e8f0}#bd.glass .tb.ac{background:rgba(30,41,59,.9);color:#fff;box-shadow:0 0 0 2px rgba(6,182,212,.4)}
#bd.cyber .tb{color:#94a3b8;border-radius:0;font-family:var(--fm);font-size:10px;text-transform:uppercase}#bd.cyber .tb:hover{background:rgba(30,41,59,.4);color:#e2e8f0}#bd.cyber .tb.ac{background:#00f0ff;color:#000;box-shadow:0 0 10px rgba(0,240,255,.2)}
#bd.minimal .tb{color:#64748b}#bd.minimal .tb:hover{background:#f8fafc;color:#0f172a}#bd.minimal .tb.ac{background:#f1f5f9;box-shadow:0 0 0 2px rgba(148,163,184,.3);color:#0f172a}
#bd.sunset .tb{color:#94a3b8}#bd.sunset .tb:hover{background:rgba(30,41,59,.4);color:#e2e8f0}#bd.sunset .tb.ac{background:rgba(30,41,59,.9);color:#fff;box-shadow:0 0 0 2px rgba(244,63,94,.4)}
#bd.gold .tb{color:#94a3b8}#bd.gold .tb:hover{background:rgba(38,38,38,.4);color:#fef3c7}#bd.gold .tb.ac{background:rgba(38,38,38,.9);color:#fbbf24;box-shadow:0 0 0 2px rgba(245,158,11,.3)}
#bd .td{width:8px;height:8px;border-radius:50%;flex-shrink:0}
#bd #ac{width:100%;max-width:448px}
#bd #ach{position:relative;padding:36px 24px;text-align:center;overflow:hidden;border-bottom-width:1px;border-bottom-style:solid}
#bd.cosmic #ach{background:#020617;border-bottom-color:#1e293b}
#bd.glass #ach{background:transparent;border-bottom-color:rgba(255,255,255,.05)}
#bd.cyber #ach{background:#09090b;border-bottom:2px solid rgba(0,240,255,.8);font-family:var(--fm)}
#bd.minimal #ach{background:#f8fafc;border-bottom-color:#f1f5f9}
#bd.sunset #ach{background:transparent;border-bottom-color:rgba(255,255,255,.1)}
#bd.gold #ach{background:#171717;border-bottom-color:rgba(245,158,11,.2)}
#bd #achg{position:absolute;inset:0}
#bd.cosmic #achg{background:linear-gradient(to bottom right,rgba(99,102,241,.1),rgba(147,51,234,.05),#0f172a)}
#bd.glass #achg{background:linear-gradient(to bottom right,rgba(6,182,212,.1),rgba(14,165,233,.05),transparent)}
#bd.cyber #achg{background:radial-gradient(ellipse at center,rgba(0,240,255,.2) 0,#000 100%)}
#bd.minimal #achg{background:linear-gradient(to bottom,#f8fafc,#fff)}
#bd.sunset #achg{background:linear-gradient(to bottom right,rgba(245,158,11,.2),rgba(244,63,94,.15),transparent)}
#bd.gold #achg{background:linear-gradient(to bottom right,rgba(245,158,11,.1),rgba(250,204,21,.05),#171717)}
#bd #acho1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:176px;height:176px;border-radius:50%;filter:blur(40px);animation:hp 8s ease-in-out infinite}
#bd #acho2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:128px;height:128px;border-radius:50%;filter:blur(35px);animation:hp 10s ease-in-out infinite reverse}
#bd.cosmic #acho1{background:rgba(99,102,241,.2)}#bd.cosmic #acho2{background:rgba(147,51,234,.15)}
#bd.glass #acho1{background:rgba(6,182,212,.2)}#bd.glass #acho2{background:rgba(16,185,129,.15)}
#bd.cyber #acho1,#bd.cyber #acho2,#bd.minimal #acho1,#bd.minimal #acho2{display:none}
#bd.sunset #acho1{background:rgba(245,158,11,.2)}#bd.sunset #acho2{background:rgba(244,63,94,.15)}
#bd.gold #acho1{background:rgba(245,158,11,.25);box-shadow:0 0 15px #f59e0b}#bd.gold #acho2{background:rgba(202,138,4,.2)}
@keyframes hp{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.12}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.25}}
#bd #achc{position:relative;z-index:10}
#bd #tit{font-size:20px;font-weight:700;margin-bottom:8px}
#bd.cosmic #tit{color:#fff}#bd.glass #tit{color:#fff;text-shadow:0 2px 10px rgba(255,255,255,.1)}#bd.cyber #tit{color:#00f0ff;text-transform:uppercase;letter-spacing:.05em;font-family:var(--fm)}
#bd.minimal #tit{color:#0f172a}#bd.sunset #tit{color:#fff;text-shadow:0 2px 8px rgba(244,63,94,.3)}#bd.gold #tit{color:#fef3c7;text-shadow:0 2px 10px rgba(245,158,11,.25)}
#bd #sub{font-size:12px}
#bd.cosmic #sub{color:#94a3b8}#bd.glass #sub{color:rgba(203,213,225,.8)}#bd.cyber #sub{color:#ff0055;font-family:var(--fm);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
#bd.minimal #sub{color:#64748b}#bd.sunset #sub{color:rgba(253,164,175,.8)}#bd.gold #sub{color:rgba(251,191,36,.8)}
#bd #acb{padding:24px}
#bd.cosmic #acb{background:rgba(15,23,42,.4)}#bd.glass #acb,#bd.sunset #acb{background:transparent}
#bd.cyber #acb{background:#000;background-image:linear-gradient(to right,#1f2937 1px,transparent 1px),linear-gradient(to bottom,#1f2937 1px,transparent 1px);background-size:32px 32px}
#bd.minimal #acb{background:#fff}#bd.gold #acb{background:rgba(23,23,23,.4)}
@media(min-width:768px){#bd #acb{padding:32px}}
#bd.cosmic #ac{border-radius:24px;overflow:hidden;background:rgba(15,23,42,.8);backdrop-filter:blur(24px);border:1px solid #1e293b;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(99,102,241,.05)}
#bd.glass #ac{border-radius:24px;overflow:hidden;background:rgba(255,255,255,.04);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}
#bd.cyber #ac{border-radius:0;overflow:hidden;background:#000;border:2px solid #00f0ff;box-shadow:0 0 20px rgba(0,240,255,.15)}
#bd.minimal #ac{border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(226,232,240,.8);box-shadow:0 20px 50px rgba(15,23,42,.06)}
#bd.sunset #ac{border-radius:24px;overflow:hidden;background:rgba(9,11,28,.45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 60px -15px rgba(244,63,94,.15)}
#bd.gold #ac{border-radius:24px;overflow:hidden;background:rgba(23,23,23,.9);border:1px solid rgba(245,158,11,.3);box-shadow:0 25px 60px -15px rgba(245,158,11,.15)}
#bd .fg{margin-bottom:20px}
#bd .fl{font-size:12px;font-weight:700;display:block;margin-bottom:6px}
#bd.cosmic .fl{color:#cbd5e1}#bd.glass .fl{color:#e2e8f0}#bd.cyber .fl{color:#ff0055;font-family:var(--fm);text-transform:uppercase;letter-spacing:.05em}
#bd.minimal .fl{color:#334155}#bd.sunset .fl{color:rgba(253,164,175,.9)}#bd.gold .fl{color:rgba(254,243,199,.9)}
#bd .req{color:#f43f5e}
#bd .iw{position:relative}
#bd .ii{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none;z-index:1}
#bd .it{position:absolute;left:14px;top:50%;transform:translateY(-50%);padding:4px;z-index:5;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent}
#bd .it:hover{background:rgba(51,65,85,.4)}
#bd .fin{width:100%;font-size:14px;padding:12px 14px 12px 40px;transition:all .2s;direction:ltr;text-align:left;font-family:var(--f)}
#bd .fin.pw{padding:12px 40px}
#bd.cosmic .fin{background:rgba(2,6,23,.5);border:1px solid #1e293b;border-radius:12px;color:#fff}
#bd.cosmic .fin:focus{background:#020617;border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.1)}
#bd.cosmic .fin::placeholder{color:#64748b}
#bd.glass .fin{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff}
#bd.glass .fin:focus{background:rgba(255,255,255,.07);border-color:#22d3ee;box-shadow:0 0 0 4px rgba(6,182,212,.1)}
#bd.glass .fin::placeholder{color:rgba(148,163,184,.6)}
#bd.cyber .fin{background:#09090b;border:2px solid #27272a;border-radius:0;color:#67e8f9;font-family:var(--fm)}
#bd.cyber .fin:focus{border-color:#00f0ff;box-shadow:0 0 10px rgba(0,240,255,.2)}
#bd.cyber .fin::placeholder{color:#52525b}
#bd.minimal .fin{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a}
#bd.minimal .fin:focus{background:#fff;border-color:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.05)}
#bd.minimal .fin::placeholder{color:rgba(148,163,184,.8)}
#bd.sunset .fin{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff}
#bd.sunset .fin:focus{background:rgba(255,255,255,.08);border-color:#fbbf24;box-shadow:0 0 0 4px rgba(251,191,36,.1)}
#bd.sunset .fin::placeholder{color:rgba(253,164,175,.4)}
#bd.gold .fin{background:rgba(23,23,23,.5);border:1px solid rgba(245,158,11,.2);border-radius:12px;color:#fef3c7}
#bd.gold .fin:focus{background:#171717;border-color:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.1)}
#bd.gold .fin::placeholder{color:#525252}
#bd .btn{width:100%;padding:14px;font-size:12px;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}
#bd .btn:active{transform:scale(.98)}
#bd.cosmic .btn{background:linear-gradient(to right,#4f46e5,#7c3aed);color:#fff;border:1px solid rgba(99,102,241,.3);border-radius:12px;box-shadow:0 4px 6px -1px rgba(99,102,241,.1)}
#bd.cosmic .btn:hover{background:linear-gradient(to right,#6366f1,#8b5cf6)}
#bd.glass .btn{background:linear-gradient(to right,#06b6d4,#2563eb);color:#fff;border:1px solid rgba(6,182,212,.2);border-radius:16px;box-shadow:0 4px 6px -1px rgba(6,182,212,.15)}
#bd.glass .btn:hover{background:linear-gradient(to right,#22d3ee,#3b82f6)}
#bd.cyber .btn{background:#00f0ff;color:#000;border:2px solid #000;border-radius:0;font-family:var(--fm);font-weight:900;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 0 0 #0891b2}
#bd.cyber .btn:hover{background:#ff0055;color:#fff;box-shadow:0 4px 0 0 #be123c}
#bd.cyber .btn:active{transform:translateY(2px);box-shadow:0 2px 0 0 #be123c}
#bd.minimal .btn{background:#0f172a;color:#fff;border:1px solid #0f172a;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}
#bd.minimal .btn:hover{background:#1e293b}
#bd.sunset .btn{background:linear-gradient(to right,#f59e0b,#f43f5e,#7c3aed);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 4px 6px -1px rgba(244,63,94,.2)}
#bd.sunset .btn:hover{background:linear-gradient(to right,#fbbf24,#fb7185,#8b5cf6)}
#bd.gold .btn{background:linear-gradient(to right,#d97706,#b45309);color:#171717;border:1px solid rgba(245,158,11,.4);border-radius:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
#bd.gold .btn:hover{background:linear-gradient(to right,#f59e0b,#d97706)}
#bd .btn2{width:100%;padding:12px;font-size:12px;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}
#bd.cosmic .btn2{background:rgba(30,41,59,.6);color:#cbd5e1;border:1px solid rgba(51,65,85,.8);border-radius:12px}
#bd.cosmic .btn2:hover{background:rgba(51,65,85,.9);color:#fff}
#bd.glass .btn2{background:rgba(255,255,255,.05);color:#e2e8f0;border:1px solid rgba(255,255,255,.1);border-radius:16px}
#bd.glass .btn2:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}
#bd.cyber .btn2{background:#09090b;color:#00f0ff;border:2px solid #27272a;border-radius:0;font-family:var(--fm);text-transform:uppercase}
#bd.cyber .btn2:hover{border-color:#ff0055;color:#ff0055}
#bd.minimal .btn2{background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:12px}
#bd.minimal .btn2:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}
#bd.sunset .btn2{background:rgba(255,255,255,.06);color:#fce7f3;border:1px solid rgba(255,255,255,.1);border-radius:16px}
#bd.sunset .btn2:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}
#bd.gold .btn2{background:rgba(38,38,38,.8);color:#fbbf24;border:1px solid rgba(245,158,11,.2);border-radius:12px}
#bd.gold .btn2:hover{background:rgba(38,38,38,.95);border-color:rgba(245,158,11,.4);color:#f59e0b}
#bd .lnk{font-size:12px;font-weight:700;transition:color .2s;background:none}
#bd.cosmic .lnk{color:#818cf8}#bd.cosmic .lnk:hover{color:#a5b4fc}
#bd.glass .lnk{color:#67e8f9}#bd.glass .lnk:hover{color:#a5f3fc}
#bd.cyber .lnk{color:#00f0ff;font-family:var(--fm)}#bd.cyber .lnk:hover{color:#ff0055}
#bd.minimal .lnk{color:#0f172a;text-decoration:underline;text-underline-offset:4px}#bd.minimal .lnk:hover{color:#000}
#bd.sunset .lnk{color:#fcd34d}#bd.sunset .lnk:hover{color:#fbbf24}
#bd.gold .lnk{color:#fbbf24}#bd.gold .lnk:hover{color:#f59e0b}
#bd .dv{text-align:center;padding-top:16px;border-top-width:1px;border-top-style:solid;margin-top:8px;font-size:12px}
#bd.cosmic .dv{border-top-color:#1e293b;color:#94a3b8}
#bd.glass .dv{border-top-color:rgba(255,255,255,.05);color:#94a3b8}
#bd.cyber .dv{border-top:2px solid #18181b;color:#94a3b8}
#bd.minimal .dv{border-top-color:#f1f5f9;color:#64748b}
#bd.sunset .dv{border-top-color:rgba(255,255,255,.1);color:#94a3b8}
#bd.gold .dv{border-top-color:rgba(245,158,11,.1);color:#94a3b8}
#bd .er{background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.2);color:#fda4af;padding:14px;border-radius:16px;font-size:12px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.6;animation:ei .3s ease-out}
@keyframes ei{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
#bd.minimal .er{background:rgba(244,63,94,.05);border-color:rgba(244,63,94,.15);color:#be123c}
#bd .otb{padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:16px;margin-bottom:8px}
#bd.cosmic .otb{border:1px solid rgba(30,41,59,.8);background:rgba(2,6,23,.6)}
#bd.glass .otb,#bd.sunset .otb{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
#bd.cyber .otb{border:2px solid #27272a;background:#09090b;border-radius:0}
#bd.minimal .otb{border:1px solid #e2e8f0;background:#f8fafc}
#bd.gold .otb{border:1px solid rgba(245,158,11,.2);background:rgba(23,23,23,.6)}
#bd .otl{font-size:11px;color:#94a3b8}#bd.minimal .otl{color:#64748b}
#bd .otc{font-size:24px;font-family:var(--fm);font-weight:900;letter-spacing:.1em}
#bd.cosmic .otc{color:#818cf8}#bd.glass .otc{color:#67e8f9}#bd.cyber .otc{color:#00f0ff}#bd.minimal .otc{color:#0f172a}#bd.sunset .otc{color:#fcd34d}#bd.gold .otc{color:#fbbf24}
#bd .ota{margin-top:4px;font-size:10px;font-weight:700;padding:6px 12px;border-radius:8px;transition:all .2s}
#bd.cosmic .ota{color:#818cf8;background:rgba(99,102,241,.1)}#bd.cosmic .ota:hover{background:rgba(99,102,241,.2)}
#bd.glass .ota{color:#67e8f9;background:rgba(6,182,212,.1)}#bd.glass .ota:hover{background:rgba(6,182,212,.2)}
#bd.cyber .ota{color:#00f0ff;background:#09090b;border:2px solid #27272a;border-radius:0}#bd.cyber .ota:hover{border-color:#00f0ff}
#bd.minimal .ota{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0}#bd.minimal .ota:hover{background:#e2e8f0}
#bd.sunset .ota{color:#fcd34d;background:rgba(245,158,11,.1)}#bd.sunset .ota:hover{background:rgba(245,158,11,.2)}
#bd.gold .ota{color:#fbbf24;background:rgba(245,158,11,.1)}#bd.gold .ota:hover{background:rgba(245,158,11,.2)}
#bd .ois{display:flex;gap:10px;justify-content:center;direction:ltr}
#bd .oi{width:48px;height:56px;text-align:center;font-size:20px;font-weight:700;font-family:var(--fm);outline:none;transition:all .15s}
#bd.cosmic .oi{border-radius:12px;border:1px solid #1e293b;background:rgba(2,6,23,.6);color:#fff}
#bd.cosmic .oi:focus{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.15)}
#bd.glass .oi{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#fff}
#bd.glass .oi:focus{border-color:#22d3ee;box-shadow:0 0 0 4px rgba(6,182,212,.1)}
#bd.cyber .oi{border-radius:0;border:2px solid #27272a;background:#09090b;color:#67e8f9}
#bd.cyber .oi:focus{border-color:#00f0ff;box-shadow:0 0 10px rgba(0,240,255,.2)}
#bd.minimal .oi{border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a}
#bd.minimal .oi:focus{background:#fff;border-color:#94a3b8}
#bd.sunset .oi{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff}
#bd.sunset .oi:focus{border-color:#fbbf24;box-shadow:0 0 0 4px rgba(251,191,36,.1)}
#bd.gold .oi{border-radius:12px;border:1px solid rgba(245,158,11,.2);background:rgba(23,23,23,.6);color:#fef3c7}
#bd.gold .oi:focus{border-color:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.15)}
#bd .ow{display:flex;justify-content:center;align-items:center;margin-top:12px;font-size:12px;color:#94a3b8}
#bd .orb{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:8px;transition:all .2s}
#bd.cosmic .orb{color:#818cf8;border:1px solid rgba(30,41,59,1)}#bd.cosmic .orb:hover{background:rgba(30,41,59,.5);border-color:rgba(99,102,241,.3)}
#bd.glass .orb{color:#67e8f9;border:1px solid rgba(255,255,255,.1)}#bd.glass .orb:hover{background:rgba(255,255,255,.05);border-color:rgba(6,182,212,.3)}
#bd.cyber .orb{color:#00f0ff;border:2px solid #27272a;border-radius:0;font-family:var(--fm)}#bd.cyber .orb:hover{background:#09090b;border-color:#ff0055;color:#ff0055}
#bd.minimal .orb{color:#334155;border:1px solid #e2e8f0}#bd.minimal .orb:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}
#bd.sunset .orb{color:#fcd34d;border:1px solid rgba(255,255,255,.1)}#bd.sunset .orb:hover{background:rgba(255,255,255,.06);border-color:rgba(245,158,11,.3)}
#bd.gold .orb{color:#fbbf24;border:1px solid rgba(245,158,11,.2)}#bd.gold .orb:hover{background:rgba(38,38,38,.5);border-color:rgba(245,158,11,.4)}
#bd .otm{display:flex;align-items:center;gap:6px}
#bd .rg{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
#bd .ro{padding:20px;text-align:center;border-radius:16px;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:12px}
#bd.cosmic .ro{border:1px solid #1e293b;background:rgba(2,6,23,.4)}#bd.cosmic .ro:hover{border-color:rgba(99,102,241,.4);background:rgba(99,102,241,.05)}
#bd.glass .ro,#bd.sunset .ro{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}#bd.glass .ro:hover,#bd.sunset .ro:hover{border-color:rgba(6,182,212,.4);background:rgba(6,182,212,.05)}
#bd.cyber .ro{border:2px solid #27272a;border-radius:0;background:#000}#bd.cyber .ro:hover{border-color:#00f0ff}
#bd.minimal .ro{border:1px solid #e2e8f0;background:#f8fafc}#bd.minimal .ro:hover{border-color:#94a3b8}
#bd.gold .ro{border:1px solid rgba(245,158,11,.2);background:rgba(23,23,23,.4)}#bd.gold .ro:hover{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.05)}
#bd .roi{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:transform .2s}
#bd .ro:hover .roi{transform:scale(1.05)}
#bd.cosmic .roi{border:1px solid rgba(99,102,241,.2);background:rgba(99,102,241,.1);color:#818cf8}
#bd.glass .roi{border:1px solid rgba(6,182,212,.2);background:rgba(6,182,212,.1);color:#67e8f9}
#bd.cyber .roi{border:2px solid #27272a;border-radius:0;background:#09090b;color:#00f0ff}
#bd.minimal .roi{border:1px solid #e2e8f0;background:#f1f5f9;color:#475569}
#bd.sunset .roi{border:1px solid rgba(245,158,11,.2);background:rgba(245,158,11,.1);color:#fcd34d}
#bd.gold .roi{border:1px solid rgba(245,158,11,.2);background:rgba(245,158,11,.1);color:#fbbf24}
#bd .rol{font-size:12px;font-weight:700;color:#fff}#bd.minimal .rol{color:#0f172a}
#bd .ros{font-size:10px;color:#64748b}
#bd .vb{padding:14px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;border-radius:16px;margin-bottom:8px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#6ee7b7}
#bd #tc{position:fixed;bottom:16px;right:16px;z-index:50;display:flex;flex-direction:column;gap:8px;max-width:320px;width:100%;pointer-events:none}
#bd .to{padding:16px;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border:1px solid;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;backdrop-filter:blur(12px);animation:ti .3s ease-out;pointer-events:auto}
#bd .to.ok{background:rgba(15,23,42,.9);border-color:rgba(16,185,129,.3);color:#6ee7b7}
#bd .to.er2{background:rgba(15,23,42,.9);border-color:rgba(244,63,94,.3);color:#fda4af}
#bd .to.in{background:rgba(15,23,42,.9);border-color:rgba(99,102,241,.3);color:#a5b4fc}
#bd .tx{padding:4px;border-radius:8px;color:#64748b;transition:all .2s}#bd .tx:hover{color:#e2e8f0;background:rgba(30,41,59,.8)}
@keyframes ti{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
#bd #sp{width:100%;max-width:448px}
#bd #sc{padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
#bd.cosmic #sc{background:rgba(15,23,42,.8);backdrop-filter:blur(24px);border:1px solid rgba(30,41,59,.8);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}
#bd.glass #sc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:24px}
#bd.cyber #sc{background:#000;border:2px solid #00f0ff;border-radius:0}
#bd.minimal #sc{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:16px;box-shadow:0 20px 50px rgba(15,23,42,.06)}
#bd.sunset #sc{background:rgba(9,11,28,.45);border:1px solid rgba(255,255,255,.1);border-radius:24px}
#bd.gold #sc{background:rgba(23,23,23,.9);border:1px solid rgba(245,158,11,.3);border-radius:24px}
#bd #sci{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#fff}
#bd.cosmic #sci{background:linear-gradient(to top right,#4f46e5,#7c3aed);box-shadow:0 4px 6px -1px rgba(99,102,241,.3)}
#bd.glass #sci{background:linear-gradient(to top right,#06b6d4,#2563eb)}
#bd.cyber #sci{background:#00f0ff;color:#000;border-radius:0}
#bd.minimal #sci{background:#0f172a}
#bd.sunset #sci{background:linear-gradient(to top right,#f59e0b,#f43f5e,#7c3aed)}
#bd.gold #sci{background:linear-gradient(to top right,#f59e0b,#d97706)}
#bd #sti{font-size:20px;font-weight:700;color:#fff}#bd.minimal #sti{color:#0f172a}
#bd #stx{font-size:14px;color:#94a3b8;line-height:1.8}
#bd #slo{padding:12px 32px;border-radius:12px;font-size:12px;font-weight:600;transition:all .2s}
#bd.cosmic #slo,#bd.glass #slo,#bd.sunset #slo,#bd.gold #slo{background:rgba(30,41,59,.6);color:#cbd5e1;border:1px solid rgba(51,65,85,.8)}
#bd.cosmic #slo:hover,#bd.glass #slo:hover,#bd.sunset #slo:hover,#bd.gold #slo:hover{background:rgba(244,63,94,.1);color:#fda4af;border-color:rgba(244,63,94,.2)}
#bd.cyber #slo{background:#09090b;color:#00f0ff;border:2px solid #27272a;border-radius:0}#bd.cyber #slo:hover{border-color:#ff0055;color:#ff0055}
#bd.minimal #slo{background:#fff;color:#475569;border:1px solid #e2e8f0}#bd.minimal #slo:hover{background:#f8fafc;color:#0f172a}
#bd #fl{position:absolute;inset:0}
#bd .flt{position:absolute;pointer-events:none;user-select:none;opacity:0;animation:fla 18s ease-in-out infinite}
@keyframes fla{0%,100%{transform:translate(0,0) rotate(0deg);opacity:.3}25%{transform:translate(40px,-80px) rotate(90deg);opacity:.6}50%{transform:translate(0,0) rotate(180deg);opacity:.3}75%{transform:translate(-40px,-60px) rotate(270deg);opacity:.6}}
#bd #fl .d{width:14px;height:14px;border:1px solid;transform:rotate(45deg)}
#bd #fl .p{width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px,0 0 20px}
#bd #fl .r{width:24px;height:24px;border-radius:50%;border:1px solid}
#bd #fl .s{width:6px;height:6px;border-radius:50%}
#bd #fl .st{width:12px;height:12px}
#bd #fl .gl{width:48px;height:48px;border-radius:50%;border:1px solid;box-shadow:inset 0 2px 4px}
#bd #fl .cy{font-size:10px;font-family:monospace;font-weight:700}
#bd #fl .cd{width:8px;height:8px;border:1px solid}
#bd #fl .sp{width:8px;height:8px;border-radius:50%}
#bd #fl .sl{width:16px;height:16px;border:1px solid;border-radius:2px}
#bd #fl .sc{width:12px;height:12px;border:1px solid;border-radius:50%}
#bd #fl .pl{font-size:8px}
#bd #ft{padding:32px 0 16px;text-align:center}
#bd #ft a{font-size:12px;color:#64748b;text-decoration:none;transition:color .2s}
#bd #ft a:hover,#bd #ft a:hover b{color:#818cf8}
#bd #ft b{font-weight:700;color:#94a3b8;transition:color .2s}
#bd.cosmic .it{color:#818cf8}#bd.cosmic .it:hover{color:#a5b4fc;background:rgba(99,102,241,.15)}
#bd.glass .it{color:#67e8f9}#bd.glass .it:hover{color:#a5f3fc;background:rgba(6,182,212,.15)}
#bd.cyber .it{color:#00f0ff}#bd.cyber .it:hover{color:#fff;background:rgba(0,240,255,.15)}
#bd.minimal .it{color:#64748b}#bd.minimal .it:hover{color:#0f172a;background:rgba(148,163,184,.15)}
#bd.sunset .it{color:#fcd34d}#bd.sunset .it:hover{color:#fbbf24;background:rgba(245,158,11,.15)}
#bd.gold .it{color:#fbbf24}#bd.gold .it:hover{color:#f59e0b;background:rgba(245,158,11,.15)}

@media(max-width:782px){body.admin-bar #bd{top:46px;min-height:calc(100dvh - 46px)}}
@media(prefers-reduced-motion:reduce){#bd *,#bd *::before,#bd *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#bd #cv,#bd #fl{display:none!important}}

/* Theme-aware resend button and simplified notifications */
#bd .orb{background:transparent!important;box-shadow:none}
#bd.cosmic .orb{background:rgba(30,41,59,.72)!important;border-color:rgba(99,102,241,.38)}#bd.cosmic .orb:hover{background:rgba(51,65,85,.9)!important}
#bd.glass .orb{background:rgba(255,255,255,.07)!important;border-color:rgba(103,232,249,.25);backdrop-filter:blur(10px)}#bd.glass .orb:hover{background:rgba(255,255,255,.13)!important}
#bd.cyber .orb{background:#050508!important;border-color:#00f0ff;color:#00f0ff}#bd.cyber .orb:hover{background:#09090b!important;border-color:#ff0055;color:#ff0055}
#bd.minimal .orb{background:#e9ecef!important;border-color:#cbd5e1;color:#334155}#bd.minimal .orb:hover{background:#dde2e7!important;border-color:#94a3b8;color:#0f172a}
#bd.sunset .orb{background:rgba(76,29,149,.28)!important;border-color:rgba(251,191,36,.28);color:#fcd34d}#bd.sunset .orb:hover{background:rgba(88,28,135,.42)!important}
#bd.gold .orb{background:rgba(23,23,23,.92)!important;border-color:rgba(245,158,11,.45);color:#fbbf24}#bd.gold .orb:hover{background:rgba(38,38,38,.98)!important;border-color:#f59e0b;color:#f59e0b}
#bd .to{justify-content:flex-start}

/* Theme-aware success and information states */
#bd.cosmic .vb{color:#c7d2fe;background:rgba(99,102,241,.12);border-color:rgba(129,140,248,.32)}
#bd.cosmic .to.ok,#bd.cosmic .to.in{color:#c7d2fe;background:rgba(15,23,42,.94);border-color:rgba(129,140,248,.42)}
#bd.glass .vb{color:#a5f3fc;background:rgba(6,182,212,.1);border-color:rgba(34,211,238,.3)}
#bd.glass .to.ok,#bd.glass .to.in{color:#a5f3fc;background:rgba(2,6,23,.9);border-color:rgba(34,211,238,.38)}
#bd.cyber .vb{color:#00f0ff;background:rgba(0,240,255,.07);border:2px solid rgba(0,240,255,.5);border-radius:0}
#bd.cyber .to.ok,#bd.cyber .to.in{color:#00f0ff;background:#050508;border:2px solid #00f0ff;border-radius:0;box-shadow:0 0 18px rgba(0,240,255,.15)}
#bd.minimal .vb{color:#334155;background:#f1f5f9;border-color:#cbd5e1}
#bd.minimal .to.ok,#bd.minimal .to.in{color:#334155;background:rgba(255,255,255,.96);border-color:#cbd5e1;box-shadow:0 18px 40px rgba(15,23,42,.12)}
#bd.sunset .vb{color:#fcd34d;background:rgba(245,158,11,.1);border-color:rgba(251,191,36,.32)}
#bd.sunset .to.ok,#bd.sunset .to.in{color:#fcd34d;background:rgba(25,10,35,.94);border-color:rgba(251,191,36,.4)}
#bd.gold .vb{color:#fbbf24;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.42)}
#bd.gold .to.ok,#bd.gold .to.in{color:#fbbf24;background:rgba(15,15,12,.96);border-color:rgba(245,158,11,.5);box-shadow:0 18px 45px rgba(0,0,0,.5),0 0 18px rgba(245,158,11,.08)}

/* Standalone auth document: deterministic baseline without theme assets */
html.cntrlz-auth-standalone-root{width:100%;min-height:100%;margin:0;padding:0;background:#090907}body.cntrlz-auth-standalone{width:100%;min-height:100%;margin:0!important;padding:0!important;border:0!important;background:#090907;overflow:hidden!important}body.cntrlz-auth-standalone>script{display:none!important}

/* Immediate single-submit feedback */
#bd .btn.is-busy{position:relative;cursor:wait;opacity:.88;pointer-events:none}#bd .btn.is-busy::after{content:"";width:14px;height:14px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;display:inline-block;flex:0 0 14px;animation:cza-btn-spin .7s linear infinite}#bd .btn.is-busy>svg{display:none}@keyframes cza-btn-spin{to{transform:rotate(360deg)}}
#bd .orb.is-busy{cursor:wait;opacity:.75;pointer-events:none}#bd [aria-busy="true"]{user-select:none}


/* OTP V5 orbit motion; accents follow the active frontend theme */
#bd .cza-otp--v5{--cza-otp-v5-accent:#818cf8;position:relative;min-height:56px;isolation:isolate;transition:min-height .34s ease}#bd.cosmic .cza-otp--v5{--cza-otp-v5-accent:#818cf8}#bd.glass .cza-otp--v5{--cza-otp-v5-accent:#22d3ee}#bd.cyber .cza-otp--v5{--cza-otp-v5-accent:#00f0ff}#bd.minimal .cza-otp--v5{--cza-otp-v5-accent:#64748b}#bd.sunset .cza-otp--v5{--cza-otp-v5-accent:#fb7185}#bd.gold .cza-otp--v5{--cza-otp-v5-accent:#f59e0b}
#bd .cza-otp--v5 .cza-otp-cell{position:relative;width:48px;height:56px;display:block;flex:0 0 48px;transform:translateZ(0);transition:opacity .2s,transform .2s,filter .2s}#bd .cza-otp--v5 .cza-otp-cell .oi{position:relative;z-index:1;width:100%;height:100%;box-sizing:border-box;transition:border-color .18s,box-shadow .18s,background .18s}#bd .cza-otp--v5 .cza-otp-cell>i{position:absolute;z-index:3;top:-1px;right:50%;width:0;height:2px;border-radius:0 0 99px 99px;background:var(--cza-otp-v5-accent);box-shadow:0 0 8px var(--cza-otp-v5-accent);opacity:0;transform:translateX(50%);transition:width .2s,opacity .2s;pointer-events:none}#bd .cza-otp--v5 .cza-otp-cell:focus-within{z-index:2;filter:drop-shadow(0 0 7px var(--cza-otp-v5-accent));transform:scale(1.025)}#bd .cza-otp--v5 .cza-otp-cell:focus-within .oi{border-color:var(--cza-otp-v5-accent);box-shadow:0 0 0 1px var(--cza-otp-v5-accent),0 0 9px var(--cza-otp-v5-accent)}#bd .cza-otp--v5 .cza-otp-cell:focus-within>i{width:72%;opacity:1}#bd .cza-otp--v5 .cza-otp-cell.is-filled>i{width:42%;opacity:.82}#bd .cza-otp--v5 .cza-otp-cell.is-filled .oi{box-shadow:inset 0 2px 0 var(--cza-otp-v5-accent)}#bd .cza-otp--v5 .cza-otp-cell.is-entered{animation:cza-otp-v5-enter .26s ease}
#bd .cza-otp--v5.is-verifying{min-height:144px}#bd .cza-otp--v5.is-verifying .cza-otp-cell{will-change:transform,opacity;animation:cza-otp-v5-gather .58s cubic-bezier(.22,.78,.22,1) forwards,cza-otp-v5-orbit 1.55s linear infinite;animation-delay:var(--cza-v5-entry-delay),var(--cza-v5-orbit-delay);pointer-events:none}#bd .cza-otp--v5.is-success{min-height:134.4px}#bd .cza-otp--v5.is-success .cza-otp-cell{z-index:var(--cza-v5-stack-z);will-change:transform,opacity;animation:cza-otp-v5-stack .54s cubic-bezier(.28,.8,.18,1) forwards;animation-delay:var(--cza-v5-stack-delay);pointer-events:none}
#bd .cza-otp-v5-status{position:absolute;z-index:7;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}#bd .cza-otp-v5-ring,#bd .cza-otp-v5-success,#bd .cza-otp-v5-success__copy{position:absolute;opacity:0}#bd .cza-otp-v5-ring{width:76px;height:76px;border:1px solid #22c986;border-radius:50%;box-shadow:0 0 18px rgba(34,201,134,.2);transform:scale(.2)}#bd .cza-otp-v5-success{width:45px;height:45px;border:1px solid #22c986;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#64e7b5;background:rgba(5,27,20,.9);box-shadow:0 0 0 6px rgba(34,201,134,.055),0 0 24px rgba(34,201,134,.25);transform:scale(.42)}#bd.minimal .cza-otp-v5-success{background:#f0fdf7}#bd .cza-otp-v5-success .i{width:27px;height:27px;stroke:currentColor}#bd .cza-otp-v5-success .i polyline{stroke-dasharray:28;stroke-dashoffset:28}#bd .cza-otp-v5-success__copy{top:calc(50% + 38px);display:flex;align-items:center;flex-direction:column;gap:2px;transform:translateY(6px)}#bd .cza-otp-v5-success__copy b{color:#55dda9;font-size:11px}#bd .cza-otp-v5-success__copy small{color:#7ec9aa;font-size:8px}#bd.minimal .cza-otp-v5-success__copy b{color:#087857}#bd.minimal .cza-otp-v5-success__copy small{color:#3f8f73}
#bd #ac.cza-otp-v5-verifying{filter:brightness(1.015)}#bd #ac.cza-otp-v5-success{border-color:rgba(34,201,134,.7);box-shadow:0 22px 64px -16px rgba(34,201,134,.3),0 0 0 3px rgba(34,201,134,.07),0 0 36px rgba(34,201,134,.16)}#bd .cza-otp--v5.is-success .cza-otp-v5-status{opacity:1}#bd .cza-otp--v5.is-success .cza-otp-v5-ring{animation:cza-otp-v5-ring .72s ease .48s forwards}#bd .cza-otp--v5.is-success .cza-otp-v5-success{animation:cza-otp-v5-success .48s cubic-bezier(.2,.85,.25,1) .58s forwards}#bd .cza-otp--v5.is-success .cza-otp-v5-success .i polyline{animation:cza-otp-v5-draw .26s ease .75s forwards}#bd .cza-otp--v5.is-success .cza-otp-v5-success__copy{animation:cza-otp-v5-copy .24s ease .8s forwards}
@keyframes cza-otp-v5-enter{0%{transform:scale(1)}55%{transform:scale(.94)}100%{transform:scale(1)}}@keyframes cza-otp-v5-gather{to{transform:translateX(calc(var(--cza-otp-collapse) + var(--cza-v5-x0))) translateY(var(--cza-v5-y0)) rotate(var(--cza-v5-r0));filter:drop-shadow(0 0 6px var(--cza-otp-v5-accent))}}@keyframes cza-otp-v5-orbit{0%{transform:translateX(calc(var(--cza-otp-collapse) + var(--cza-v5-x0))) translateY(var(--cza-v5-y0)) rotate(var(--cza-v5-r0))}12.5%{transform:translateX(calc(var(--cza-otp-collapse) + var(--cza-v5-x1))) translateY(var(--cza-v5-y1)) rotate(var(--cza-v5-r1))}25%{transform:translateX(calc(var(--cza-otp-collapse) + var(--cza-v5-x2))) translateY(var(--cza-v5-y2)) rotate(var(--cza-v5-r2))}37.5%{transform:translateX(calc(var(--cza-otp-collapse) + var(--cza-v5-x3))) translateY(var(--cza-v5-y3)) rotate(var(--cza-v5-r3))}50%{transform:translateX(calc(var(--cza-otp-collapse) + var(--cza-v5-x4))) translateY(var(--cza-v5-y4)) rotate(var(--cza-v5-r4))}62.5%{transform:translateX(calc(var(--cza-otp-collapse) + var(--cza-v5-x5))) translateY(var(--cza-v5-y5)) rotate(var(--cza-v5-r5))}75%{transform:translateX(calc(var(--cza-otp-collapse) + var(--cza-v5-x6))) translateY(var(--cza-v5-y6)) rotate(var(--cza-v5-r6))}87.5%{transform:translateX(calc(var(--cza-otp-collapse) + var(--cza-v5-x7))) translateY(var(--cza-v5-y7)) rotate(var(--cza-v5-r7))}100%{transform:translateX(calc(var(--cza-otp-collapse) + var(--cza-v5-x0))) translateY(var(--cza-v5-y0)) rotate(var(--cza-v5-r0))}}@keyframes cza-otp-v5-stack{to{opacity:0;transform:translateX(var(--cza-otp-collapse)) translateY(0) scale(.1) rotate(var(--cza-otp-tilt));filter:blur(.6px)}}@keyframes cza-otp-v5-ring{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.12)}100%{opacity:.34;transform:scale(1.75)}}@keyframes cza-otp-v5-success{0%{opacity:0;transform:scale(.42) rotate(-8deg)}70%{opacity:1;transform:scale(1.08) rotate(2deg)}100%{opacity:1;transform:scale(1)}}@keyframes cza-otp-v5-copy{to{opacity:1;transform:translateY(0)}}@keyframes cza-otp-v5-draw{to{stroke-dashoffset:0}}
@media(max-width:380px){#bd .cza-otp--v5{gap:6.4px}#bd .cza-otp--v5 .cza-otp-cell{width:40.8px;flex-basis:40.8px}}
@media(prefers-reduced-motion:reduce){#bd .cza-otp--v5 .cza-otp-cell,#bd .cza-otp-v5-status,#bd .cza-otp-v5-ring,#bd .cza-otp-v5-success,#bd .cza-otp-v5-success__copy,#bd .cza-otp-v5-success .i polyline{animation:none!important;transition:none!important}#bd .cza-otp--v5 .cza-otp-cell:focus-within{transform:none}#bd .cza-otp--v5.is-verifying .cza-otp-cell{opacity:.2;transform:none}#bd .cza-otp--v5.is-success .cza-otp-v5-status,#bd .cza-otp--v5.is-success .cza-otp-v5-success,#bd .cza-otp--v5.is-success .cza-otp-v5-success__copy{opacity:1;transform:none}#bd .cza-otp--v5.is-success .cza-otp-v5-ring{display:none}}

/* OTP Guard: status-driven success and invalid-code feedback */
#bd .cza-otp--guard{--cza-otp-guard-accent:#818cf8;position:relative;min-height:56px;isolation:isolate;overflow:visible;transition:min-height .25s ease}#bd.cosmic .cza-otp--guard{--cza-otp-guard-accent:#818cf8}#bd.glass .cza-otp--guard{--cza-otp-guard-accent:#22d3ee}#bd.cyber .cza-otp--guard{--cza-otp-guard-accent:#00f0ff}#bd.minimal .cza-otp--guard{--cza-otp-guard-accent:#64748b}#bd.sunset .cza-otp--guard{--cza-otp-guard-accent:#fb7185}#bd.gold .cza-otp--guard{--cza-otp-guard-accent:#f59e0b}
#bd .cza-otp--guard .cza-otp-cell{position:relative;width:48px;height:56px;display:block;flex:0 0 48px;transition:transform .18s,filter .18s}#bd .cza-otp--guard .cza-otp-cell .oi{position:relative;z-index:1;width:100%;height:100%;box-sizing:border-box;transition:border-color .18s,box-shadow .18s,background .18s,color .18s,opacity .18s}#bd .cza-otp--guard .cza-otp-cell>i{position:absolute;z-index:3;inset:0;border:1px solid transparent;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .18s,border-color .18s,box-shadow .18s}#bd .cza-otp--guard .cza-otp-cell:focus-within{z-index:2;transform:translateY(-2px)}#bd .cza-otp--guard .cza-otp-cell:focus-within .oi{border-color:var(--cza-otp-guard-accent);box-shadow:0 0 0 2px var(--cza-otp-guard-accent),0 0 11px var(--cza-otp-guard-accent)}#bd .cza-otp--guard .cza-otp-cell.is-filled .oi{box-shadow:inset 0 2px 0 var(--cza-otp-guard-accent)}#bd .cza-otp--guard .cza-otp-cell.is-entered{animation:cza-otp-guard-enter .2s ease}
#bd .cza-otp--guard::before{content:"";position:absolute;z-index:5;top:-5px;bottom:-5px;left:0;width:34px;border-radius:12px;background:linear-gradient(90deg,transparent,var(--cza-otp-guard-accent),transparent);filter:blur(5px);opacity:0;pointer-events:none}#bd .cza-otp--guard.is-verifying::before{animation:cza-otp-guard-scan 1.05s ease-in-out infinite}#bd .cza-otp--guard.is-verifying .cza-otp-cell{will-change:transform,filter;animation:cza-otp-guard-wait 1.05s ease-in-out infinite;animation-delay:var(--cza-guard-delay);pointer-events:none}
#bd .cza-otp--guard.is-success,#bd .cza-otp--guard.is-error{min-height:96px}#bd .cza-otp--guard.is-success .cza-otp-cell{will-change:transform,filter;animation:cza-otp-guard-cell-success .42s cubic-bezier(.2,.85,.25,1) forwards;animation-delay:var(--cza-guard-delay);pointer-events:none}#bd .cza-otp--guard.is-success .cza-otp-cell .oi{color:transparent;border-color:#22c986;background:rgba(5,36,25,.7);box-shadow:0 0 0 1px rgba(34,201,134,.34),0 0 13px rgba(34,201,134,.2)}#bd.minimal .cza-otp--guard.is-success .cza-otp-cell .oi{background:#f0fdf7}#bd .cza-otp--guard.is-success .cza-otp-cell::after{content:'✓';position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;color:#62e7b7;font-size:18px;font-weight:900;opacity:0;transform:scale(.45);animation:cza-otp-guard-check .3s ease forwards;animation-delay:calc(var(--cza-guard-delay) + 90ms)}
#bd .cza-otp--guard.is-error{animation:cza-otp-guard-shake .42s ease .1s both}#bd .cza-otp--guard.is-error .cza-otp-cell{animation:cza-otp-guard-cell-error .34s ease forwards;animation-delay:var(--cza-guard-error-delay);pointer-events:auto}#bd .cza-otp--guard.is-error .cza-otp-cell .oi{pointer-events:auto}#bd .cza-otp--guard.is-error .cza-otp-cell .oi{color:#ff7183;border-color:#ef4760;background:rgba(48,8,16,.72);box-shadow:0 0 0 1px rgba(239,71,96,.25),0 0 11px rgba(239,71,96,.16)}#bd.minimal .cza-otp--guard.is-error .cza-otp-cell .oi{color:#be123c;background:#fff1f2}
#bd .cza-otp--guard.is-error .cza-otp-cell::after{content:'!';position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;color:#ff7183;font-size:18px;font-weight:900;opacity:0;transform:scale(.6);animation:cza-otp-guard-error-mark .28s ease forwards;animation-delay:calc(var(--cza-guard-error-delay) + 90ms);pointer-events:none}#bd.minimal .cza-otp--guard.is-error .cza-otp-cell::after{color:#be123c}
#bd .cza-otp-guard-status{position:absolute;z-index:7;inset:0;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none}#bd .cza-otp-guard-wave{position:absolute;top:50%;left:50%;width:55px;height:55px;border:1px solid #22c986;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2)}#bd .cza-otp-guard-message{position:absolute;bottom:-1px;display:flex;align-items:center;gap:5px;opacity:0;transform:translateY(5px);white-space:nowrap}#bd .cza-otp-guard-message .i{width:14px;height:14px}.cza-otp-guard-message b{font-size:9px}#bd .cza-otp-guard-message.is-success{color:#55dda9}#bd .cza-otp-guard-message.is-error{color:#ff6478}
#bd #ac.cza-otp-guard-verifying{filter:brightness(1.01)}#bd #ac.cza-otp-guard-success{border-color:rgba(34,201,134,.58);box-shadow:0 20px 58px -18px rgba(34,201,134,.24),0 0 26px rgba(34,201,134,.1)}#bd #ac.cza-otp-guard-error{border-color:rgba(239,71,96,.55);box-shadow:0 20px 58px -18px rgba(239,71,96,.2),0 0 24px rgba(239,71,96,.08)}#bd .cza-otp--guard.is-success .cza-otp-guard-status,#bd .cza-otp--guard.is-error .cza-otp-guard-status{opacity:1}#bd .cza-otp--guard.is-success .cza-otp-guard-wave{animation:cza-otp-guard-wave .7s ease .2s forwards}#bd .cza-otp--guard.is-success .cza-otp-guard-message.is-success{animation:cza-otp-guard-message .28s ease .48s forwards}#bd .cza-otp--guard.is-error .cza-otp-guard-message.is-error{animation:cza-otp-guard-message .26s ease .42s forwards}
@keyframes cza-otp-guard-enter{50%{transform:scale(.96)}}@keyframes cza-otp-guard-scan{0%{left:-8%;opacity:0}18%{opacity:.55}82%{opacity:.55}100%{left:100%;opacity:0}}@keyframes cza-otp-guard-wait{0%,100%{filter:none}50%{filter:brightness(1.08)}}@keyframes cza-otp-guard-cell-success{0%{transform:scale(1)}60%{transform:scale(1.06)}100%{transform:scale(1)}}@keyframes cza-otp-guard-check{to{opacity:1;transform:scale(1)}}@keyframes cza-otp-guard-cell-error{0%{transform:scale(1)}55%{transform:scale(1.04)}100%{transform:scale(1)}}@keyframes cza-otp-guard-error-mark{to{opacity:1;transform:scale(1)}}@keyframes cza-otp-guard-shake{0%,100%{transform:none}18%{transform:translateX(-5px)}36%{transform:translateX(5px)}54%{transform:translateX(-3px)}72%{transform:translateX(3px)}88%{transform:translateX(-1px)}}@keyframes cza-otp-guard-wave{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}45%{opacity:.55}100%{opacity:0;transform:translate(-50%,-50%) scale(4.2)}}@keyframes cza-otp-guard-message{to{opacity:1;transform:translateY(0)}}
@media(max-width:380px){#bd .cza-otp--guard{gap:6.4px}#bd .cza-otp--guard .cza-otp-cell{width:40.8px;flex-basis:40.8px}}
@media(prefers-reduced-motion:reduce){#bd .cza-otp--guard::before,#bd .cza-otp--guard,#bd .cza-otp--guard .cza-otp-cell,#bd .cza-otp--guard .cza-otp-cell::after,#bd .cza-otp-guard-wave,#bd .cza-otp-guard-message{animation:none!important;transition:none!important}#bd .cza-otp--guard .cza-otp-cell:focus-within{transform:none}#bd .cza-otp--guard.is-success .cza-otp-cell::after,#bd .cza-otp--guard.is-error .cza-otp-cell::after{opacity:1;transform:none}#bd .cza-otp--guard.is-success .cza-otp-guard-message.is-success,#bd .cza-otp--guard.is-error .cza-otp-guard-message.is-error{opacity:1;transform:none}}

/* Fire-and-forget OTP result layer; never blocks authentication callbacks */
#bd .cza-otp-result-overlay{position:fixed;z-index:220;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;direction:rtl;opacity:0;pointer-events:none;transition:opacity .16s ease}#bd .cza-otp-result-overlay.is-visible{opacity:1}.cza-otp-result-overlay__panel{position:relative;min-width:170px;padding:16px 19px 14px;border:1px solid rgba(34,201,134,.48);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#61e7b5;background:rgba(5,21,16,.94);box-shadow:0 18px 55px rgba(0,0,0,.42),0 0 0 5px rgba(34,201,134,.055),0 0 30px rgba(34,201,134,.2);backdrop-filter:blur(12px);transform:translateY(8px) scale(.92);animation:cza-otp-overlay-in .3s cubic-bezier(.2,.85,.25,1) forwards}#bd.minimal .cza-otp-result-overlay__panel{color:#087857;background:rgba(248,255,251,.97)}#bd .cza-otp-result-overlay.is-error .cza-otp-result-overlay__panel{border-color:rgba(239,71,96,.55);color:#ff7183;background:rgba(35,6,12,.95);box-shadow:0 18px 55px rgba(0,0,0,.4),0 0 0 5px rgba(239,71,96,.05),0 0 27px rgba(239,71,96,.16)}#bd.minimal .cza-otp-result-overlay.is-error .cza-otp-result-overlay__panel{color:#be123c;background:rgba(255,248,249,.97)}.cza-otp-result-overlay__panel>b{position:relative;z-index:3;font-size:10px}.cza-otp-result-overlay__ring{position:absolute;top:50%;left:50%;width:62px;height:62px;border:1px solid currentColor;border-radius:50%;opacity:.28;transform:translate(-50%,-50%) scale(.4);animation:cza-otp-overlay-ring .7s ease forwards}.cza-otp-result-overlay__icon{position:relative;z-index:3;width:42px;height:42px;border:1px solid currentColor;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.16);box-shadow:0 0 18px currentColor}.cza-otp-result-overlay__icon .i{width:25px;height:25px}.cza-otp-result-overlay__cells{position:relative;z-index:3;display:none;gap:5px;direction:ltr}.cza-otp-result-overlay__cells i{width:27px;height:31px;border:1px solid currentColor;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.14);font-size:10px;font-style:normal;font-weight:900;opacity:0;transform:scale(.65);animation:cza-otp-overlay-cell .28s ease forwards}.cza-otp-result-overlay__cells i:nth-child(2){animation-delay:.06s}.cza-otp-result-overlay__cells i:nth-child(3){animation-delay:.12s}.cza-otp-result-overlay__cells i:nth-child(4){animation-delay:.18s}#bd .cza-otp-result-overlay.is-guard .cza-otp-result-overlay__cells{display:flex}#bd .cza-otp-result-overlay.is-guard .cza-otp-result-overlay__icon{display:none}#bd .cza-otp-result-overlay.is-guard.is-error .cza-otp-result-overlay__cells i{font-size:0}#bd .cza-otp-result-overlay.is-guard.is-error .cza-otp-result-overlay__cells i::after{content:'!';font-size:11px}#bd .cza-otp-result-overlay.is-v5 .cza-otp-result-overlay__ring{width:78px;height:78px;animation-duration:.82s}
@keyframes cza-otp-overlay-in{to{transform:translateY(0) scale(1)}}@keyframes cza-otp-overlay-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}45%{opacity:.45}100%{opacity:0;transform:translate(-50%,-50%) scale(1.75)}}@keyframes cza-otp-overlay-cell{to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#bd .cza-otp-result-overlay,.cza-otp-result-overlay__panel,.cza-otp-result-overlay__ring,.cza-otp-result-overlay__cells i,.cza-otp-result-overlay__icon{animation:none!important;transition:none!important;transform:none!important}}

/* Modal authentication shell: the selected form theme only, without the standalone animated canvas */
body.cza-auth-modal-open{overflow:hidden!important}.cza-auth-modal{position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;padding:clamp(10.4px,3vw,32px);direction:rtl}.cza-auth-modal[hidden]{display:none!important}.cza-auth-modal__backdrop{position:absolute;inset:0;background:rgba(2,6,23,.66);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.cza-auth-modal__dialog{position:relative;z-index:1;width:min(100%,480px);max-height:calc(100dvh - 20.8px);overflow:auto;border-radius:24px;box-shadow:0 25px 80px rgba(0,0,0,.5);isolation:isolate}.cza-auth-modal__close{position:absolute;z-index:30;top:9.6px;left:9.6px;width:32px;height:32px;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.28)!important;color:#fff!important;font-size:21.6px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}.cza-auth-modal__close:hover{background:rgba(0,0,0,.55)!important;transform:scale(1.05)}#bd.cza-auth-modal-form{position:relative;inset:auto;z-index:auto;width:100%;min-height:0;height:auto;max-height:none;overflow:visible;background:transparent!important}#bd.cza-auth-modal-form #app{min-height:0;padding:0;display:block}#bd.cza-auth-modal-form #ac{width:100%;max-width:none}#bd.cza-auth-modal-form #acb{max-height:calc(100dvh - 208px);overflow-y:auto}#bd.cza-auth-modal-form #sp{max-width:none}#bd.cza-auth-modal-form #tc{position:fixed;z-index:1000010;bottom:16px;right:16px;max-width:min(320px,calc(100vw - 32px))}#bd.cza-auth-modal-form #acho1,#bd.cza-auth-modal-form #acho2{display:none}#bd.cza-auth-modal-form #ach{padding-top:33.6px;padding-bottom:26.4px}#bd.cza-auth-modal-form #achg{opacity:.7}@media(max-width:600px){.cza-auth-modal{padding:10.4px}.cza-auth-modal__dialog{max-height:calc(100dvh - 20.8px);border-radius:17.6px}#bd.cza-auth-modal-form #acb{max-height:calc(100dvh - 176px)}.cza-auth-modal__close{top:7.2px;left:7.2px}}@media(prefers-reduced-motion:reduce){.cza-auth-modal__close{transition:none!important}}

/* Registration/modal overflow guard: keep every form control inside the card at all widths. */
#bd,#bd #app,#bd #ac,#bd #acb,#bd #acb>form,#bd #acb>div,#bd .fg,#bd .iw{min-width:0;max-width:100%}#bd #app,#bd #ac,#bd #acb{width:100%}#bd #acb{overflow-x:hidden}#bd .fin{box-sizing:border-box;max-width:100%;min-width:0}#bd .cza-google-selected,#bd .cza-smart-selected,#bd .vb{min-width:0;max-width:100%;overflow-wrap:anywhere}#bd #acb .fg>div[style*="display:flex"]{min-width:0;max-width:100%;flex-wrap:wrap;row-gap:5.6px}#bd #acb .fg>div[style*="display:flex"] .fl{min-width:0;flex:1 1 144px}#bd #acb .fg>div[style*="display:flex"] .lnk{min-width:0;max-width:100%;flex:0 1 auto;white-space:normal;text-align:left}#bd .ois{min-width:0;max-width:100%;overflow-x:clip;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}#bd .ois::-webkit-scrollbar{display:none;width:0;height:0}#bd.cza-auth-modal-form .ois{min-height:60px;padding-right:15px}#bd .cza-otp--v5,#bd .cza-otp--guard{min-width:0;max-width:100%}.cza-auth-modal__dialog{box-sizing:border-box;min-width:0;max-width:100%;overflow-x:hidden}#bd.cza-auth-modal-form #acb{overflow-x:hidden}
@media(max-width:480px){#bd.cza-auth-modal-form #acb{padding:17.6px}.cza-auth-modal__dialog{width:100%}#bd .ois{gap:clamp(4px,1.6vw,10px)}#bd .ois .oi{width:clamp(35.2px,12vw,48px);height:52px}#bd .cza-otp--v5 .cza-otp-cell,#bd .cza-otp--guard .cza-otp-cell{width:clamp(35.2px,12vw,48px);flex-basis:clamp(35.2px,12vw,48px)}}
@media(max-width:360px){#bd.cza-auth-modal-form #acb{padding:14.4px}#bd .ois{gap:4px}#bd .ois .oi{width:35.2px}#bd .cza-otp--v5 .cza-otp-cell,#bd .cza-otp--guard .cza-otp-cell{width:35.2px;flex-basis:35.2px}}
@media(max-width:360px){#bd .ois .oi{width:clamp(28.8px,10vw,35.2px)}#bd .cza-otp--v5 .cza-otp-cell,#bd .cza-otp--guard .cza-otp-cell{width:clamp(28.8px,10vw,35.2px);flex-basis:clamp(28.8px,10vw,35.2px)}}

/* Deterministic standalone/non-modal shell: do not inherit theme typography or form layout. */
html.cntrlz-auth-standalone-root{font-size:16px!important;font-family:'Vazirmatn',sans-serif!important;line-height:1.6!important;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body.cntrlz-auth-standalone{font-size:16px!important;font-family:'Vazirmatn',sans-serif!important;line-height:1.6!important;direction:rtl!important;text-align:right!important}
#bd,#bd *,#bd *::before,#bd *::after{box-sizing:border-box}
#bd *{font-family:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;color:inherit;margin:0;padding:0;letter-spacing:normal;text-transform:none;text-decoration:none}
#bd{font-size:16px;font-weight:400;font-style:normal;line-height:1.6;letter-spacing:normal;text-transform:none;text-decoration:none}
#bd form{display:block;width:100%;max-width:none;margin:0}
#bd label,#bd input,#bd button,#bd select,#bd textarea{line-height:inherit;letter-spacing:inherit;text-transform:none}
#bd input,#bd button,#bd select,#bd textarea{font-family:inherit}
#bd:not(.cza-auth-modal-form) #app{width:100%;min-height:100dvh}
#bd:not(.cza-auth-modal-form) #ac{width:min(100%,448px);max-width:448px;margin-inline:auto}
#bd:not(.cza-auth-modal-form) #acb,#bd:not(.cza-auth-modal-form) #acb>form{width:100%;max-width:100%}
#bd:not(.cza-auth-modal-form) .fg{display:block;width:100%;max-width:100%}
#bd:not(.cza-auth-modal-form) .fin{display:block;width:100%;max-width:100%;min-width:0}

/* Modal isolation: the shell is rendered inside the active theme, so reset its outer chrome too. */
.cza-auth-modal,.cza-auth-modal *, .cza-auth-modal *::before,.cza-auth-modal *::after{box-sizing:border-box}
.cza-auth-modal{all:initial;position:fixed!important;inset:0!important;z-index:1000000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(10.4px,3vw,32px)!important;direction:rtl!important;text-align:right!important;font-family:'Vazirmatn',sans-serif!important;font-size:16px!important;font-weight:400!important;font-style:normal!important;line-height:1.6!important;color:#f1f5f9!important;isolation:isolate!important}
.cza-auth-modal[hidden]{display:none!important}
.cza-auth-modal__backdrop{all:initial;position:absolute!important;inset:0!important;display:block!important;z-index:0!important;cursor:pointer!important;background:rgba(2,6,23,.66)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
.cza-auth-modal__dialog{all:initial;position:relative!important;z-index:1!important;display:block!important;width:min(100%,480px)!important;max-width:100%!important;max-height:calc(100dvh - 20.8px)!important;overflow-x:hidden!important;overflow-y:auto!important;border-radius:24px!important;box-shadow:0 25px 80px rgba(0,0,0,.5)!important;isolation:isolate!important;font-family:'Vazirmatn',sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.6!important;direction:rtl!important;text-align:right!important}
.cza-auth-modal__close{all:unset!important;box-sizing:border-box!important;position:absolute!important;z-index:30!important;top:9.6px!important;left:9.6px!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%!important;background:rgba(0,0,0,.28)!important;color:#fff!important;font-family:'Vazirmatn',sans-serif!important;font-size:21.6px!important;font-weight:400!important;font-style:normal!important;line-height:1!important;text-align:center!important;cursor:pointer!important;user-select:none!important;appearance:none!important;-webkit-appearance:none!important;transition:background .2s,transform .2s!important}
.cza-auth-modal__close:hover{background:rgba(0,0,0,.55)!important;color:#fff!important;transform:scale(1.05)!important}
.cza-auth-modal__close:focus-visible{outline:2px solid #a5b4fc!important;outline-offset:3px!important}
@media(max-width:600px){.cza-auth-modal{padding:10.4px!important}.cza-auth-modal__dialog{max-height:calc(100dvh - 20.8px)!important;border-radius:17.6px!important}.cza-auth-modal__close{top:7.2px!important;left:7.2px!important}}

/* The modal content runs in an isolated same-origin plugin document. */
.cza-auth-modal__sr-only{all:initial;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cza-auth-modal__frame{all:initial;display:block!important;width:100%!important;height:min(760px,calc(100dvh - 20.8px))!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color-scheme:normal!important}
@media(max-width:600px){.cza-auth-modal__frame{height:calc(100dvh - 20.8px)!important}}
body.cntrlz-auth-standalone #bd{top:0!important;min-height:100dvh!important}

/* In the popup iframe keep the approved form card, but remove the standalone page canvas around it. */
html.cntrlz-auth-iframe-root,body.cntrlz-auth-iframe{background:transparent!important}
body.cntrlz-auth-iframe{overflow:hidden!important}
body.cntrlz-auth-iframe #bd{position:relative!important;inset:auto!important;top:0!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;background:transparent!important}
body.cntrlz-auth-iframe #bd #bg{display:none!important}
body.cntrlz-auth-iframe #bd #app{display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;height:auto!important;padding:16px!important;background:transparent!important}
body.cntrlz-auth-iframe #bd #ac,body.cntrlz-auth-iframe #bd #sp{width:100%!important;max-width:448px!important;margin-inline:auto!important;margin-top:0!important;margin-bottom:0!important;overflow:hidden!important}

/* Final popup chrome: only the form card may paint a surface; the transparent shell never scrolls. */
.cza-auth-modal__dialog{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important}
.cza-auth-modal__frame{overflow:hidden!important}
body.cntrlz-auth-iframe #bd{max-height:none!important;overflow-y:auto!important;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:none}
body.cntrlz-auth-iframe #bd::-webkit-scrollbar{display:none;width:0;height:0}


/* Fast, restrained popup entrance: reveal the plugin card without a heavy modal animation. */
.cza-auth-modal{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .14s ease,visibility 0s linear .14s!important;will-change:opacity}
.cza-auth-modal.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:opacity .14s ease!important}
.cza-auth-modal__backdrop{opacity:0!important;transition:opacity .14s ease!important}
.cza-auth-modal.is-open .cza-auth-modal__backdrop{opacity:1!important}
.cza-auth-modal__dialog{opacity:0!important;transform:translateY(7px) scale(.988)!important;transform-origin:center center;transition:opacity .16s ease,transform .18s cubic-bezier(.22,1,.36,1)!important;will-change:opacity,transform}
.cza-auth-modal.is-open .cza-auth-modal__dialog{opacity:1!important;transform:translateY(0) scale(1)!important}
@media(prefers-reduced-motion:reduce){.cza-auth-modal,.cza-auth-modal.is-open,.cza-auth-modal__backdrop,.cza-auth-modal__dialog{transition:none!important;transform:none!important}}


/* Keep the close control inside the form card, with a compact high-contrast treatment. */
.cza-auth-modal__close{top:18px!important;left:18px!important;width:36px!important;height:36px!important;border-radius:12px!important;border:1px solid rgba(148,163,184,.36)!important;background:rgba(15,23,42,.62)!important;color:#fff!important;font-size:20px!important;font-weight:700!important;line-height:1!important;box-shadow:0 4px 12px rgba(2,6,23,.18)!important}
.cza-auth-modal__close:hover{background:rgba(15,23,42,.86)!important;color:#fff!important;transform:scale(1.04)!important}
@media(max-width:600px){.cza-auth-modal__close{top:16px!important;left:16px!important;width:34px!important;height:34px!important;border-radius:11px!important;font-size:19px!important}}

/* Match the close control to the selected form theme. */
.cza-auth-modal--cosmic .cza-auth-modal__close{background:rgba(79,70,229,.28)!important;border-color:rgba(129,140,248,.6)!important;color:#e0e7ff!important}
.cza-auth-modal--cosmic .cza-auth-modal__close:hover{background:rgba(79,70,229,.5)!important;color:#fff!important}
.cza-auth-modal--glass .cza-auth-modal__close{background:rgba(6,182,212,.22)!important;border-color:rgba(34,211,238,.62)!important;color:#cffafe!important}
.cza-auth-modal--glass .cza-auth-modal__close:hover{background:rgba(6,182,212,.42)!important;color:#fff!important}
.cza-auth-modal--cyber .cza-auth-modal__close{border-radius:0!important;background:#09090b!important;border-color:#00f0ff!important;color:#00f0ff!important;box-shadow:0 0 12px rgba(0,240,255,.24)!important}
.cza-auth-modal--cyber .cza-auth-modal__close:hover{background:#00f0ff!important;color:#000!important}
.cza-auth-modal--minimal .cza-auth-modal__close{background:rgba(255,255,255,.96)!important;border-color:#cbd5e1!important;color:#334155!important;box-shadow:0 3px 10px rgba(15,23,42,.14)!important}
.cza-auth-modal--minimal .cza-auth-modal__close:hover{background:#f1f5f9!important;color:#0f172a!important}
.cza-auth-modal--sunset .cza-auth-modal__close{background:rgba(244,63,94,.28)!important;border-color:rgba(251,191,36,.62)!important;color:#fef3c7!important}
.cza-auth-modal--sunset .cza-auth-modal__close:hover{background:rgba(244,63,94,.5)!important;color:#fff!important}
.cza-auth-modal--gold .cza-auth-modal__close{background:rgba(245,158,11,.22)!important;border-color:rgba(251,191,36,.7)!important;color:#fef3c7!important}
.cza-auth-modal--gold .cza-auth-modal__close:hover{background:rgba(217,119,6,.48)!important;color:#fff7ed!important}


/* Quiet close control: it follows the card palette and stays secondary to the form. */
.cza-auth-modal__close{width:32px!important;height:32px!important;border-radius:10px!important;background:rgba(15,23,42,.28)!important;border-color:rgba(148,163,184,.24)!important;color:rgba(226,232,240,.76)!important;font-size:18px!important;font-weight:600!important;box-shadow:none!important;opacity:.78}
.cza-auth-modal__close:hover{background:rgba(15,23,42,.48)!important;color:#fff!important;opacity:1;transform:scale(1.02)!important}
.cza-auth-modal--cosmic .cza-auth-modal__close{background:rgba(79,70,229,.12)!important;border-color:rgba(129,140,248,.32)!important;color:rgba(224,231,255,.78)!important}
.cza-auth-modal--glass .cza-auth-modal__close{background:rgba(6,182,212,.1)!important;border-color:rgba(34,211,238,.32)!important;color:rgba(207,250,254,.78)!important}
.cza-auth-modal--cyber .cza-auth-modal__close{border-radius:0!important;background:rgba(9,9,11,.62)!important;border-color:rgba(0,240,255,.42)!important;color:rgba(0,240,255,.8)!important}
.cza-auth-modal--minimal .cza-auth-modal__close{background:rgba(255,255,255,.72)!important;border-color:rgba(148,163,184,.34)!important;color:rgba(51,65,85,.78)!important}
.cza-auth-modal--sunset .cza-auth-modal__close{background:rgba(244,63,94,.1)!important;border-color:rgba(251,191,36,.34)!important;color:rgba(254,243,199,.78)!important}
.cza-auth-modal--gold .cza-auth-modal__close{background:rgba(23,23,23,.42)!important;border-color:rgba(245,158,11,.3)!important;color:rgba(254,243,199,.78)!important}

/* Final modal polish: opaque, blurred page underneath and a quiet in-card close mark. */
.cza-auth-modal__backdrop{background:rgba(2,6,23,.82)!important;backdrop-filter:blur(12px) saturate(.72) brightness(.72)!important;-webkit-backdrop-filter:blur(12px) saturate(.72) brightness(.72)!important;will-change:opacity,backdrop-filter}
.cza-auth-modal__close{top:22px!important;left:28px!important;width:28px!important;height:28px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:rgba(226,232,240,.66)!important;font-size:19px!important;font-weight:500!important;line-height:1!important;box-shadow:none!important;opacity:.72!important}
.cza-auth-modal__close:hover{background:rgba(148,163,184,.1)!important;color:rgba(255,255,255,.92)!important;opacity:1!important;transform:none!important}
.cza-auth-modal--cosmic .cza-auth-modal__close{background:transparent!important;border:0!important;color:rgba(199,210,254,.7)!important}
.cza-auth-modal--glass .cza-auth-modal__close{background:transparent!important;border:0!important;color:rgba(165,243,252,.7)!important}
.cza-auth-modal--cyber .cza-auth-modal__close{background:transparent!important;border:0!important;border-radius:4px!important;color:rgba(0,240,255,.72)!important;box-shadow:none!important}
.cza-auth-modal--minimal .cza-auth-modal__close{background:transparent!important;border:0!important;color:rgba(51,65,85,.7)!important}
.cza-auth-modal--sunset .cza-auth-modal__close{background:transparent!important;border:0!important;color:rgba(254,205,211,.7)!important}
.cza-auth-modal--gold .cza-auth-modal__close{background:transparent!important;border:0!important;color:rgba(254,243,199,.7)!important}
@media(max-width:600px){.cza-auth-modal__close{top:20px!important;left:24px!important;width:28px!important;height:28px!important;font-size:18px!important}}

/* Modal-only card surfaces: the active form must not reveal the page behind it. */
body.cntrlz-auth-iframe #bd.cosmic #ac,body.cntrlz-auth-iframe #bd.cosmic #sc{background:#0f172a!important}
body.cntrlz-auth-iframe #bd.glass #ac,body.cntrlz-auth-iframe #bd.glass #sc{background:rgba(2,6,23,.96)!important}
body.cntrlz-auth-iframe #bd.cyber #ac,body.cntrlz-auth-iframe #bd.cyber #sc{background:#000!important}
body.cntrlz-auth-iframe #bd.minimal #ac,body.cntrlz-auth-iframe #bd.minimal #sc{background:#fff!important}
body.cntrlz-auth-iframe #bd.sunset #ac,body.cntrlz-auth-iframe #bd.sunset #sc{background:#090b1c!important}
body.cntrlz-auth-iframe #bd.gold #ac,body.cntrlz-auth-iframe #bd.gold #sc{background:#171717!important}


/* Avoid expensive hidden-canvas effects and long control transitions in the popup document. */
body.cntrlz-auth-iframe #bd #ac,body.cntrlz-auth-iframe #bd #sc{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.cntrlz-auth-iframe #bd .fin,body.cntrlz-auth-iframe #bd button,body.cntrlz-auth-iframe #bd .lnk{transition-duration:.08s!important}
