:root{--bg:#fbf7ee;--bg-2:#f3ecdc;--surface:#fffdf8;--ink:#102a26;--muted:#5b6b66;--green:#134039;--green-2:#1f5e52;--on-green:#fbf7ee;--gold:#b0802f;--gold-2:#d9b066;--red:#b83a2e;--line:#13403924;--shadow:0 30px 60px -30px #13403959;--callig:#134039;--glow:#d9b06659;--f-body:"Manrope", system-ui, sans-serif;--f-display:"Fraunces", Georgia, serif;--f-quran:"Amiri Quran", "Amiri", serif;--radius:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1f1c;--bg-2:#0f2925;--surface:#12302b;--ink:#f3ebda;--muted:#a3b3ad;--green:#2c7a69;--green-2:#3b9580;--on-green:#fbf7ee;--gold:#d9ae5f;--gold-2:#f0cf8e;--red:#ef6f61;--line:#f3ebda1f;--shadow:0 30px 60px -30px #000000b3;--callig:#f3ebda;--glow:#d9ae5f38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1f1c;--bg-2:#0f2925;--surface:#12302b;--ink:#f3ebda;--muted:#a3b3ad;--green:#2c7a69;--green-2:#3b9580;--on-green:#fbf7ee;--gold:#d9ae5f;--gold-2:#f0cf8e;--red:#ef6f61;--line:#f3ebda1f;--shadow:0 30px 60px -30px #000000b3;--callig:#f3ebda;--glow:#d9ae5f38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[lang=ar]{--f-body:"IBM Plex Sans Arabic", "Manrope", sans-serif;--f-display:"IBM Plex Sans Arabic", "Fraunces", serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;transition:background .4s,color .4s;overflow-x:hidden}img{max-width:100%}a{color:inherit}::selection{background:var(--gold-2);color:#102a26}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.skip{inset-inline-start:12px;z-index:100;background:var(--green);color:var(--on-green);border-radius:10px;padding:8px 14px;position:absolute;top:-60px}.skip:focus{top:12px}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.narrow{width:min(780px,100% - 32px)}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:14px}.display{font-family:var(--f-display);letter-spacing:-.02em;font-variation-settings:"opsz" 144;margin:0 0 18px;font-size:clamp(38px,6vw,76px);font-weight:500;line-height:1.05}:root[lang=ar] .display{letter-spacing:0;font-weight:700;line-height:1.3}.h2{font-family:var(--f-display);letter-spacing:-.015em;margin:0 0 16px;font-size:clamp(30px,4vw,50px);font-weight:500;line-height:1.1}:root[lang=ar] .h2{letter-spacing:0;font-weight:700;line-height:1.35}.h3{font-family:var(--f-display);margin:0 0 8px;font-size:24px;font-weight:500}.lead{color:var(--muted);max-width:60ch;margin:0 0 24px;font-size:clamp(17px,1.6vw,20px)}.center .lead{margin-inline:auto}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin:0 0 14px;font-size:13px;font-weight:700;display:inline-flex}:root[lang=ar] .kicker{letter-spacing:0;font-size:15px}.kicker:before{content:"";background:currentColor;width:28px;height:1px}.quran{font-family:var(--f-quran);font-feature-settings:"liga", "calt"}.btn{font:600 15px/1.2 var(--f-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-lg{padding:15px 26px;font-size:16px}.btn-primary{background:var(--green);color:var(--on-green);box-shadow:0 10px 30px -12px var(--green)}.btn-primary:hover{background:var(--green-2)}.btn-ghost{border-color:var(--line);background:color-mix(in srgb, var(--surface) 60%, transparent);color:var(--ink)}.btn-ghost:hover{border-color:var(--gold)}.btn-gold{background:linear-gradient(135deg, var(--gold-2), var(--gold));color:#1b1408;box-shadow:0 14px 34px -14px var(--gold)}.btn.is-disabled{opacity:.55;cursor:not-allowed;transform:none}[dir=rtl] .btn .icon[data-flip],[dir=rtl] .btn .icon{transform:scaleX(-1)}.icon-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{border-color:var(--gold)}.link-arrow{color:var(--green-2);border-bottom:1px solid;align-items:center;gap:8px;padding-bottom:2px;font-weight:700;text-decoration:none;display:inline-flex}[dir=rtl] .link-arrow .icon{transform:scaleX(-1)}.site-header{z-index:50;transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:sticky;top:0}.site-header.is-scrolled,.site-header.is-open{background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);box-shadow:0 1px 0 var(--line)}.header-row{align-items:center;gap:24px;height:72px;display:flex}.brand{align-items:center;display:flex}.logo{background:var(--callig);display:inline-block;-webkit-mask:url(/img/logo-noir.png) 50%/contain no-repeat;mask:url(/img/logo-noir.png) 50%/contain no-repeat}.main-nav{gap:4px;margin-inline-start:12px;display:flex}.main-nav a{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:15px;font-weight:500;text-decoration:none}.main-nav a:hover,.main-nav a.active{color:var(--ink);background:color-mix(in srgb, var(--green) 9%, transparent)}.header-tools{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.lang-select select{appearance:none;border:1px solid var(--line);color:var(--ink);font:500 14px var(--f-body);cursor:pointer;background:0 0;border-radius:999px;padding:9px 14px}.lang-select option{color:#102a26}.show-sm{display:none}.mobile-nav{gap:4px;padding:8px 16px 20px;display:grid}.mobile-nav[hidden]{display:none}.mobile-nav a:not(.btn){border-bottom:1px solid var(--line);padding:12px 8px;font-size:18px;text-decoration:none}.mobile-nav .btn{margin-top:12px}@media (width<=980px){.main-nav,.hide-sm{display:none}.show-sm{display:inline-grid}}.thread{top:0;bottom:0;z-index:40;pointer-events:none;width:2px;position:fixed;inset-inline-start:max(10px,50vw - 620px)}.thread-line{transform-origin:top;background:linear-gradient(var(--gold-2), var(--gold));opacity:.7;border-radius:2px;position:absolute;inset:0}.thread-bead{background:var(--gold-2);width:10px;height:10px;box-shadow:0 0 0 4px var(--glow), 0 0 24px var(--gold);border-radius:50%;margin:-5px 0 0 -5px;position:absolute;left:50%}@media (width<=700px){.thread{display:none}}.hero{place-items:center;min-height:calc(100svh - 72px);margin-top:-1px;padding:40px 0 90px;display:grid;position:relative;overflow:hidden}.hero-glow{background:radial-gradient(closest-side, var(--glow), transparent 70%);filter:blur(10px);height:90%;animation:9s ease-in-out infinite breathe;position:absolute;inset:-20% -10% auto}.hero-rosette{aspect-ratio:1;width:min(1100px,150vw);color:var(--gold);opacity:.16;animation:160s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.hero-inner{text-align:center;justify-items:center;display:grid;position:relative}.hero-callig{width:min(760px,92vw);margin-bottom:34px}.hero-title{max-width:16ch;margin-inline:auto}.hero-sub{margin-inline:auto}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.hero-note .icon{vertical-align:-2px;margin-inline-end:4px}.scroll-cue{border:1.5px solid var(--line);border-radius:14px;width:24px;height:38px;margin-left:-12px;position:absolute;bottom:24px;left:50%}.scroll-cue:after{content:"";background:var(--gold);border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:2s ease-in-out infinite cue;position:absolute;top:8px;left:50%}.callig{aspect-ratio:1800/555;position:relative}.callig-ink,.callig-shine{position:absolute;inset:0;-webkit-mask:url(/img/fastamsik-noir.png) 50%/contain no-repeat;mask:url(/img/fastamsik-noir.png) 50%/contain no-repeat}.callig-ink{background:var(--callig);clip-path:inset(0 0 0 100%);animation:2.6s cubic-bezier(.55,.1,.25,1) .25s forwards write}.callig-shine{background:linear-gradient(100deg, transparent 35%, var(--gold-2) 48%, #fff6dc 50%, var(--gold-2) 52%, transparent 65%) no-repeat;opacity:0;background-position:120% 0;background-size:300% 100%;animation:3.2s ease-in-out 3s infinite shine}.callig-pen{background:var(--gold-2);width:14px;height:14px;box-shadow:0 0 20px 6px var(--gold);opacity:0;border-radius:50%;animation:2.6s cubic-bezier(.55,.1,.25,1) .25s forwards pen;position:absolute;top:55%;right:0}.callig-static .callig-ink{clip-path:none;animation:none}.callig-static .callig-pen,.callig-static .callig-shine{display:none}.mission-callig{width:min(560px,90%);margin:10px auto 22px}.stats-band{border-block:1px solid var(--line);background:var(--bg-2)}.stats{grid-template-columns:repeat(4,1fr);display:grid}.stat{text-align:center;border-inline-start:1px solid var(--line);padding:34px 20px}.stat:first-child{border-inline-start:0}.stat strong{font:500 clamp(36px, 4vw, 52px) / 1 var(--f-display);color:var(--green-2);display:block}.stat span{color:var(--muted);font-size:15px}@media (width<=700px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-inline-start:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}}.section{padding:clamp(80px,11vw,140px) 0;position:relative}.section-head{max-width:720px;margin-bottom:56px}.split{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(32px,6vw,90px);display:grid}.split-rev .split-text{order:2}.split-visual{place-items:center;display:grid}.sticky-visual{align-self:start;position:sticky;top:100px}@media (width<=900px){.split{grid-template-columns:1fr}.split-rev .split-text{order:0}.sticky-visual{position:static}}.note-line{color:var(--green-2);align-items:center;gap:10px;font-weight:600;display:flex}.checks{gap:12px;margin:0 0 26px;padding:0;list-style:none;display:grid}.checks li{align-items:center;gap:12px;display:flex}.checks .icon{color:var(--on-green);background:var(--green);border-radius:50%;flex:none;padding:3px}.checks.big{margin-inline:auto;width:fit-content;margin-top:40px;font-size:19px}.phone-stage{place-items:center;padding:30px;display:grid;position:relative}.phone-halo{width:140%;color:var(--gold);opacity:.22;animation:90s linear infinite reverse spin;position:absolute}.phone{aspect-ratio:9/18.5;width:min(330px,86vw);box-shadow:var(--shadow), inset 0 0 0 1.5px #ffffff24;background:linear-gradient(160deg,#1d4a42,#0a1d1a);border-radius:46px;padding:12px;position:relative}.phone-notch{z-index:2;background:#050d0c;border-radius:20px;width:92px;height:26px;margin-left:-46px;position:absolute;top:22px;left:50%}.phone-screen{color:#102a26;background:#fbf7ee;border-radius:36px;flex-direction:column;gap:18px;height:100%;padding:64px 20px 20px;display:flex;overflow:hidden}:root[data-theme=dark] .phone-screen{color:#f3ebda;background:#0e2622}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .phone-screen{color:#f3ebda;background:#0e2622}}.phone-top{font:700 18px var(--f-quran);justify-content:space-between;align-items:center;display:flex}.pill{font:600 12px var(--f-body);opacity:.6;border:1px solid;border-radius:999px;padding:4px 10px}.mode-switch{background:#13403914;border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.mode-switch button{color:inherit;font:600 13px var(--f-body);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px}.mode-switch button.on{color:#fbf7ee;background:#134039}.demo-verse{text-align:center;flex-wrap:wrap;flex:1;place-content:center;gap:0 4px;margin:0;font-size:30px;line-height:2.1;display:flex}.w{border-radius:10px;padding:0 4px;transition:color .35s,opacity .35s,background .35s;position:relative}.w.pending{opacity:.38}.w.veiled{color:#0000}.w.done{color:#1f7a5e}:root[data-theme=dark] .w.done{color:#8fe0bc}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .w.done{color:#8fe0bc}}.w.stuck{color:#0000;box-shadow:inset 0 0 0 2px var(--red);background:#b83a2e24;animation:.45s ease-in-out 2 shake}.w-glow{pointer-events:none;background:radial-gradient(closest-side,#d9b0668c,#0000);border-radius:10px;animation:.6s ease-out forwards pop;position:absolute;inset:10% -2px}.ayah-num{color:#b0802f;align-self:center;font-size:22px}.demo-status{font:600 14px var(--f-body);color:#fbf7ee;background:#134039;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px;transition:background .3s;display:flex}.demo-status.is-stuck{background:var(--red)}.wave{align-items:center;gap:3px;height:18px;display:inline-flex}.wave i{background:currentColor;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite wave}.is-stuck .wave i{height:30%;animation-play-state:paused}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-grid.four{grid-template-columns:repeat(4,1fr)}@media (width<=980px){.feature-grid,.feature-grid.four{grid-template-columns:1fr 1fr}}@media (width<=600px){.feature-grid,.feature-grid.four{grid-template-columns:1fr}}.feature{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:28px;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.feature:after{content:"";background:radial-gradient(closest-side, var(--glow), transparent);opacity:0;border-radius:50%;width:200px;height:200px;transition:opacity .4s;position:absolute;inset:auto -30% -60% auto}.feature:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--gold) 50%, transparent);transform:translateY(-4px)}.feature:hover:after{opacity:1}.feature h3{font:600 19px/1.3 var(--f-body);margin:18px 0 6px}.feature p{color:var(--muted);margin:0;font-size:15.5px}.feature-icon{background:color-mix(in srgb, var(--green) 12%, transparent);width:48px;height:48px;color:var(--green-2);border-radius:14px;place-items:center;display:inline-grid}.feature-list{gap:8px;display:grid}.feature-row{border-bottom:1px solid var(--line);gap:18px;padding:20px 4px;display:flex}.feature-row h3{font:600 19px var(--f-body);margin:0 0 4px}.feature-row p{color:var(--muted);margin:0}.feature-row .feature-icon{flex:none}.riwaya-section{background:linear-gradient(180deg, transparent, var(--bg-2) 30%, var(--bg-2) 70%, transparent)}.compare{width:100%;max-width:560px;margin-inline:auto}.compare-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.compare-tabs button,.seg button{border:1px solid var(--line);color:var(--muted);font:600 14px var(--f-body);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.compare-tabs button.on{color:var(--ink);border-color:var(--gold)}.compare-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:34px 28px 22px;position:relative;overflow:hidden}.compare-card:before{content:"";border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);pointer-events:none;border-radius:20px;position:absolute;inset:10px}.compare-verse{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 8px;min-height:150px;margin:0;font-size:clamp(32px,4.4vw,44px);line-height:2;display:flex}.diff{color:var(--gold);background:linear-gradient(transparent 70%, color-mix(in srgb, var(--gold) 22%, transparent) 70%);border-radius:6px}.compare-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.diff-dot{background:var(--gold);border-radius:50%;width:9px;height:9px;margin-inline-end:4px;display:inline-block}.seg{border:1px solid var(--line);border-radius:999px;padding:4px;display:inline-flex}.seg button{border:0}.seg button.on{background:var(--green);color:var(--on-green)}.trust-icon{border:1px solid var(--line);width:64px;height:64px;color:var(--gold);margin-inline:auto;border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.free-band{color:#fbf7ee;--muted:#fbf7eebf;background:#134039;overflow:hidden}.free-band .kicker{color:#e6c47f}.free-rosette{color:#e6c47f;opacity:.14;width:900px;animation:200s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.stores{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.store{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:10px;padding:14px 20px;font-weight:600;text-decoration:none;display:inline-flex}.store:hover{border-color:var(--gold)}.store em{color:var(--gold);border:1px solid;border-radius:999px;padding:1px 8px;font-size:12px;font-style:normal}.store.is-soon{opacity:.7}.store-web{background:var(--green);color:var(--on-green);border-color:#0000}.page-hero{text-align:center;padding:clamp(70px,10vw,130px) 0 clamp(40px,6vw,70px);position:relative;overflow:hidden}.page-hero .lead{margin-inline:auto}.page-hero-rosette{width:760px;color:var(--gold);opacity:.15;animation:180s linear infinite spin;position:absolute;top:-340px;left:50%;translate:-50%}.quote{font-style:italic}.timeline{gap:8px;display:grid}.tl-item{border-top:1px solid var(--line);grid-template-columns:80px 1fr;gap:20px;padding:28px 0;display:grid}.tl-num{font:500 44px/1 var(--f-display);color:var(--gold)}.tl-item p,.prose p{color:var(--muted);margin:0}.prose>div{border-top:1px solid var(--line);padding:22px 0}.donate-box{justify-items:center;gap:10px;margin-top:10px;display:grid}.dua{text-align:center;font:italic 500 22px var(--f-display);color:var(--green-2);margin-top:60px}.badge{border:1px solid var(--gold);color:var(--gold);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.code-card{background:linear-gradient(160deg, var(--surface), var(--bg-2))}.dev-notes{margin-top:60px}.dev-notes ul{color:var(--muted);padding-inline-start:20px}.webapp{place-items:center;min-height:calc(100svh - 72px);padding:40px 16px;display:grid;position:relative;overflow:hidden}.webapp-rosette{width:1000px;color:var(--gold);opacity:.14;animation:160s linear infinite spin;position:absolute}.webapp-card{text-align:center;background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--line);max-width:560px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:32px;justify-items:center;gap:14px;padding:48px 32px;display:grid;position:relative}.webapp-card .lead{margin:0}.form{gap:18px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}}.form label{gap:6px;font-size:14px;font-weight:600;display:grid}.form input,.form select,.form textarea{font:16px var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;padding:13px 16px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px var(--glow);outline:none}.form .btn{justify-self:start}.form-ok,.form-err{text-align:center;border-radius:16px;padding:18px}.form-ok{background:color-mix(in srgb, var(--green) 14%, transparent)}.form-err{color:var(--red)}.site-footer{border-top:1px solid var(--line);background:var(--bg-2);padding:56px 0 28px}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.footer-links{grid-template-columns:repeat(2,auto);gap:10px 48px;display:grid}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--ink)}.footer-langs{gap:14px;display:flex}.footer-langs a{color:inherit}.footer-langs a:hover{color:var(--ink,inherit)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:40px;padding-top:20px;font-size:14px;display:flex}@keyframes write{to{clip-path:inset(0)}}@keyframes pen{0%{opacity:0;right:0}8%{opacity:1}90%{opacity:1}to{opacity:0;right:100%}}@keyframes shine{0%{opacity:0;background-position:120% 0}15%{opacity:1}60%{opacity:1;background-position:-20% 0}61%,to{opacity:0;background-position:-20% 0}}@keyframes spin{to{rotate:360deg}}@keyframes breathe{50%{opacity:.6;transform:scale(1.06)}}@keyframes cue{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(12px)}to{opacity:0}}@keyframes wave{0%,to{height:25%}50%{height:100%}}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes pop{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.callig-ink{clip-path:none}}.page-hero+.section{padding-top:clamp(24px,4vw,48px)}.auth-card{gap:12px;width:min(460px,100%)}.auth-card .h2{margin:4px 0 0}.auth-form{text-align:start;gap:14px;width:100%}.auth-form .btn{justify-self:stretch}.provider{width:100%}.or{width:100%;color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;display:flex}.text-btn{color:var(--muted);font:500 14px var(--f-body);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 0;text-decoration:underline}.text-btn.strong{color:var(--green-2);font-weight:700}.auth-card .form-ok,.auth-card .form-err{margin:0;padding:12px;font-size:14px}.auth-card .form-err{background:color-mix(in srgb, var(--red) 10%, transparent);border-radius:12px}.auth-tabs{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;width:100%;padding:4px;display:grid;position:relative}.auth-tabs button{z-index:1;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px 12px;font-size:14px;font-weight:700;transition:color .25s;position:relative}.auth-tabs button[aria-selected=true]{color:var(--on-green)}.auth-tabs-thumb{background:var(--green);border-radius:999px;width:calc(50% - 4px);transition:transform .3s cubic-bezier(.22,.61,.36,1);position:absolute;inset-block:4px;inset-inline-start:4px}.auth-tabs[data-on=signUp] .auth-tabs-thumb{transform:translate(100%)}[dir=rtl] .auth-tabs[data-on=signUp] .auth-tabs-thumb{transform:translate(-100%)}