.apply,.join{--blue-bg:#008bff;--blue-art:#005baa;--blue:#0089fd;--blue-deep:#0b2a63;--navy:#04173a;--ink:#0d1b2a;--muted:#5b6b80;--line:#e4eaf2;--surface:#f5f8fc;--radius:18px}.join{min-height:100vh;background:#fff;color:var(--ink);font-family:var(--font-ar);font-size:clamp(20.1px,1.6vw,25px);line-height:1.7;overflow-x:hidden}.join-backdrop{position:fixed;inset:0;z-index:-1;background:#fff}.join *,.join :after,.join :before{box-sizing:border-box}.join-shell{width:min(1080px,100%);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.join-section{padding-block:clamp(38px,6vw,76px)}.join-section.tint{background:var(--surface)}.join-eyebrow{color:var(--blue);font-size:clamp(19.5px,1.45vw,23px);font-weight:700;text-align:center}.join-title{margin:6px 0 clamp(20px,3vw,34px);font-size:clamp(32.2px,4.2vw,51.5px);font-weight:900;line-height:1.35;text-align:center;color:var(--navy)}.join-bar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,4vw,40px);background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--navy)}.join-bar img{height:clamp(26px,3vw,34px);width:auto;filter:brightness(0) saturate(100%) invert(9%) sepia(64%) saturate(3771%) hue-rotate(206deg) brightness(96%) contrast(101%)}.join-hero{position:relative;padding-top:min(85vw,620px);padding-bottom:clamp(34px,5vw,60px);background:#071a35 url(/photo.jpeg) top/100% auto no-repeat;color:#fff;overflow:hidden}.join-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(90% 42% at 50% 100%,rgba(0,139,255,.55),rgba(0,139,255,0) 70%),linear-gradient(180deg,rgba(7,26,53,.55),rgba(7,26,53,.62) 38%,rgba(7,26,53,.88) 58%,rgba(7,26,53,.96) 78%,rgba(7,26,53,.98));pointer-events:none}.join-hero .join-shell{position:relative;z-index:1}.join-hero h1{font-size:clamp(39.1px,6.25vw,73px);font-weight:900;line-height:1.32;max-width:16ch}.join-hero p{margin-top:14px;max-width:46ch;font-size:clamp(20.7px,2vw,27px);color:rgba(255,255,255,.82)}.join-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 30px;border:0;border-radius:14px;background:linear-gradient(100deg,#00a2ff 0,var(--blue) 45%,#0068d6 100%);color:#fff;font:800 clamp(23.5px,1.75vw,23.5px) /1 var(--font-ar);text-decoration:none;cursor:pointer;box-shadow:0 10px 26px rgba(0,137,253,.35);transition:transform .12s ease,box-shadow .12s ease}.join-cta:active{transform:translateY(1px);box-shadow:0 6px 16px rgba(0,137,253,.3)}.join-cta.block{width:100%;margin-top:clamp(22px,3vw,34px)}.join-cta.small{min-height:40px;padding:9px 18px;font-size:clamp(19.5px,1.65vw,22px);box-shadow:none}.join-cta.ghost{background:#fff;color:var(--blue)}.join-facts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(8px,1.4vw,16px);gap:clamp(8px,1.4vw,16px);margin-top:clamp(22px,3vw,34px)}.join-fact{padding:12px 10px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);text-align:center;font-size:clamp(16.7px,1.45vw,20.5px);line-height:1.5}.join-fact b{display:block;font-weight:800}.careers-hero{padding-top:min(52vw,430px);background:#071a35 url(/careers.png) center 35%/cover no-repeat}.careers-lead{max-width:62ch;margin-inline:auto;text-align:center;color:var(--muted)}.careers-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:clamp(8px,1.4vw,16px);gap:clamp(8px,1.4vw,16px);margin-top:clamp(22px,3vw,34px)}.careers-stat{padding:clamp(12px,1.8vw,20px) 8px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-align:center}.careers-stat b{display:block;color:var(--blue);font-size:clamp(21.8px,2.2vw,28px);font-weight:900}.careers-stat span{font-size:clamp(14.4px,1.2vw,16px);color:var(--muted)}.careers-photo{aspect-ratio:353/160;margin-bottom:clamp(14px,2vw,22px);border-radius:var(--radius);background:var(--surface) url(/why-yallago.svg) center /cover no-repeat;border:1px solid var(--line)}.careers-benefits{display:grid;grid-gap:10px;gap:10px;list-style:none}.careers-benefits li{display:flex;align-items:flex-start;gap:clamp(12px,1.6vw,18px);padding:clamp(14px,2vw,20px);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.careers-benefits .icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e7f2ff;color:var(--blue);font-size:20px}.careers-benefits h3{font-size:clamp(17.8px,1.45vw,19px);font-weight:800}.careers-benefits p{color:var(--muted);font-size:clamp(15.5px,1.2vw,17px)}@media (max-width:560px){.careers-stats{grid-template-columns:repeat(2,1fr)}}.join-base{display:flex;align-items:center;gap:14px;padding:clamp(16px,2vw,22px);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.join-base .badge{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e7f2ff;color:var(--blue);font-weight:900;font-size:18px}.join-base h3{font-size:clamp(22.4px,2vw,26px);font-weight:800}.join-base p{color:var(--muted);font-size:clamp(17.8px,1.55vw,22px)}.join-ladder-label{margin:clamp(20px,3vw,28px) 0 12px;font-weight:800;font-size:clamp(20.7px,1.9vw,24px)}.join-tier{display:flex;align-items:flex-start;gap:clamp(12px,1.6vw,18px);padding:clamp(14px,2vw,20px);margin-bottom:12px;border-radius:var(--radius);border:1px solid var(--tier-line,var(--line));background:var(--tier-bg,#fff)}.join-tier .rate{flex:none;display:grid;place-items:center;min-width:58px;height:46px;padding-inline:10px;border-radius:12px;font-weight:900;font-size:clamp(22.4px,2.2vw,27px)}.join-tier .rate,.join-tier .tier-name{background:var(--tier-chip,#eef3f9);color:var(--tier-ink,var(--ink))}.join-tier .tier-name{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:clamp(16.7px,1.45vw,20.5px);font-weight:800}.join-tier .goal{margin-top:8px;font-weight:800;font-size:clamp(19.5px,1.75vw,23px)}.join-tier .goal span{color:var(--tier-ink,var(--blue))}.join-tier .note{margin-top:4px;color:var(--muted);font-size:clamp(17.2px,1.45vw,20.5px)}.join-tier.platinum{--tier-bg:#f2fbf6;--tier-line:#cdeddd;--tier-chip:#d8f5e6;--tier-ink:#1a9f66}.join-tier.gold{--tier-bg:#fffaf0;--tier-line:#f3e2c0;--tier-chip:#fdf0d5;--tier-ink:#c9861a}.join-tier.silver{--tier-bg:#f6f9fd;--tier-line:#dfe8f3;--tier-chip:#e2edfb;--tier-ink:#2f7fd1}.join-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:clamp(12px,1.6vw,18px);gap:clamp(12px,1.6vw,18px)}.join-grid.duo{grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.9vw,22px)}@media (max-width:640px){.join-grid.duo{grid-template-columns:1fr}}.join-feature{padding:clamp(20px,2.4vw,30px);border-radius:clamp(16px,1.6vw,20px);background:var(--surface);border:1px solid var(--line)}.join-feature .icon{display:grid;place-items:center;width:clamp(46px,3.6vw,54px);aspect-ratio:1;margin-bottom:clamp(14px,1.6vw,20px);border-radius:clamp(13px,1.2vw,16px);background:#e7f2ff;color:var(--blue)}.join-feature .icon svg{width:55%;height:55%}.join-feature h3{font-size:clamp(20.7px,1.9vw,24px);font-weight:800;margin-bottom:6px;color:var(--navy)}.join-feature p{color:var(--muted);font-size:clamp(17.8px,1.55vw,22px);line-height:1.65}.join-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.join-chip{padding:9px 20px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:clamp(17.8px,1.65vw,22px)}.join-note{margin-top:18px;text-align:center;color:var(--muted);font-size:clamp(17.8px,1.55vw,22px)}.join-slides{display:flex;gap:clamp(12px,1.6vw,18px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.join-slides::-webkit-scrollbar{display:none}.join-quote{flex:0 0 min(100%,420px);scroll-snap-align:center;padding:clamp(18px,2.2vw,26px);border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(11,42,99,.06)}.join-quote h3{font-size:clamp(20.7px,1.9vw,24px);font-weight:900}.join-quote .meta{display:flex;align-items:center;gap:8px;margin:6px 0 12px;color:var(--muted);font-size:clamp(17.2px,1.45vw,20.5px)}.join-quote .meta .tag{padding:2px 10px;border-radius:999px;background:#e7f2ff;color:var(--blue);font-weight:700}.join-quote p{font-size:clamp(19px,1.65vw,22px);color:#26384d}.join-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.join-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#cfdbe9;cursor:pointer}.join-dots button[aria-current=true]{width:22px;border-radius:999px;background:var(--blue)}.join-faq{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:10px;overflow:hidden}.join-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:14px clamp(14px,2vw,20px);font-weight:800;font-size:clamp(19.5px,1.75vw,23px);cursor:pointer;list-style:none}.join-faq summary::-webkit-details-marker{display:none}.join-faq summary:after{content:"⌄";flex:none;font-size:20px;line-height:1;color:var(--muted);transition:transform .15s ease}.join-faq[open] summary:after{transform:rotate(180deg)}.join-faq p{padding:0 clamp(14px,2vw,20px) 16px;color:var(--muted);font-size:clamp(17.8px,1.55vw,22px)}.join-band{padding:clamp(28px,4vw,48px) clamp(18px,3vw,40px);border-radius:22px;background:linear-gradient(135deg,var(--blue-bg),#0b6fd0);color:#fff;text-align:center}.join-band h2{font-size:clamp(29.3px,3.8vw,43.5px);font-weight:900}.join-band p{margin:8px auto 22px;max-width:42ch;color:rgba(255,255,255,.88);font-size:clamp(19px,1.65vw,23px)}.join-footer{margin-top:clamp(30px,5vw,60px);padding:clamp(28px,4vw,48px) 0;background:var(--blue-bg);color:#fff}.join-footer .brand{display:grid;justify-items:center;text-align:center}.join-footer img{height:clamp(30px,3.4vw,42px);width:auto}.join-footer .tagline{margin-top:6px;color:rgba(255,255,255,.85);font-size:clamp(19.5px,1.75vw,23px)}.join-footer hr{margin:clamp(18px,3vw,28px) 0;border:0;border-top:1px solid rgba(255,255,255,.35)}.join-footer .rows{display:grid;grid-gap:8px;gap:8px;justify-items:start;font-size:clamp(17.8px,1.65vw,22px)}.join-footer .rows a{color:#fff;text-decoration:none}.join-footer .rows .row{display:inline-flex;align-items:center;gap:10px}.join-footer .rows .row svg{order:-1;width:clamp(18px,1.9vw,24px);height:clamp(18px,1.9vw,24px);flex:none}.join-footer .socials{display:flex;justify-content:center;gap:14px;margin-top:clamp(20px,3.4vw,32px)}.join-footer .socials a{display:grid;place-items:center;width:clamp(44px,4.6vw,54px);height:clamp(44px,4.6vw,54px);border-radius:14px;background:rgba(255,255,255,.18);color:#fff}.join-footer .socials svg{width:56%;height:56%}.join-footer .links{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:clamp(18px,3vw,26px);font-size:clamp(17.8px,1.65vw,22px)}.join-footer .links a{color:#fff;text-decoration:underline}.join-footer .copyright{margin-top:12px;text-align:center;color:rgba(255,255,255,.75);font-size:clamp(16.7px,1.4vw,19px)}.apply{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#fff;color:var(--ink);font-family:var(--font-ar)}.apply *,.apply :after,.apply :before{box-sizing:border-box}.apply-head{padding:clamp(14px,2.4vw,22px) clamp(16px,4vw,40px) 0}.apply-head .row{display:flex;align-items:center;justify-content:space-between;gap:12px}.apply-nav{display:flex;gap:8px;order:2;-webkit-margin-start:auto;margin-inline-start:auto}.apply-nav button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:#0d1b2a;font-size:22px;line-height:1;cursor:pointer}.apply-nav button:disabled{opacity:.25;cursor:default}.apply-step{order:1;color:#0089fd;font-weight:800;font-size:clamp(17.8px,1.65vw,22px)}.apply-progress{display:flex;gap:6px;margin-top:14px}.apply-progress span{flex:1 1;height:5px;border-radius:999px;background:#e4eaf2}.apply-progress span.on{background:#0089fd}.apply-body{flex:1 1;width:min(560px,100%);margin-inline:auto;padding:clamp(20px,3.5vw,34px) clamp(16px,4vw,40px)}.apply-body h1{font-size:clamp(30.5px,4.05vw,40.5px);font-weight:900;margin-bottom:clamp(16px,2.4vw,26px)}.apply-label{display:block;margin-bottom:8px;font-size:clamp(19px,1.65vw,22px);font-weight:700}.apply-hint{display:flex;gap:8px;padding:10px 14px;margin-bottom:14px;border-radius:12px;background:#fff8e6;border:1px solid #f3e2b8;color:#8a6a1c;font-size:clamp(17.2px,1.45vw,20.5px);line-height:1.6}.apply-field{width:100%;min-height:56px;padding:14px 16px;border-radius:14px;border:1px solid #dfe6ef;background:#fff;color:inherit;font:600 clamp(17.8px,1.65vw,21px) /1.4 var(--font-ar);box-shadow:0 2px 10px rgba(11,42,99,.04)}.apply-field:focus-visible{outline:2px solid #0089fd;outline-offset:1px}.apply-phone{display:flex;align-items:center;gap:10px}.apply-phone .cc{flex:none;display:grid;place-items:center;min-width:72px;height:56px;border-radius:14px;background:#eef3f9;font-weight:800;direction:ltr}.apply-phone input{flex:1 1;min-width:0;direction:ltr;text-align:start}.apply-group{margin-bottom:clamp(14px,1.8vw,20px)}.apply-label .req{color:#e0353f}.apply-row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:420px){.apply-row2{grid-template-columns:1fr}}.apply-row3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.apply-row3>div{min-width:0}.apply-options{display:flex;flex-wrap:wrap;gap:10px}.apply-chip{min-height:48px;padding:10px 22px;border-radius:999px;border:1px solid #dfe6ef;background:#fff;color:inherit;font:700 clamp(16.7px,1.45vw,20px) /1 var(--font-ar);cursor:pointer}.apply-chip[aria-pressed=true]{background:#0089fd;border-color:#0089fd;color:#fff}.apply-chip.outline[aria-pressed=true]{background:#e7f2ff;border-color:#0089fd;color:#0b6fd0}.apply-radio{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;margin-bottom:10px;border-radius:14px;border:1px solid #dfe6ef;background:#fff;color:inherit;font:600 clamp(16.7px,1.45vw,20px) /1.4 var(--font-ar);text-align:start;cursor:pointer}.apply-radio[aria-checked=true]{border-color:#0089fd;color:#0089fd}.apply-radio .mark{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #cfdbe9}.apply-radio[aria-checked=true] .mark{border-color:#0089fd;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 10px #0089fd}.apply-error,.apply-ok{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border-radius:14px;font-size:clamp(17.2px,1.55vw,20.5px);line-height:1.6}.apply-ok{background:#eefaf3;border:1px solid #cdeddd;color:#1a7f57}.apply-error{background:#fdeced;border:1px solid #f6c9cc;color:#b3232c}.apply-ok .mark{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1a9f66;color:#fff;font-size:14px}.apply-review{border:1px solid #e4eaf2;border-radius:var(--radius,18px);overflow:hidden}.apply-review .line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #e4eaf2;font-size:clamp(17.8px,1.65vw,22px)}.apply-review .line:last-child{border-bottom:0}.apply-review .line>span:first-child{color:#5b6b80}.apply-review b{font-weight:800}.apply-review button{flex:none;min-height:40px;padding:6px 8px;border:0;background:none;color:#0089fd;font:800 clamp(15.5px,1.4vw,19px) /1 var(--font-ar);cursor:pointer}.apply-done{flex:1 1;display:grid;place-content:center;justify-items:center;grid-gap:18px;gap:18px;padding:clamp(20px,5vw,48px);text-align:center}.apply-done .tick{display:grid;place-items:center;width:clamp(84px,12vw,110px);height:clamp(84px,12vw,110px);border-radius:50%;background:#eefaf3;color:#1a9f66;font-size:clamp(45.4px,5.9vw,61.5px)}.apply-done h1{font-size:clamp(26.4px,3.25vw,35.5px);font-weight:900;line-height:1.6;max-width:22ch}.apply-foot{position:-webkit-sticky;position:sticky;bottom:0;padding:clamp(12px,2vw,18px) clamp(16px,4vw,40px) calc(clamp(12px, 2vw, 18px) + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,0),#fff 32%)}.apply-foot>*{width:min(560px,100%);margin-inline:auto}.apply-foot .join-cta:disabled{opacity:.55;box-shadow:none;cursor:default}@media (max-height:620px){.apply-body{padding-block:14px}.apply-body h1{margin-bottom:14px}}@media (max-width:420px){.join-fact{padding:10px 6px}}:root{--font-ar:var(--font-hekaya),var(--font-tajawal),Tahoma,Arial,sans-serif;--font-en:var(--font-quest),var(--font-montserrat),Arial,sans-serif;--font-display-ar:var(--font-ar);--font-display-en:var(--font-en)}.sync-badge{position:fixed;inset-inline-start:14px;bottom:14px;z-index:60;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(0,15,32,.72);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#dbeeff;font:600 14px/1 var(--font-ar);pointer-events:none}.thx-logo{margin-bottom:6px}.admin{min-height:100vh;padding:28px clamp(16px,4vw,48px);background:#04101f;color:#e8f2ff;font-family:var(--font-ar)}.admin-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.admin-head h1{font-size:26px;font-weight:900}.admin-tabs{display:flex;gap:8px;margin-bottom:22px;padding-bottom:2px;overflow-x:auto}.admin-tab{flex:none;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:inherit;text-decoration:none;font:700 15px/1.4 var(--font-ar);white-space:nowrap;opacity:.75}.admin-tab[aria-current=page]{background:#0089fd;border-color:transparent;opacity:1}.admin-actions{display:flex;gap:10px}.admin-btn{padding:10px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:inherit;font:700 15px/1 var(--font-ar);cursor:pointer;transition:background .15s ease}.admin-btn:hover{background:rgba(255,255,255,.14)}.admin-btn.primary{background:#0089fd;border-color:transparent}.admin-btn.danger{background:rgba(255,58,68,.16);border-color:rgba(255,58,68,.45);color:#ff9ba0}.admin-btn.danger:hover{background:rgba(255,58,68,.28)}.admin-btn.small{padding:6px 10px;font-size:16px}.danger-zone{border-color:rgba(255,58,68,.3)}.danger-zone h2{color:#ff9ba0}.reset-panel{max-width:460px;padding:18px;border-radius:14px;background:rgba(255,58,68,.08);border:1px solid rgba(255,58,68,.35)}.reset-panel p{font-size:16px;opacity:.85;margin:8px 0 16px}.reset-panel label{display:block;font-size:16px;margin-bottom:6px}.reset-panel code{padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.35);font-weight:700}.reset-panel input{width:100%;padding:10px 14px;margin-bottom:14px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.3);color:inherit;font:600 15px/1.4 var(--font-ar)}.reset-actions{display:flex;gap:10px}.reset-done{margin-bottom:12px;padding:10px 14px;border-radius:10px;background:rgba(0,240,118,.14);color:#7ff0b4;font-size:16px;font-weight:600}.admin-select{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);color:inherit;font:600 15px/1.4 var(--font-ar)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:14px;gap:14px;margin-bottom:26px}.admin-stat{padding:18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.admin-stat .value{font-size:32px;font-weight:900;color:#7cc4ff}.admin-stat .label{margin-top:4px;font-size:16px;opacity:.75}.admin-card{padding:20px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);margin-bottom:22px}.admin-card h2{font-size:18px;font-weight:800;margin-bottom:14px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:17px;white-space:nowrap}.admin-table td,.admin-table th{padding:11px 14px;text-align:start;border-bottom:1px solid rgba(255,255,255,.08)}.admin-table th{font-weight:700;opacity:.7;font-size:15px}.admin-table tbody tr:hover{background:rgba(255,255,255,.04)}.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:14px;font-weight:700;background:rgba(255,255,255,.12)}.tag.ISSUED{background:rgba(255,206,0,.22);color:#ffd95e}.tag.SENT{background:rgba(0,137,253,.24);color:#8ccdff}.tag.REDEEMED{background:rgba(0,240,118,.2);color:#7ff0b4}.tag.EXPIRED{background:rgba(255,58,68,.2);color:#ff9ba0}.login-wrap{min-height:100vh;display:grid;place-items:center;background:#04101f;padding:24px}.login-card{width:min(420px,100%);padding:32px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#e8f2ff;font-family:var(--font-ar)}.login-card h1{font-size:22px;font-weight:900;margin-bottom:6px}.login-card p{opacity:.7;font-size:16px;margin-bottom:22px}.login-card label{display:block;font-size:16px;font-weight:700;margin-bottom:6px}.login-card input{width:100%;padding:12px 14px;margin-bottom:16px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);color:inherit;font:500 16px/1.4 var(--font-ar)}.login-card input:focus{outline:2px solid #0089fd;outline-offset:1px}.login-error{margin-bottom:14px;padding:10px 14px;border-radius:10px;background:rgba(255,58,68,.16);color:#ff9ba0;font-size:16px;font-weight:600}