@font-face{font-family:Kafu;src:url(../fonts/Cairo-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Kafu,Noto Sans Arabic,Tahoma,Arial,sans-serif;background:#f4f8fa;color:#173f50}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline:3px solid #008a99;outline-offset:4px}a{color:inherit}img{max-width:100%}button:active{transform:translateY(1px)}.boot-screen,.connection-page{min-height:100dvh;display:grid;place-content:center;background:#f1f7fa;color:#173f50;padding:24px}.boot-screen{gap:20px;text-align:center}.boot-screen img{width:90px;margin:auto}.connection-card{max-width:470px;background:#fff;border:1px solid #cbdfe7;padding:36px;border-radius:30px;line-height:1.9}.connection-card>img{width:84px;display:block;margin-bottom:24px}.connection-card .eyebrow{font-size:11px;letter-spacing:2px;color:#497080}.connection-card h1{font-size:32px;margin:8px 0}.connection-card p,.connection-card small{color:#506d7b}.connection-card input{display:block;width:100%;margin:8px 0 20px;background:#f4f9fb;border:1px solid #abc9d5;color:#173f50;border-radius:12px;padding:15px}.connection-card button{width:100%;padding:14px;border:0;border-radius:12px;background:linear-gradient(120deg,#007f8d,#0757b9);color:#fff;font-weight:800}.connection-card [role=alert]{color:#a72439}.connection-card small{display:block;margin-top:20px;font-size:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root{color-scheme:light;--kafu-ink:#173f50;--kafu-teal:#007f8d;--kafu-blue:#0757b9}.connection-card{box-shadow:0 20px 70px #164f6910}.connection-card>img{width:120px;height:120px;object-fit:contain;margin:0 auto 18px}.connection-card input{direction:ltr;font-size:16px}.boot-screen img{width:120px;border-radius:20px}.legal-page{max-width:880px;margin:auto;padding:28px 24px 60px;line-height:2;color:#214657}.legal-page header{display:flex;align-items:center;justify-content:space-between}.legal-page header img{width:92px;height:92px;object-fit:contain}.legal-page h1,.legal-page h2{color:#104b64}.legal-page a{color:#006c87}.legal-page nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px;border-top:1px solid #ccdee5;padding-top:20px}
