/* System fonts only: works offline and under strict CSP. */
:root{--deep:#10372d;--green:#174639;--moss:#315b4b;--gold:#d9bc79;--cream:#faf7f0;--ink:#17382f;--muted:#78857d;--line:#e8e9e0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Tajawal','DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}html[lang=en] body{font-family:'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1190px,calc(100% - 74px));margin-inline:auto}.site-wrap{position:relative;overflow:hidden}.site-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:13px;min-width:max-content}.brand-symbol{height:46px;width:46px;display:grid;place-items:center;border:1px solid rgba(226,206,154,.42);background:#173f34;border-radius:15px;color:#e6c783;font-size:26px;box-shadow:0 10px 24px #0d2d2220}.brand-word{display:flex;flex-direction:column;color:#163e32;font-family:'DM Sans',sans-serif;font-size:23px;font-weight:800;line-height:1.05;letter-spacing:-.8px}.brand-word em{font-style:normal;color:#b99b5b;display:inline}.brand-word small{font-size:8px;font-weight:700;letter-spacing:1.75px;color:#6a8377;margin-top:7px}.brand-word{display:block}.brand-word small{display:block}.header-nav,.header-actions{display:flex;align-items:center;gap:30px}.header-nav a{font-size:14px;color:#416456;font-weight:700;transition:color .2s}.header-nav a:hover{color:#bd9555}.header-actions{gap:10px}.lang-switch{background:transparent;border:1px solid #d6e0d4;color:#274f3e;border-radius:100px;padding:10px 16px;min-width:85px;font-size:13px;font-family:'DM Sans','Tajawal',sans-serif;font-weight:700}.lang-switch:focus-visible,.header-login:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d9bc79;outline-offset:3px}.header-login{background:#1b493b;color:#fff;padding:12px 19px;border-radius:100px;font-size:13px;font-weight:700;white-space:nowrap;transition:transform .18s}.header-login:hover,.button-gold:hover,.outline-button:hover{transform:translateY(-2px)}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.76fr);gap:70px;align-items:center;min-height:640px;padding-top:28px;padding-bottom:70px}.hero-copy{position:relative;min-width:0;z-index:1}.eyebrow{display:flex;align-items:center;gap:11px;color:#628272;font-weight:800;letter-spacing:.6px;font-size:13px}.eyebrow-line{width:24px;height:2px;background:#cfb77f;display:inline-block}.hero h1{font-size:clamp(43px,4.65vw,76px);line-height:1.14;letter-spacing:-2.6px;margin:25px 0 23px;font-weight:800;color:#163b30}.gold-text{color:#bb9659}.hero-description{color:#688075;font-size:clamp(15px,1.4vw,18px);line-height:1.85;max-width:570px;margin:0}.hero-cta{display:flex;align-items:center;gap:26px;margin:27px 0 25px}.button-gold{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--deep);border-radius:12px;color:#fff;font-weight:800;padding:17px 23px;box-shadow:0 10px 20px #10372d1f;transition:transform .2s}.button-gold .arrow{font-size:22px;color:#dcbf83}.text-link{color:#305a45;font-weight:800;font-size:14px;text-decoration:underline;text-decoration-color:#c9b37c;text-underline-offset:6px}.hero-trust{display:flex;align-items:center;gap:10px;color:#8a9b8e;font-size:12px;font-weight:700}.trust-icon{height:19px;width:19px;background:#e6eee4;color:#5a976a;border-radius:50%;display:grid;place-items:center;font-family:'DM Sans',sans-serif}.hero-illustration{position:relative;width:min(410px,95%);height:210px;margin:30px 20px 0 0;direction:ltr}.loyalty-preview{height:200px;max-width:350px;border-radius:20px;background:linear-gradient(125deg,#275a47,#123e31 73%);box-shadow:0 24px 40px #123b2c29;color:#fff;transform:rotate(-5deg);padding:23px 26px;overflow:hidden;position:relative}.loyalty-preview:after{content:'✦';position:absolute;right:-40px;top:-89px;color:#fff1;font-size:225px}.preview-top,.preview-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.preview-brand{color:#ecd19a;font:800 18px 'DM Sans',sans-serif}.preview-tag{font:700 9px 'DM Sans',sans-serif;letter-spacing:1.4px;color:#d1dcce}.preview-title{font-size:13px;margin-top:22px;color:#d9e6dc}.preview-stamps{display:flex;gap:11px;margin:12px 0 10px}.preview-stamps i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ddc17e;color:#214a36;font:800 12px 'DM Sans',sans-serif;font-style:normal}.preview-stamps i:last-child{background:transparent;border:1px dashed #c2d1b1;color:#bec99e}.preview-bottom{align-items:end}.preview-bottom>span:first-child{font:800 20px 'DM Sans',sans-serif}.preview-bottom small{font-size:9px;color:#b9cec0}.qr-art{height:39px;width:39px;background:repeating-conic-gradient(#15392e 0 25%,white 0 50%) 50%/12px 12px;border:5px solid #fff;border-radius:3px}.floating-note{position:absolute;top:80px;left:270px;z-index:2;background:#fff;padding:13px 16px;min-width:186px;display:flex;align-items:center;gap:11px;border-radius:12px;box-shadow:0 12px 34px #203d291f}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:12px;color:#224435}.floating-note small{font-size:10px;color:#96a19a;margin-top:3px}.note-star{display:grid;place-items:center;background:#f8edcc;color:#ae8a43;height:32px;width:32px;border-radius:10px;font-size:20px}.light-ring{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.light-ring-a{height:550px;width:550px;top:9px;left:-300px;background:radial-gradient(circle,#e6ecdf 0,#f3f4ea 48%,transparent 69%)}.light-ring-b{height:650px;width:650px;top:75px;right:-450px;background:radial-gradient(circle,#f2f1e4 0,transparent 70%)}.login-card{position:relative;z-index:2;background:#fff;border:1px solid #e8ede5;box-shadow:0 25px 70px #2c4f3b14;border-radius:24px;padding:39px 36px 34px;scroll-margin-top:25px}.login-icon{height:48px;width:48px;border-radius:15px;display:grid;place-items:center;background:#e8eee6;color:#b18a4e;font-size:26px;margin-bottom:21px}.card-kicker{font:700 10px 'DM Sans',sans-serif;letter-spacing:2px;color:#b19b79;margin:0 0 8px}.login-card h2{font-size:29px;margin:6px 0 7px;letter-spacing:-.8px}.login-sub{color:#84928b;font-size:13px;margin:0 0 24px;line-height:1.7}.login-card form{display:block}.login-card label{display:block;font-weight:800;font-size:13px;color:#365044;margin:0 0 10px}.login-card input{border:1px solid #e2e8df;border-radius:11px;background:#fbfcfa;padding:15px 16px;min-height:50px;width:100%;font-family:'DM Sans',sans-serif;color:#203d30;font-size:14px;outline:none;direction:ltr;text-align:left;transition:border-color .2s,box-shadow .2s}.login-card input:focus{border-color:#9eae97;box-shadow:0 0 0 3px #9eae9728}.login-card input::placeholder{color:#a5b2a9}.login-card #login-email{margin-bottom:19px}.password-label{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap}.password-label a{font-size:12px;font-weight:700;color:#b39a61;margin-bottom:9px}.password-field{position:relative}.password-field input{padding-inline-end:50px}.password-field button{position:absolute;right:8px;top:6px;background:transparent;border:0;height:38px;width:38px;color:#8b9c8f;font-size:20px}.login-submit{margin-top:23px;width:100%;border:0;border-radius:11px;min-height:52px;display:flex;justify-content:center;align-items:center;gap:12px;color:#fff;background:#174c3c;font-weight:800;font-size:15px}.login-submit:hover{background:#0e372b}.login-submit:disabled{opacity:.65;cursor:wait}.login-error{margin:12px 0 0;color:#a43c3c;background:#fff0ed;padding:10px;border-radius:8px;font-size:12px;line-height:1.5}.login-footer{border-top:1px solid #eaf0e9;margin-top:26px;padding-top:19px;display:flex;align-items:center;justify-content:center;gap:8px;color:#839187;font-size:12px}.lock-symbol{color:#ac966c;font-size:22px}.small-help{color:#869889;text-align:center;line-height:1.55;font-size:11px;margin:13px 0 0}.feature-section{position:relative;background:#fff;padding:85px 0 105px}.section-kicker{color:#b69a66;font-size:12px;font-weight:800;letter-spacing:.55px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:14px 0 36px}.section-head h2,.how-wrap h2,.business-section h2{font-size:clamp(29px,3.2vw,44px);letter-spacing:-1.5px;margin:0;line-height:1.2}.section-head p{max-width:310px;color:#829087;line-height:1.8;font-size:14px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature-card{border:1px solid #e8ece7;border-radius:18px;background:#fcfdfb;padding:29px 27px 30px;min-height:230px}.feature-icon{width:47px;height:47px;border-radius:13px;display:grid;place-items:center;background:#ebf1e9;color:#547963;font-size:28px}.feature-card h3{margin:23px 0 9px;color:#204536;font-size:20px}.feature-card p{color:#829087;line-height:1.8;font-size:13px;margin:0}.how-section{background:#124235;color:#fff;padding:85px 0}.how-wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.section-kicker.light{color:#dec48b}.how-wrap h2{margin:18px 0 15px;color:#fff}.how-wrap p{color:#bed3c6;line-height:1.9;max-width:460px;margin:0;font-size:14px}.step-list{display:grid;gap:12px}.step-list>div{background:#ffffff0b;border:1px solid #ffffff24;border-radius:12px;padding:19px 24px;display:flex;align-items:center;gap:22px;font-size:16px;font-weight:700}.step-list b{color:#dec48b;font:800 18px 'DM Sans',sans-serif;letter-spacing:1px}.business-section{padding-top:100px;padding-bottom:100px;display:flex;align-items:center;justify-content:space-between;gap:35px}.business-section h2{margin:17px 0}.business-section p{font-size:14px;line-height:1.85;color:#7f8e82;max-width:650px;margin:0}.outline-button{white-space:nowrap;border:1px solid #d4d9cc;color:#204b39;border-radius:13px;padding:17px 22px;display:flex;gap:17px;align-items:center;font-size:13px;font-weight:800;transition:transform .2s}.footer{min-height:120px;border-top:1px solid #e0e7de;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8d9b8e;font-size:12px}.footer-logo{font:800 17px 'DM Sans',sans-serif;color:#22513f}
html[lang=en] .hero h1{letter-spacing:-3px}html[dir=ltr] .hero-illustration{margin-left:12px;margin-right:0}html[dir=ltr] .password-field button{right:8px}html[dir=rtl] .password-field button{left:8px;right:auto}html[dir=rtl] .password-field input{padding-left:50px;padding-right:16px}html[dir=rtl] .login-card input{direction:ltr;text-align:left}html[dir=rtl] .login-card label{text-align:right}
@media(max-width:1100px){.container{width:min(100% - 54px,1050px)}.header-nav{gap:18px}.hero{gap:34px;grid-template-columns:minmax(0,1fr) minmax(320px,.79fr)}.login-card{padding:34px 27px}.floating-note{left:245px}}
@media(max-width:850px){.site-header{min-height:90px}.header-nav{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-top:20px;padding-bottom:70px}.hero-copy{max-width:690px}.hero-illustration{height:170px}.login-card{max-width:580px;width:100%;margin:0 auto}.feature-section{padding:65px 0 75px}.feature-grid{gap:12px}.feature-card{padding:23px 19px}.how-wrap{gap:38px}.business-section{padding:70px 0}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.site-header{min-height:77px;gap:11px}.brand{gap:8px}.brand-symbol{width:37px;height:37px;border-radius:11px;font-size:22px}.brand-word{font-size:19px}.brand-word small{font-size:6px;letter-spacing:1px}.lang-switch{padding:8px 11px;min-width:70px;font-size:11px}.header-login{font-size:11px;padding:9px 12px}.hero{padding-top:25px;gap:24px}.hero h1{font-size:clamp(39px,9.2vw,56px);letter-spacing:-1.4px;margin:17px 0 15px}.hero-description{font-size:15px}.hero-cta{gap:14px;margin-top:23px;flex-wrap:wrap}.button-gold{padding:14px 16px;font-size:13px;gap:12px}.text-link{font-size:12px}.hero-trust{font-size:10px;line-height:1.4}.hero-illustration{width:min(335px,100%);height:183px;margin-top:29px;margin-right:0}.loyalty-preview{height:179px;padding:19px;max-width:298px}.floating-note{left:auto;right:-3px;top:111px;min-width:158px;padding:10px}.preview-stamps{gap:9px}.preview-stamps i{height:26px;width:26px}.login-card{padding:28px 22px;margin-top:8px;border-radius:20px}.login-card h2{font-size:26px}.feature-section{padding:60px 0}.section-head{display:block;margin-bottom:24px}.section-head p{margin-top:15px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:24px}.feature-card h3{margin-top:16px}.how-section{padding:63px 0}.how-wrap{grid-template-columns:1fr;gap:26px}.step-list>div{padding:16px}.business-section{display:block;padding-top:65px;padding-bottom:65px}.outline-button{width:max-content;margin-top:25px}.footer{min-height:140px;flex-wrap:wrap;justify-content:center;text-align:center;gap:8px 22px}.footer-logo{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}