:root{--bg:#F5F5F7;--bg2:#FFFFFF;--fg:#1D1D1F;--fg2:#6E6E73;--line:rgba(0,0,0,.08);--acc:#0071E3;--acc-h:#0077ED;--gold:#B8862E;--gold-2:#D8A94A;--glass:rgba(255,255,255,.72);--chip:rgba(0,0,0,.04);--err:#D70015;--ok:#248A3D;--logo-b:#1D1D1F;--logo-k:#C99A3B;--hdr:64px;box-sizing:border-box;color-scheme:light;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,*::before,*::after{box-sizing:inherit}html{scroll-padding-top:calc(var(--hdr) + env(safe-area-inset-top,0px));-webkit-text-size-adjust:100%}html,body{margin:0;min-height:100%}body{font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--fg);overflow-x:hidden}button,input{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--acc);outline-offset:3px}#bn-stage{position:fixed;inset:0;z-index:0;pointer-events:none;will-change:opacity,filter}#bn-stage canvas{display:block;width:100%!important;height:100%!important}#bn-flash{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:0;background:var(--bg)}#bn-callouts{position:fixed;inset:0;z-index:1;pointer-events:none}.callout{position:absolute;left:0;top:0;opacity:0;display:flex;align-items:center;gap:10px;white-space:nowrap;will-change:transform,opacity}.callout i{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px rgba(0,113,227,.16);flex-shrink:0}.callout span{font-size:14px;font-weight:600;color:var(--fg);padding:6px 11px;border-radius:10px;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 14px rgba(0,0,0,.05)}.callout small{display:block;font-weight:400;color:var(--fg2);font-size:12px;margin-top:1px}.callout.gold i{background:var(--gold-2);box-shadow:0 0 0 4px rgba(216,169,74,.2)}.btn{border:0;cursor:pointer;border-radius:999px;padding:13px 26px;font-weight:600;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .2s,background .2s}.btn:active{transform:scale(.97)}.btn-pri{background:var(--acc);color:#fff}.btn-pri:hover{background:var(--acc-h)}.btn-link{background:transparent;color:var(--acc);padding:13px 10px}.btn-link::after{content:"‹";font-size:20px;line-height:1}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand svg{width:44px;height:auto}.brand b{font-size:19px;font-weight:600;letter-spacing:-.3px}.hdr{position:fixed;top:0;inset-inline:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;height:calc(var(--hdr) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) clamp(16px,4vw,48px) 0;background:var(--glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--line)}.hdr nav{display:flex;gap:26px;font-size:14px;color:var(--fg2)}.hdr nav a{text-decoration:none}.hdr nav a:hover{color:var(--fg)}.hdr .btn{padding:9px 18px;font-size:14px}.w{display:inline-block;will-change:transform,opacity,filter}[data-reveal]{opacity:1}.no-js [data-reveal] .w{opacity:1!important;transform:none!important;filter:none!important}.sec{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--hdr) + 30px) clamp(20px,6vw,100px) 50px;position:relative;z-index:2}.hero{align-items:center;text-align:center;justify-content:flex-start;padding-top:calc(var(--hdr) + 7vh)}.hero .ey{font-size:15px;font-weight:600;color:var(--gold);margin-bottom:12px}.hero h1{margin:0;font-size:clamp(40px,6.4vw,96px);font-weight:700;letter-spacing:-2px;line-height:1.04}.hero .lead{max-width:680px;margin:18px auto 0;font-size:clamp(17px,1.5vw,22px);line-height:1.6;color:var(--fg);font-weight:600;letter-spacing:-.3px}.hero p{max-width:640px;margin:10px auto 0;font-size:clamp(15px,1.25vw,19px);line-height:1.7;color:var(--fg2)}.hero .cta{display:flex;gap:6px;justify-content:center;margin-top:24px;flex-wrap:wrap}.ticker{position:absolute;bottom:max(34px,6vh);inset-inline:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.ticker .tr{display:flex;gap:34px;width:max-content;animation:bn-tick 40s linear infinite;direction:ltr}.ticker span{font-family:'IBM Plex Mono',monospace;font-size:14px;color:var(--fg2);white-space:nowrap;display:flex;align-items:center;gap:10px}.ticker span::before{content:"◆";color:var(--gold);font-size:10px}@keyframes bn-tick{to{transform:translateX(-50%)}}.tx{max-width:520px;position:relative}.tx.end{margin-inline-start:auto}.tx .ey{font-size:15px;font-weight:600;color:var(--gold);margin-bottom:10px}.tx h2{margin:0;font-size:clamp(36px,4.6vw,70px);font-weight:700;letter-spacing:-1.8px;line-height:1.06}.tx p{margin:18px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.7;color:var(--fg2);font-weight:500}.tx p b{color:var(--fg);font-weight:600}.sys{justify-content:flex-start;padding-top:calc(var(--hdr) + 36vh)}.sys .head{text-align:center;margin-bottom:30px}.sys .head .ey{font-size:15px;font-weight:600;color:var(--gold)}.sys .head h2{margin:8px 0 0;font-size:clamp(34px,4.2vw,62px);font-weight:700;letter-spacing:-1.6px;line-height:1.08}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto;width:100%}.card{background:rgba(255,255,255,.62);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);border:1px solid rgba(255,255,255,.9);border-radius:26px;padding:26px 24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 50px rgba(0,0,0,.06)}.card .ic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(184,134,46,.1);color:var(--gold)}.card .ic svg{width:23px;height:23px}.card h3{margin:6px 0 0;font-size:21px;font-weight:700;letter-spacing:-.5px}.card p{margin:0;color:var(--fg2);line-height:1.75;font-size:15.5px}.feats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:980px;margin:26px auto 0}.feats span{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:14.5px;font-weight:500;border:1px solid rgba(255,255,255,.9)}.feats span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc)}.final{align-items:center;text-align:center;justify-content:flex-end;padding-bottom:16vh}.final h2{margin:0;font-size:clamp(40px,5.4vw,84px);font-weight:700;letter-spacing:-2px}.final p{margin:10px 0 24px;color:var(--fg2);font-size:clamp(16px,1.4vw,21px)}.foot{position:relative;z-index:3;padding:40px 20px calc(40px + env(safe-area-inset-bottom,0px));text-align:center;color:var(--fg2);font-size:13.5px;line-height:2;background:var(--bg);border-top:1px solid var(--line)}.foot b{color:var(--fg);font-weight:600;direction:ltr;display:inline-block}#bn-grid{display:none}.auth{position:relative;z-index:2;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;width:min(440px,40vw);margin-inline-start:clamp(28px,7vw,130px);padding:calc(var(--hdr) + 30px) 0 40px}.auth .intro{margin-bottom:22px}.auth .intro h1{margin:0;font-size:clamp(30px,3vw,44px);font-weight:700;letter-spacing:-1.2px;line-height:1.1}.auth .intro p{margin:8px 0 0;color:var(--fg2);font-size:15.5px;line-height:1.7}.acard{background:var(--glass);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);border:1px solid var(--line);border-radius:28px;padding:32px 28px;box-shadow:0 30px 80px rgba(0,0,0,.07)}.acard h2{margin:0 0 4px;font-size:30px;font-weight:700;letter-spacing:-1px}.acard .sub{margin:0 0 22px;color:var(--fg2);font-size:15px}.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;margin-bottom:16px;font-size:14.5px;line-height:1.6;background:rgba(215,0,21,.07);color:var(--err)}.alert.info{background:rgba(0,113,227,.07);color:var(--acc)}.alert svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font-size:13px;color:var(--fg2);position:relative}.field input{border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:16px;background:var(--bg2);color:var(--fg);width:100%}.field input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 4px rgba(0,113,227,.15)}.field .eye{position:absolute;inset-inline-end:8px;bottom:8px;width:36px;height:36px;border:0;background:transparent;color:var(--fg2);cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center}.field .eye svg{width:20px;height:20px}.field.otp input{text-align:center;letter-spacing:12px;font-family:'IBM Plex Mono',monospace;font-size:26px;direction:ltr}.acard .btn-pri{width:100%;margin-top:6px;padding:15px}.acard .btn-pri[disabled]{opacity:.7;cursor:progress}.acard .foot2{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:var(--fg2)}.acard .foot2 svg{width:16px;height:16px}.acard .back{display:block;text-align:center;margin-top:14px;font-size:14px;color:var(--acc);text-decoration:none}@media (max-width:1100px){.cards{grid-template-columns:1fr}}@media (max-width:900px){.hdr nav{display:none}.sec{justify-content:flex-end;padding-bottom:9vh}.hero{justify-content:flex-start}.tx,.tx.end{margin:0;max-width:none;padding:22px 20px;border-radius:24px;background:rgba(255,255,255,.66);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 40px rgba(0,0,0,.06)}.tx h2{font-size:clamp(30px,8.4vw,40px)}.sys{padding-top:calc(var(--hdr) + 34vh);justify-content:flex-start}.callout span{font-size:12.5px;padding:5px 9px}.callout small{display:none}.auth{width:auto;margin:0;padding:calc(var(--hdr) + 38vh) 20px 30px;justify-content:flex-start}.auth .intro{display:none}}@media (prefers-reduced-motion: reduce){.ticker .tr{animation:none}*{scroll-behavior:auto!important}}html.bn-lite #bn-stage{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='90 140 844 720'%3E%3Cg fill='%23DEDEE3' stroke='%23F5F5F7' stroke-width='7' stroke-linejoin='round'%3E%3Cpath d='M152.0 520.0A360 360 0 0 1 184.7 370.1L297.4 421.7A236 236 0 0 0 276.0 520.0Z'/%3E%3Cpath d='M190.7 357.6A360 360 0 0 1 282.2 242.9L361.3 338.3A236 236 0 0 0 301.4 413.5Z'/%3E%3Cpath d='M293.0 234.3A360 360 0 0 1 425.2 170.6L455.1 291.0A236 236 0 0 0 368.4 332.7Z'/%3E%3Cpath d='M598.8 170.6A360 360 0 0 1 731.0 234.3L655.6 332.7A236 236 0 0 0 568.9 291.0Z'/%3E%3Cpath d='M741.8 242.9A360 360 0 0 1 833.3 357.6L722.6 413.5A236 236 0 0 0 662.7 338.3Z'/%3E%3Cpath d='M839.3 370.1A360 360 0 0 1 872.0 520.0L748.0 520.0A236 236 0 0 0 726.6 421.7Z'/%3E%3Cpath d='M152 528h124v250h-124Z'/%3E%3Cpath d='M748 528h124v250h-124Z'/%3E%3Cpath d='M112 790h800v46h-800Z'/%3E%3C/g%3E%3Cpath d='M438.6 167.6A360 360 0 0 1 585.4 167.6L560.1 289.0A236 236 0 0 0 463.9 289.0Z' fill='%23E4CF9C' stroke='%23F5F5F7' stroke-width='7'/%3E%3Ccircle cx='512' cy='630' r='104' fill='%23D8A94A'/%3E%3Ccircle cx='512' cy='630' r='80' fill='none' stroke='%23B8862E' stroke-width='7' opacity='.55'/%3E%3C/svg%3E") no-repeat center 58%/min(560px,72vw) auto;opacity:.5}html.bn-lite body[data-page=auth] #bn-stage{background-position:9% 55%;background-size:min(500px,38vw) auto;opacity:.95}@media (max-width:900px){html.bn-lite #bn-stage{background-position:center 24%;background-size:min(380px,78vw) auto}html.bn-lite body[data-page=auth] #bn-stage{background-position:center calc(var(--hdr) + 4vh);background-size:min(300px,64vw) auto}}html.bn-svg #bn-stage{background:none!important;opacity:1;transition:opacity .35s linear}#bn-stage .bn-lw{--tx:0px;--ty:16vh;--sc:.92;--mx:0;--my:0;position:absolute;left:50%;top:50%;width:min(600px,44vw,64vh);transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(var(--sc));transition:transform 1.25s cubic-bezier(.22,.7,.2,1),opacity .9s ease}.bn-logo{display:block;width:100%;height:auto;overflow:visible}.bn-logo .pt{transform-box:fill-box;transform-origin:center;transition:transform 1.1s cubic-bezier(.2,.75,.2,1),opacity .8s ease,filter .8s ease}.bn-logo .sd{fill:#CBCBD1}.bn-logo .blk .fc{fill:url(#bnGB)}.bn-logo .pil .fc,.bn-logo .base .fc{fill:url(#bnGP)}.bn-logo .ink{fill:url(#bnGI);opacity:0;transition:opacity .8s ease}.bn-logo .key .fc{fill:url(#bnGK)}.bn-logo .key .sd,.bn-logo .coin .sd{fill:#A47621;opacity:.55}.bn-logo .pil{transform-origin:center bottom}.bn-logo .layA,.bn-logo .layB,.bn-logo .coin>.spin{transition:translate .7s cubic-bezier(.2,.7,.2,1)}.bn-logo .layA{translate:calc(var(--mx) * -7px) calc(var(--my) * -5px)}.bn-logo .layB{translate:calc(var(--mx) * -3px) calc(var(--my) * -2px)}.bn-logo .coin>.spin{translate:calc(var(--mx) * -11px) calc(var(--my) * -8px);transform-box:fill-box;transform-origin:center}.bn-logo .shadow{transition:opacity .8s}.bn-logo .guides{stroke:var(--acc);stroke-width:1.6;stroke-dasharray:.012 .01;opacity:0;transition:opacity .6s ease}.bn-logo .guides .dot{fill:var(--acc);stroke:none}.bn-logo .ol{stroke:var(--acc);stroke-width:2.2;stroke-linejoin:round;opacity:0;transition:opacity .7s ease}.bn-logo .ol path,.bn-logo .ol circle{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.15s cubic-bezier(.5,0,.2,1)}.bn-logo .ol .k{stroke:var(--gold)}.bn-logo.pre .pt{opacity:0}.bn-logo.pre .blk{transform:translate(calc(var(--ex) * 1.9),calc(var(--ey) * 1.9)) rotate(calc(var(--er) * 2))}.bn-logo.pre .pil{transform:scaleY(0)}.bn-logo.pre .base{transform:scaleX(.2)}.bn-logo.pre .key{transform:translateY(-190px)}.bn-logo.pre .coin{transform:scale(.2)}.bn-logo.pre .shadow{opacity:0}.bn-logo.pre .guides,.bn-logo.pre .ol{opacity:1}.bn-logo.build .guides{opacity:.55}.bn-logo.build .ol{opacity:.9}.bn-logo.build .ol path,.bn-logo.build .ol circle{stroke-dashoffset:0}.bn-logo.build .pt{transition-delay:var(--d)}.bn-logo.build .key{transition:transform .95s cubic-bezier(.3,1.35,.5,1) var(--d),opacity .4s ease var(--d)}.bn-logo.build .coin{transition:transform .8s cubic-bezier(.3,1.5,.5,1) var(--d),opacity .4s ease var(--d)}.bn-logo.build.drawn .guides,.bn-logo.build.drawn .ol{opacity:0}.bn-logo .gl{transform:translateX(0)}.bn-logo.shine .gl{animation:bnGlint 1.3s cubic-bezier(.4,0,.2,1)}@keyframes bnGlint{from{transform:translateX(0)}to{transform:translateX(1250px)}}.bn-logo.flip .coin>.spin{animation:bnFlip 1.1s cubic-bezier(.45,0,.2,1) .35s}@keyframes bnFlip{0%{transform:scaleX(1)}50%{transform:scaleX(.04)}100%{transform:scaleX(1)}}#bn-stage[data-side=start] .bn-lw{--tx:-24vw;--ty:2vh;--sc:.9}#bn-stage[data-side=end] .bn-lw{--tx:24vw;--ty:2vh;--sc:.9}#bn-stage[data-ph="1"] .blk{transform:translate(var(--ex),var(--ey)) rotate(var(--er))}#bn-stage[data-ph="1"] .pil,#bn-stage[data-ph="1"] .base{transform:translate(var(--ex),var(--ey))}#bn-stage[data-ph="1"] .key{transform:translateY(-86px)}#bn-stage[data-ph="1"] .coin{transform:scale(.86)}#bn-stage[data-ph="2"] .blk,#bn-stage[data-ph="2"] .key{opacity:.35}#bn-stage[data-ph="2"] .coin{opacity:.4}#bn-stage[data-ph="2"] .pil .ink,#bn-stage[data-ph="2"] .base .ink{opacity:1}#bn-stage[data-ph="2"] .pl{transform:translateX(-22px)}#bn-stage[data-ph="2"] .pr{transform:translateX(22px)}#bn-stage[data-ph="2"] .base{transform:translateY(12px)}#bn-stage[data-ph="3"] .blk,#bn-stage[data-ph="3"] .pil,#bn-stage[data-ph="3"] .base{opacity:.32}#bn-stage[data-ph="3"] .coin{opacity:.3}#bn-stage[data-ph="3"] .key{transform:translateY(-60px) scale(1.14);filter:drop-shadow(0 0 22px rgba(216,169,74,.75))}#bn-stage[data-ph="4"] .blk,#bn-stage[data-ph="4"] .key,#bn-stage[data-ph="4"] .pil,#bn-stage[data-ph="4"] .base{opacity:.28}#bn-stage[data-ph="4"] .coin{transform:scale(1.3)}#bn-stage[data-ph="0"] .bn-logo.ready .key{opacity:.42}#bn-stage[data-ph="5"] .bn-lw{--ty:4vh;--sc:.8;opacity:.14}#bn-stage[data-ph="6"] .bn-lw{--ty:-6vh;--sc:.74}#bn-stage[data-ph="3"] .glint,#bn-stage[data-ph="4"] .glint,#bn-stage[data-ph="1"] .glint{display:none}.bn-lb{position:absolute;inset:0}.bn-lb .chip{position:absolute;transform:translate(-50%,-50%) scale(.94);opacity:0;white-space:nowrap;text-align:center;font-size:calc(14px / var(--sc));font-weight:600;color:var(--fg);padding:.42em .8em;border-radius:12px;line-height:1.35;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.95);box-shadow:0 6px 20px rgba(0,0,0,.06);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.75,.2,1)}.bn-lb .chip b{display:block;font-weight:600}.bn-lb .chip small{display:block;font-weight:400;font-size:.82em;color:var(--fg2)}.bn-lb .chip.gold{box-shadow:0 6px 22px rgba(184,134,46,.18);border-color:rgba(216,169,74,.45)}.bn-lb .chip.gold b{color:var(--gold)}.bn-lb .chip.cur{left:0;top:0;font:600 calc(13px / var(--sc)) 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.5px;padding:.35em .7em;transition:opacity .5s ease}#bn-stage[data-ph="1"] .chip.g1,#bn-stage[data-ph="2"] .chip.g2,#bn-stage[data-ph="3"] .chip.g3{opacity:1;transform:translate(-50%,-50%);transition-delay:.55s}#bn-stage[data-ph="4"] .chip.cur{opacity:1;transition-delay:.4s}#bn-stage[data-ph="1"] .chip.g1:nth-child(2),#bn-stage[data-ph="1"] .chip.g1:nth-child(5){transition-delay:.65s}#bn-stage[data-ph="1"] .chip.g1:nth-child(3),#bn-stage[data-ph="1"] .chip.g1:nth-child(4){transition-delay:.75s}body[data-page=auth] #bn-stage .bn-lw{--tx:-24vw;--ty:1vh;--sc:1;width:min(520px,36vw)}#bn-flash{transition:opacity .22s ease-in}html.bn-leave #bn-flash{opacity:1}html.bn-leave #bn-stage .bn-lw{transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(calc(var(--sc) * 1.06));transition-duration:.3s}@media (max-width:900px){#bn-stage .bn-lw{top:calc(var(--hdr) + 14px);width:min(400px,76vw);transform-origin:50% 0;transform:translate(-50%,0) translate(var(--tx),var(--ty)) scale(var(--sc));--ty:46vh;--sc:.86}#bn-stage[data-side=start] .bn-lw,#bn-stage[data-side=end] .bn-lw{--tx:0px;--ty:1vh;--sc:.92}#bn-stage[data-ph="3"] .bn-lw{--ty:6vh}#bn-stage[data-ph="5"] .bn-lw{--ty:1vh;--sc:.8;opacity:.12}#bn-stage[data-ph="6"] .bn-lw{--ty:6vh;--sc:.8}html.bn-leave #bn-stage .bn-lw{transform:translate(-50%,0) translate(var(--tx),var(--ty)) scale(var(--sc))}body[data-page=auth] #bn-stage .bn-lw{--tx:0px;--ty:2vh;--sc:1;width:min(300px,62vw)}.bn-lb .chip{font-size:calc(11.5px / var(--sc));padding:.36em .62em}.bn-lb .chip small{display:none}.bn-lb .chip.cl{left:27%!important}.bn-lb .chip.cr{left:73%!important}.bn-lb .chip.cur{font-size:calc(11px / var(--sc))}}@media (prefers-reduced-motion: reduce){#bn-stage .bn-lw,.bn-logo .pt,.bn-lb .chip,.bn-logo .ink{transition:none!important}.bn-logo .guides,.bn-logo .ol{display:none}}:root{--acc:var(--bn-brand,#3B5BDB);--acc-h:color-mix(in srgb,var(--bn-brand,#3B5BDB) 85%,#000)}.callout i{box-shadow:0 0 0 4px rgba(59,91,219,.16)}.alert.info{background:rgba(59,91,219,.07)}.field input:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--bn-brand,#3B5BDB) 16%,transparent)}.hdr{background:linear-gradient(135deg,rgba(255,255,255,.80),color-mix(in srgb,var(--bn-brand,#3B5BDB) 9%,rgba(255,255,255,.66)));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(15,23,42,.06),0 10px 30px -18px rgba(15,23,42,.28)}.hdr .brand{gap:10px;color:#0F172A}.hdr .brand svg{width:38px;height:38px;padding:8px 6px;box-sizing:border-box;border-radius:10px;flex-shrink:0;background:var(--bn-brand,#3B5BDB);box-shadow:none;--logo-b:#fff;--logo-k:#F5C542}.hdr .brand svg circle{fill:#D9A53A!important;stroke:#FBE7A8;stroke-width:10}.hdr .brand b{font-size:17px;font-weight:700;letter-spacing:-.2px;line-height:1.2}.hdr .brand b::after{content:"منظومة الصرافة والمحاسبة";display:block;font-size:12px;font-weight:500;color:#64748B;letter-spacing:0;line-height:1.3}.hdr nav{gap:4px;font-size:14.5px}.hdr nav a{color:#334155;font-weight:600;padding:9px 14px;border-radius:11px;transition:background-color .15s,color .15s}.hdr nav a:hover{background:rgba(59,91,219,.09);color:#2F4AC0}.hdr .btn{border-radius:11px;padding:10px 18px;font-size:14.5px}.hdr .btn-pri{box-shadow:0 6px 16px -6px rgba(59,91,219,.55)}@media (max-width:560px){.hdr .brand b::after{display:none}}