:root{
  color-scheme:light;
  --bg:#f5f8f8;--surface:#fff;--surface-2:#edf5f4;--ink:#10201f;--muted:#5f706f;
  --primary:#0f766e;--primary-2:#115e59;--accent:#d97706;--line:#dbe7e5;--danger:#b42318;--success:#087443;
  --shadow:0 18px 50px rgba(15,118,110,.10);--radius:22px;--radius-sm:14px;--shell:1180px;
  --font-ar:'Cairo',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-en:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
[data-theme="dark"]{color-scheme:dark;--bg:#071312;--surface:#0d1d1b;--surface-2:#132825;--ink:#f2fbfa;--muted:#a7bcba;--primary:#2dd4bf;--primary-2:#5eead4;--accent:#fbbf24;--line:#203b37;--danger:#ff8a80;--success:#5ee9a9;--shadow:0 18px 50px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ar);line-height:1.75;text-rendering:optimizeLegibility}html[lang="en"] body{font-family:var(--font-en)}img,svg{max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(var(--shell),calc(100% - 32px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:999;inset-inline-start:16px;top:-80px;background:var(--ink);color:var(--surface);padding:10px 16px;border-radius:10px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px)}.header-inner{min-height:72px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.18rem;white-space:nowrap}.brand img{flex:0 0 auto}.brand strong{color:var(--primary)}.site-nav{display:flex;align-items:center;gap:6px;margin-inline:auto}.site-nav a{padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:.93rem;font-weight:700}.site-nav a:hover,.site-nav a:focus-visible{background:var(--surface-2);color:var(--ink)}.header-actions{display:flex;align-items:center;gap:8px}.lang-switch,.icon-button{min-width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:800}.lang-switch:hover,.icon-button:hover{border-color:var(--primary);color:var(--primary)}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px}.nav-toggle span:not(.sr-only){display:block;height:2px;background:currentColor;margin:4px 0;border-radius:2px}
.hero{padding:72px 0 54px;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:auto -15% 5% auto;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 18%,transparent),transparent 68%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:46px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800;font-size:.92rem;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:7px 12px}.hero h1{font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.14;letter-spacing:-.04em;margin:18px 0}.hero h1 span{color:var(--primary)}.hero p{font-size:1.15rem;color:var(--muted);max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 18px;border-radius:13px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;font-weight:800}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-2)}.button.secondary:hover{border-color:var(--primary);color:var(--primary)}.button.danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));color:var(--danger)}.button.small{min-height:40px;padding:8px 13px;font-size:.9rem}.hero-card{background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.today-card{display:grid;gap:18px}.date-chip{padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.date-chip small{display:block;color:var(--muted);font-weight:700;margin-bottom:4px}.date-chip strong{font-size:1.2rem}.search-box{position:relative;margin-top:24px;max-width:720px}.search-box input{width:100%;height:58px;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--ink);padding-inline:50px 18px;box-shadow:0 10px 30px rgba(15,118,110,.06)}.search-box svg{position:absolute;inset-inline-start:18px;top:18px;width:22px;color:var(--muted)}.search-results{display:none;position:absolute;z-index:20;top:64px;width:100%;max-height:330px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px}.search-results.active{display:block}.search-results a{display:flex;gap:11px;align-items:center;padding:11px;border-radius:11px;text-decoration:none}.search-results a:hover,.search-results a:focus{background:var(--surface-2)}
.section{padding:42px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2,.content-section h2{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.25;margin:0}.section-heading p{color:var(--muted);margin:6px 0 0}.text-link{color:var(--primary);font-weight:800;text-decoration:none}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s,border-color .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 45%,var(--line));box-shadow:var(--shadow)}.tool-card-link{display:flex;align-items:flex-start;gap:14px;min-height:152px;padding:20px;text-decoration:none}.tool-icon,.tool-hero-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:var(--surface-2);color:var(--primary)}.tool-icon svg,.tool-hero-icon svg{width:26px;height:26px}.tool-card-copy{display:flex;flex-direction:column;min-width:0}.tool-card-title{font-weight:800;line-height:1.45}.tool-card-desc{color:var(--muted);font-size:.91rem;margin-top:6px;line-height:1.65}.tool-arrow{margin-inline-start:auto;color:var(--primary);font-size:1.3rem}.tool-badge{display:inline-block;font-size:.68rem;padding:2px 7px;margin-inline-start:7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);vertical-align:middle}.usage-count{font-size:.76rem;color:var(--muted);margin-top:auto;padding-top:10px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none}.category-card strong{font-size:1.05rem}.category-card span{color:var(--muted);font-size:.86rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}.feature-card h3{margin:12px 0 7px}.feature-card p{color:var(--muted);margin:0}.feature-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);color:var(--primary);font-weight:900}
.breadcrumbs{padding-top:22px}.breadcrumbs ol{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0;color:var(--muted);font-size:.88rem}.breadcrumbs li:not(:last-child)::after{content:"/";margin-inline-start:8px;color:var(--line)}.breadcrumbs a{text-decoration:none}.tool-hero{display:flex;align-items:flex-start;gap:18px;padding-top:38px;padding-bottom:26px}.tool-hero-icon{width:58px;height:58px;flex-basis:58px}.tool-hero h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.25;margin:0 0 8px}.tool-hero p{margin:0;color:var(--muted);max-width:820px}.favorite-button{margin-inline-start:auto;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:9px 12px}.favorite-button[aria-pressed="true"]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.trust-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.trust-badges span{font-size:.79rem;font-weight:700;color:var(--primary);background:var(--surface-2);border-radius:999px;padding:5px 10px}.ad-slot{height:92px;border:1px dashed var(--line);border-radius:16px;display:grid;place-items:center;color:var(--muted);font-size:.8rem;margin-bottom:24px;background:color-mix(in srgb,var(--surface) 50%,transparent)}
.tool-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;padding-bottom:28px}.tool-panel,.side-card,.content-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,4vw,32px)}.side-stack{display:grid;gap:16px}.side-card h2,.side-card h3{font-size:1.05rem;margin:0 0 10px}.side-card p,.side-card li{color:var(--muted);font-size:.88rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:.9rem}.field small{color:var(--muted)}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:13px;padding:12px 14px;outline:none}.input,.select{min-height:48px}.textarea{min-height:150px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.result-box{display:none;margin-top:24px;padding:22px;border-radius:17px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line))}.result-box.active{display:block}.result-box h2{font-size:1.1rem;margin:0 0 12px}.result-primary{font-size:clamp(1.45rem,3vw,2.2rem);font-weight:800;color:var(--primary);overflow-wrap:anywhere}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.stat{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.stat small{display:block;color:var(--muted)}.stat strong{font-size:1.05rem}.notice{padding:13px 15px;border-radius:13px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));font-size:.86rem;color:var(--muted);margin-top:18px}.error-message{display:none;color:var(--danger);font-weight:700;margin-top:12px}.error-message.active{display:block}.content-section{margin-top:22px;margin-bottom:22px}.content-section p,.content-section li{color:var(--muted)}.faq-list details{border-top:1px solid var(--line);padding:15px 0}.faq-list details:first-child{border-top:0}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{margin-bottom:0}.segmented{display:flex;padding:4px;background:var(--surface-2);border-radius:14px;margin-bottom:20px}.segmented button{flex:1;border:0;background:transparent;color:var(--muted);border-radius:11px;padding:10px;font-weight:800}.segmented button.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 10px rgba(0,0,0,.06)}.tab-pane{display:none}.tab-pane.active{display:block}.copy-row{display:flex;gap:9px;align-items:center;margin-top:14px}
.page-hero{padding:52px 0 24px}.page-hero h1{font-size:clamp(2rem,5vw,3.8rem);margin:0 0 10px}.page-hero p{color:var(--muted);max-width:760px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}.filter-chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 13px;font-weight:700}.filter-chip.active,.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.empty-state{padding:40px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}
.wheel-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:22px}.wheel-card{display:grid;place-items:center}.wheel-wrap{position:relative;width:min(620px,100%);aspect-ratio:1}.wheel-wrap canvas{width:100%;height:100%;display:block;border-radius:50%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.13))}.wheel-pointer{position:absolute;z-index:2;top:50%;inset-inline-end:-4px;translate:0 -50%;width:0;height:0;border-block:18px solid transparent;border-inline-end:0;border-inline-start:34px solid var(--accent)}html[dir="ltr"] .wheel-pointer{inset-inline-start:auto;inset-inline-end:-4px}.wheel-center{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:54px;height:54px;border-radius:50%;background:var(--surface);border:8px solid color-mix(in srgb,var(--ink) 14%,transparent)}.wheel-controls{display:flex;justify-content:center;gap:10px;margin-top:18px}.option-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}.row-actions{display:flex;gap:5px}.history-list{list-style:none;padding:0;margin:12px 0 0;max-height:240px;overflow:auto}.history-list li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.check-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.check-row label{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:.86rem}.winner-dialog{border:0;border-radius:22px;padding:0;background:transparent;max-width:430px;width:calc(100% - 32px)}.winner-dialog::backdrop{background:rgba(0,0,0,.58);backdrop-filter:blur(5px)}.winner-dialog-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:22px;padding:28px;text-align:center}.winner-dialog-card strong{display:block;font-size:2rem;color:var(--primary);margin:12px 0 18px;overflow-wrap:anywhere}
.countdown-display{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.countdown-unit{padding:18px 8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:15px}.countdown-unit strong{display:block;font-size:1.8rem;color:var(--primary)}.password-output{display:flex;gap:9px;align-items:stretch}.password-output .input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.range-row{display:grid;grid-template-columns:1fr 72px;gap:12px;align-items:center}.strength-meter{height:8px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:12px}.strength-meter span{display:block;height:100%;width:0;background:var(--success);transition:width .2s}.strength-meter .score-25{width:25%}.strength-meter .score-50{width:50%}.strength-meter .score-75{width:75%}.strength-meter .score-100{width:100%}.counter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.form-status{padding:12px 14px;border-radius:12px;margin-bottom:16px}.form-status.success{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success);border:1px solid color-mix(in srgb,var(--success) 32%,var(--line))}.form-status.error{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 28%,var(--line))}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}.article-list{display:grid;gap:14px}.article-card{padding:22px;border:1px solid var(--line);background:var(--surface);border-radius:18px}.article-card h2{font-size:1.18rem;margin:0 0 6px}.article-card p{color:var(--muted);margin:0}.legal-copy h2{margin-top:30px}.legal-copy p,.legal-copy li{color:var(--muted)}
.site-footer{margin-top:56px;background:var(--surface);border-top:1px solid var(--line);padding:48px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.footer-grid p{color:var(--muted);max-width:400px}.footer-grid h2{font-size:.95rem;margin:0 0 13px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-grid a{text-decoration:none;color:var(--muted);font-size:.9rem}.footer-grid a:hover{color:var(--primary)}.footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}.footer-bottom a{text-decoration:none}.toast{position:fixed;z-index:100;inset-inline-end:20px;bottom:20px;max-width:min(360px,calc(100% - 40px));background:var(--ink);color:var(--surface);border-radius:12px;padding:11px 14px;opacity:0;translate:0 20px;pointer-events:none;transition:.2s}.toast.active{opacity:1;translate:0 0}
@media(max-width:960px){.site-nav{position:fixed;top:78px;inset-inline:16px;display:none;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{padding:12px}.nav-toggle{display:block;margin-inline-start:auto}.header-actions{margin-inline-start:0}.hero-grid,.tool-shell,.wheel-layout{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:48px}}
@media(max-width:640px){.shell{width:min(100% - 22px,var(--shell))}.header-inner{gap:10px}.brand span{font-size:1rem}.lang-switch,.icon-button,.nav-toggle{min-width:40px;width:40px;height:40px}.hero h1{font-size:2.35rem}.hero-actions{display:grid}.button{width:100%}.tool-grid,.category-grid,.footer-grid,.side-stack,.form-grid,.form-grid.three,.result-grid,.counter-grid{grid-template-columns:1fr}.tool-card-link{min-height:0}.tool-hero{display:grid;grid-template-columns:auto 1fr}.favorite-button{grid-column:1/-1;margin:0;width:max-content}.tool-panel,.side-card,.content-section{padding:18px;border-radius:18px}.tool-actions{display:grid}.countdown-display{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column}.wheel-pointer{border-block-width:12px;border-inline-start-width:24px}.wheel-center{width:42px;height:42px}.section{padding:30px 0}.ad-slot{height:72px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.ad-slot,.tool-actions,.favorite-button,.side-stack,.breadcrumbs{display:none!important}body{background:#fff;color:#000}.tool-panel,.content-section{border:0;box-shadow:none;padding:0}.shell{width:100%}}