.afzali{--afzali-paper:#f3ead8;--afzali-paper-deep:#ebe0c9;--afzali-ink:#1c1410;--afzali-ink-soft:#5c4e42;--afzali-gold:#e0b15a;--afzali-ember:#b45309;--afzali-line:color-mix(in srgb,#3f2e22 16%,transparent);--afzali-glass:color-mix(in srgb,#fffdf8 78%,transparent);--afzali-top:4.25rem;position:relative;isolation:isolate;min-height:100dvh;background:var(--afzali-paper);color:var(--afzali-ink);direction:rtl}.afzali *{box-sizing:border-box}@media (min-width:960px){body:has(.afzali),html:has(.afzali){overflow:hidden;height:100%;background:var(--afzali-paper)}.afzali{height:100dvh;overflow:hidden}}.afzali-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:var(--afzali-top);padding:calc(.45rem + env(safe-area-inset-top, 0px)) 1rem .45rem;background:color-mix(in srgb,var(--afzali-paper) 88%,transparent);border-bottom:1px solid var(--afzali-line);backdrop-filter:blur(14px)}@media (min-width:640px){.afzali-top{padding-inline:1.4rem}}@media (min-width:960px){.afzali-top{position:absolute;inset-inline:0;top:0;background:transparent;border-bottom-color:transparent;backdrop-filter:none;padding-top:calc(.7rem + env(safe-area-inset-top, 0px))}.afzali-top .app-nav-desktop{border-color:color-mix(in srgb,#f7f0e4 28%,transparent);background:color-mix(in srgb,#120c08 46%,transparent);box-shadow:none;backdrop-filter:blur(12px)}.afzali-top .app-nav-desktop .app-nav-link:not([aria-current=page]){color:#f4ead8}.afzali-top .app-nav-desktop .app-nav-link:not([aria-current=page]):hover{background:color-mix(in srgb,#f7f0e4 14%,transparent);color:#fffaf0}.afzali-mark{border-color:color-mix(in srgb,var(--afzali-ember) 28%,#e8dcc4);background:#fffdf8}}.afzali-brand{min-width:0}.afzali-mark{display:flex;width:2.35rem;height:2.35rem;align-items:center;justify-content:center;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--afzali-ember) 22%,#e4d8c0);background:#fffdf8;box-shadow:0 1px 0 rgb(255 255 255/.7)}.afzali-mark span{font-size:.92rem;font-weight:800;letter-spacing:-.06em;color:var(--afzali-ember)}.afzali-word{font-size:1.02rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--afzali-ink)}.afzali-tag{display:none;font-size:.72rem;color:var(--afzali-ink-soft)}@media (min-width:640px){.afzali-mark{width:2.55rem;height:2.55rem}.afzali-word{font-size:1.12rem}.afzali-tag{display:block}}.afzali-stage{position:relative;display:grid;grid-template-areas:"visual" "paper" "dock" "bottom"}.afzali-visual{grid-area:visual;position:relative;isolation:isolate;min-height:min(52vh,28rem);overflow:hidden;background:#120c08}.afzali-dock{grid-area:dock}.afzali-bottom{grid-area:bottom;display:flex;flex-direction:column;gap:.55rem;padding:0 1.1rem 1.2rem}@media (min-width:640px){.afzali-bottom{padding-inline:1.6rem}}@media (min-width:960px){.afzali-stage{height:100dvh;grid-template-columns:minmax(22rem,.92fr) minmax(26rem,1.08fr);grid-template-areas:"paper visual"}.afzali-visual{min-height:100%}.afzali-visual:after{content:"";position:absolute;z-index:3;inset-block:0;inset-inline-start:0;width:5.5rem;background:linear-gradient(to left,color-mix(in srgb,var(--afzali-paper) 42%,transparent),transparent);pointer-events:none}}.afzali-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}@media (min-width:960px){.afzali-photo{object-position:46% 40%}}.afzali-bloom,.afzali-shade{position:absolute;inset:0;pointer-events:none}.afzali-bloom{z-index:1;background:radial-gradient(48% 42% at 50% 58%,color-mix(in srgb,var(--afzali-gold) 34%,transparent),transparent 62%),radial-gradient(28% 24% at 62% 36%,color-mix(in srgb,#fff3c4 22%,transparent),transparent 70%);mix-blend-mode:screen;animation:afzali-bloom 7.5s ease-in-out infinite alternate}.afzali-shade{z-index:2;background:linear-gradient(180deg,rgb(12 8 6/.18),transparent 22%,transparent 72%,rgb(12 8 6/.28))}@media (min-width:960px){.afzali-shade{background:linear-gradient(270deg,transparent,transparent 58%,rgb(18 12 8/.22)),linear-gradient(180deg,rgb(12 8 6/.22),transparent 18%,transparent 78%,rgb(12 8 6/.3))}}.afzali-paper{grid-area:paper;position:relative;display:flex;flex-direction:column;gap:1.35rem;padding:1.25rem 1.1rem 1.4rem;overflow:hidden;background:radial-gradient(120% 80% at 100% 0,#f7f0e0 0,transparent 46%),var(--afzali-paper)}@media (min-width:640px){.afzali-paper{padding:1.5rem 1.6rem 1.6rem}}@media (min-width:960px){.afzali-paper{padding:calc(var(--afzali-top) + 1.1rem) 2.4rem 1.35rem 1.8rem;justify-content:space-between}}.afzali-sketch{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;opacity:.22;mix-blend-mode:multiply}.afzali-bottom,.afzali-copy,.afzali-dock,.afzali-foot,.afzali-grades{position:relative;z-index:1}.afzali-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;max-width:34rem}.afzali-kicker{margin:0;font-size:.95rem;font-weight:700;color:var(--afzali-ember)}.afzali-title{margin:0;font-size:clamp(2rem,6.4vw,3.35rem);font-weight:800;letter-spacing:-.04em;line-height:1.18;color:var(--afzali-ink);text-wrap:balance}.afzali-lead{margin:0;max-width:28rem;font-size:.98rem;line-height:1.85;color:var(--afzali-ink-soft)}.afzali-cta{display:flex;flex-wrap:wrap;gap:.7rem;width:100%;padding-top:.15rem}.afzali-btn{display:inline-flex;min-height:2.85rem;min-width:7.5rem;align-items:center;justify-content:center;padding:.55rem 1.35rem;border-radius:999px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.afzali-btn:focus-visible{outline:2px solid var(--afzali-ember);outline-offset:3px}.afzali-btn--fill{background:var(--afzali-ember);color:#fffdf8;box-shadow:0 10px 22px -14px rgb(180 83 9/.9)}.afzali-btn--fill:hover{background:color-mix(in srgb,var(--afzali-ember) 86%,#1c1410)}.afzali-btn--ghost{border:1px solid color-mix(in srgb,#3f2e22 16%,transparent);background:color-mix(in srgb,#fffdf8 70%,transparent);color:var(--afzali-ink)}.afzali-btn--ghost:hover{background:#fffdf8;border-color:color-mix(in srgb,var(--afzali-ember) 35%,transparent)}.afzali-btn:active{transform:translateY(1px)}.afzali-dock{display:grid;gap:.75rem;padding:0 1.1rem .35rem}@media (min-width:640px){.afzali-dock{grid-template-columns:1fr 1fr;padding-inline:1.6rem}}@media (min-width:960px){.afzali-dock{z-index:20;bottom:8.4rem;padding:0 1rem}.afzali-bottom,.afzali-dock{position:absolute;left:50%;width:min(46rem,72vw);transform:translateX(-50%)}.afzali-bottom{z-index:21;bottom:.7rem;padding:0 1rem .2rem}.afzali-foot,.afzali-grades{max-width:none}.afzali--games .afzali-paper{padding-bottom:1.2rem}}.afzali-game{display:flex;flex-direction:column;gap:.55rem;min-height:8.6rem;padding:.95rem 1rem .9rem;border-radius:1.15rem;border:1px solid rgb(255 255 255/.62);background:var(--afzali-glass);box-shadow:0 18px 36px -22px rgb(28 20 12/.48),inset 0 1px 0 rgb(255 255 255/.8);backdrop-filter:blur(16px);text-decoration:none;color:inherit;text-align:right;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.afzali-game:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--afzali-gold) 55%,white);box-shadow:0 22px 40px -20px rgb(28 20 12/.55)}.afzali-game:focus-visible{outline:2px solid var(--afzali-ember);outline-offset:3px}.afzali-game-mark{display:flex;min-height:3.1rem;align-items:center;justify-content:center}.afzali-tiles{display:flex;gap:.35rem}.afzali-tile{display:grid;width:2.05rem;height:2.05rem;place-items:center;border-radius:.45rem;border:1px solid color-mix(in srgb,var(--afzali-ember) 22%,#e8dcc8);background:#fffdf8;font-size:.72rem;font-weight:700;color:var(--afzali-ink)}.afzali-tile:nth-child(odd){background:color-mix(in srgb,var(--afzali-ember) 10%,#fffdf8);color:var(--afzali-ember)}.afzali-game-kicker{margin:0;font-size:.72rem;color:var(--afzali-ink-soft)}.afzali-game-title{margin:0;font-size:1rem;font-weight:700}.afzali-game-blurb{margin:0;display:-webkit-box;overflow:hidden;font-size:.8rem;line-height:1.65;color:var(--afzali-ink-soft);-webkit-box-orient:vertical;-webkit-line-clamp:2}.afzali-game-go{margin-top:auto;font-size:.82rem;font-weight:700;color:var(--afzali-ember)}.afzali-grades{display:flex;flex-direction:column;gap:.7rem;padding-top:.15rem}.afzali-grades h2{margin:0;text-align:center;font-size:.92rem;font-weight:700}.afzali-grade-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.afzali-grade{display:inline-flex;min-height:2.7rem;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,#3f2e22 14%,transparent);background:color-mix(in srgb,#fffdf8 72%,transparent);color:var(--afzali-ink);font-size:.92rem;font-weight:700;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.afzali-grade:focus-visible,.afzali-grade:hover{background:#fffdf8;border-color:color-mix(in srgb,var(--afzali-ember) 40%,transparent)}.afzali-grade:focus-visible{outline:2px solid var(--afzali-ember);outline-offset:3px}.afzali-foot{display:flex;justify-content:center;padding-top:.15rem;padding-bottom:env(safe-area-inset-bottom,0);font-size:.75rem;color:var(--afzali-ink-soft)}.afzali--static .afzali-bloom,.afzali--static .afzali-btn,.afzali--static .afzali-game{animation:none;transition:none}@media (prefers-reduced-motion:reduce){.afzali-bloom,.afzali-btn,.afzali-game,.afzali-grade{animation:none;transition:none}}@keyframes afzali-bloom{0%{opacity:.72;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}