@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--blue:#1557e8;--navy:#102c58;--ink:#14243d;--muted:#617087;--pale:#f2f6ff;--line:#dde5f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,.brand{font-family:Manrope,'DM Sans',sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}header{position:sticky;top:0;z-index:20;background:#ffffffef;backdrop-filter:blur(16px);border-bottom:1px solid #edf0f6}nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:7px;font-size:24px;font-weight:800;letter-spacing:-1px;direction:ltr}.brand img{width:64px;height:43px;object-fit:cover;mix-blend-mode:multiply}.brand-dot{color:var(--blue)}.navlinks,.navend{display:flex;align-items:center;gap:30px}.navlinks{font-size:14px;font-weight:600}.navlinks a:hover,.text-link:hover{color:var(--blue)}.navend{gap:20px}.language{border:0;background:none;color:var(--ink);font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 26px;background:var(--blue);border:1px solid var(--blue);color:white;border-radius:10px;font-weight:700;font-size:15px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #1557e822}.button.small{min-height:42px;padding:9px 22px}.secondary{background:white;border-color:var(--line);color:var(--ink)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-block:100px 85px}.eyebrow{color:var(--blue);font-size:12px;letter-spacing:2px;font-weight:800;margin:0 0 24px}h1{font-size:clamp(40px,4.6vw,65px);line-height:1.17;letter-spacing:-2.9px;font-weight:800;margin:0 0 27px}h1 em{font-style:normal;color:var(--blue);display:inline-block;position:relative}h1 em:after{content:'';height:4px;width:100%;background:#a9c9ff;position:absolute;bottom:-7px;left:0;border-radius:50%}.lead{color:var(--muted);font-size:18px;line-height:1.85;max-width:520px;margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.fine{font-size:13px;line-height:1.7;color:var(--muted);margin-top:19px}.preview{position:relative;background:white;border:1px solid #dbe6fc;border-radius:18px;box-shadow:0 28px 70px #224e9317;transform:rotate(2deg);margin-bottom:20px;isolation:isolate}.preview:before{content:'';position:absolute;inset:-25px;background:var(--pale);border-radius:36px;transform:rotate(-6deg);z-index:-2}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid var(--line);border-radius:18px 18px 0 0;background:#fff}.mini-brand{font-family:Manrope,sans-serif;font-weight:800;font-size:15px}.pill{display:inline-block;background:#eaf1ff;color:var(--blue);padding:5px 9px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.6px}.pill.muted{color:#667388;background:#eef1f6}.preview-content{padding:28px;background:#fff;border-radius:0 0 18px 18px}.preview-heading{display:flex;gap:14px;align-items:center}.icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:var(--blue);background:#eaf1ff;font-size:24px;flex-shrink:0}.preview-heading small{font-size:10px;letter-spacing:1.4px;color:var(--muted);font-weight:700}.preview-heading h3{font-size:16px;margin:5px 0}.exam-meta{display:flex;gap:12px;font-size:11px;color:var(--muted);margin:22px 0}.exam-meta span{padding:5px 10px;background:#f5f7fa;border-radius:5px}.task{display:flex;align-items:center;gap:12px;border:1px solid #e4eaf4;border-radius:9px;margin:10px 0;padding:15px 12px;animation:arrive .7s both}.task:nth-of-type(4){animation-delay:.18s}.task:nth-of-type(5){animation-delay:.35s}.check{color:var(--blue);background:#eaf1ff;border-radius:50%;width:24px;height:24px;text-align:center;font-weight:700;font-size:13px}.task strong,.task small{display:block;font-size:12px}.task small{font-size:10px;color:var(--muted);margin-top:3px}.task-no{margin-inline-start:auto;font-size:11px;color:#9ba9bd}.progress-label{display:flex;justify-content:space-between;margin-top:24px;font-size:10px;color:var(--muted)}.progress{height:5px;background:#e5edff;border-radius:10px;margin-top:10px}.progress span{display:block;height:100%;background:var(--blue);border-radius:10px;animation:progress 2s ease-out}.floating-note{position:absolute;bottom:-28px;inset-inline-end:-20px;display:flex;align-items:center;gap:13px;padding:17px 24px;background:var(--navy);color:white;border-radius:12px;box-shadow:0 12px 25px #14243d22;transform:rotate(-2deg);animation:float 5s infinite ease-in-out}.floating-note strong,.floating-note span{display:block;font-size:14px}.floating-note .clock{font-size:30px;color:#9ec3ff}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:32px}.metrics strong{font-family:Manrope,sans-serif;font-size:39px;letter-spacing:-1.4px;font-weight:800}.metrics strong small{font-size:23px;font-weight:500}.metrics span{display:block;color:var(--muted);font-size:14px}.metrics p{font-size:13px;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:32px}.section{padding-block:100px}.section-heading{max-width:600px;margin-bottom:46px}h2{font-size:clamp(32px,3.2vw,44px);line-height:1.2;letter-spacing:-1.7px;margin:0 0 20px;font-weight:800}.section-heading p:not(.eyebrow),.calculator p{color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tool{padding:32px 28px;border:1px solid var(--line);border-radius:16px;background:white}.tool.featured{border-color:#acc8ff;background:linear-gradient(145deg,#f2f7ff,white)}.tool-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:28px}.tool h3{font-size:21px;line-height:1.4;letter-spacing:-.65px;margin:22px 0 14px}.tool p,.tool li{font-size:14px;line-height:1.9;color:var(--muted)}.tool ul{padding:0;list-style:none;margin:24px 0}.tool li{margin:10px 0;padding-inline-start:20px;position:relative}.tool li:before{content:'✓';position:absolute;inset-inline-start:0;color:var(--blue);font-size:12px}.text-link{font-size:14px;color:var(--blue);font-weight:700;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:5px}.how-section{background:var(--pale);padding-block:90px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px}.steps b{font-family:Manrope,sans-serif;font-size:38px;color:#79a4f5;font-weight:500}.steps h3{font-size:23px;margin:18px 0 12px}.steps p{font-size:15px;color:var(--muted);line-height:1.9}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.calc-box{padding:36px;background:#f8faff;border:1px solid var(--line);border-radius:16px}.calc-box label{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px}.calc-box output{font-size:24px;font-weight:800;color:var(--blue)}input[type=range]{width:100%;accent-color:var(--blue);margin:22px 0 32px;cursor:pointer}.calc-results{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calc-results strong{display:block;font-size:23px;letter-spacing:-.8px;color:var(--navy)}.calc-results span{font-size:12px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid var(--line);padding-top:70px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-weight:600;font-size:16px;cursor:pointer}.faq p{color:var(--muted);font-size:14px;line-height:1.9}.final-cta{background:var(--navy);border-radius:20px;padding:64px;text-align:center;color:white;margin-bottom:80px}.final-cta .eyebrow{color:#a3c6ff}.final-cta h2{font-size:44px;margin-bottom:28px}.final-cta .button{background:white;color:var(--blue);border-color:white}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:32px;font-size:12px;color:var(--muted)}footer .brand{color:var(--ink);font-size:21px}footer p{margin-inline-end:auto;margin-inline-start:25px}.auth-layout{min-height:calc(100vh - 185px);display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:65px}.auth-layout h1{font-size:48px}.auth-card{border:1px solid var(--line);border-radius:20px;padding:40px;background:white;box-shadow:0 16px 70px #1538770a}.auth-card h2{font-size:27px;letter-spacing:-1px;margin-top:25px}.auth-card p{color:var(--muted);font-size:14px}.auth-card label{display:block;font-size:14px;font-weight:700;margin:25px 0 9px}.auth-card input{width:100%;padding:14px;border:1px solid #bac8dd;border-radius:8px;outline:none;min-height:53px}.auth-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1557e81a}.auth-card input[type=email]{direction:ltr;text-align:left}.auth-card form>.button{width:100%;margin-top:20px}.code-actions{display:flex;justify-content:space-between;gap:20px;margin-top:20px}#code{font-size:25px;letter-spacing:7px;text-align:center}#authStatus:not(:empty){padding:12px;background:var(--pale);border-radius:8px}#authStatus.error{color:#a42032;background:#fff1f2}.account-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.account-top h1{font-size:40px}.account-top p{overflow-wrap:anywhere}.account-notice{padding:25px 30px;background:var(--pale);border:1px solid var(--line);border-radius:12px;margin:25px 0 35px}.account-notice p{color:var(--muted);font-size:14px;margin-bottom:0}:focus-visible{outline:3px solid #7faafb;outline-offset:5px}html[dir=rtl] body,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:'Noto Sans Arabic',Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.55}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] h1{font-size:48px}html[dir=rtl] .preview{transform:rotate(-2deg)}html[dir=rtl] .preview:before{transform:rotate(6deg)}html[dir=rtl] .task strong{font-size:11px}html[dir=rtl] .brand{font-family:Manrope,Arial,sans-serif}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes progress{from{width:0}to{width:100%}}@keyframes float{50%{transform:translateY(-7px) rotate(-2deg)}}@media(max-width:1000px){.hero{gap:35px}.navlinks{gap:20px}.tool{padding:25px 20px}.tool-top{flex-wrap:wrap}.auth-layout{gap:45px}.hero h1{font-size:46px}.preview-content{padding:20px}.preview-heading h3{font-size:14px}.floating-note{inset-inline-end:0}.calculator{gap:35px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}nav{height:76px;gap:10px}.brand{font-size:20px}.brand img{width:45px;height:32px}.navlinks{display:none}.navend{gap:12px}.button.small{padding:8px 14px;font-size:13px}.hero{grid-template-columns:1fr;padding-block:55px 65px;gap:55px}.hero h1{font-size:46px;letter-spacing:-2px}.lead{font-size:17px}.preview{width:calc(100% - 30px);max-width:470px;margin:0 auto 25px}.preview:before{inset:-15px}.hero .fine{margin-top:20px}.metrics{grid-template-columns:1fr 1fr;gap:20px}.metrics strong{font-size:33px}.metrics span{font-size:12px}.metrics p{grid-column:1/-1;border:0;padding:0;margin:0}.section{padding-block:65px}.tool-grid,.steps{grid-template-columns:1fr;gap:20px}.tool{padding:28px}.tool-top{flex-wrap:nowrap}.tool h3{font-size:23px}.how-section{padding-block:65px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps h3{margin:8px 0}.calculator,.faq,.auth-layout{grid-template-columns:1fr;gap:35px}.calc-box{padding:25px}.calc-results strong{font-size:22px}.final-cta{padding:40px 23px;margin-bottom:50px}.final-cta h2{font-size:32px}footer{flex-wrap:wrap;font-size:11px}footer p{margin:0}footer>span{width:100%}.auth-layout{padding-block:40px}.auth-layout h1{font-size:37px}.auth-layout aside .lead{font-size:16px}.auth-card{padding:28px}.account-top{align-items:flex-start;flex-direction:column}.account-top h1{font-size:35px}html[dir=rtl] h1,html[dir=rtl] .hero h1{font-size:38px}html[dir=rtl] .final-cta h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}}