:root{--ease-mist:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--stagger:70ms}@keyframes ruMist{0%{opacity:0;filter:blur(5px);translate:0 18px;scale:.985}60%{filter:blur()}to{opacity:1;filter:blur();translate:0;scale:1}}@keyframes ruFadeSoft{0%{opacity:0}to{opacity:1}}@keyframes ruInk{0%{clip-path:inset(0 100% 0 0);opacity:0;translate:-6px}30%{opacity:1}to{clip-path:inset(0 -2% 0 0);opacity:1;translate:0}}@keyframes ruTwinkle{0%,to{opacity:.15;scale:.7}50%{opacity:.9;scale:1.15}}@keyframes ruDrift{0%,to{opacity:.55;translate:0}50%{opacity:.9;translate:14px 10px}}@keyframes ruNavPop{0%{translate:0 4px;scale:.7}55%{translate:0 -3px;scale:1.22}to{translate:0;scale:1}}@keyframes ruDot{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes ruFloat{0%,to{translate:0}50%{translate:0 -5px}}.route-transition :is(main>:not(:only-child):not([class*=container i]),main>:only-child>*,main>[class*=container i]>*):not(.page-enter,.animate-slide-up,.ru-section,style,script,[role=dialog],.modal-backdrop,.modal-sheet,[style*="position: fixed"],[style*=position\:fixed]){animation:ruMist .62s var(--ease-mist) both;animation-delay:calc(var(--i,0) * var(--stagger))}.route-transition :is(main>:only-child,main>[class*=container i]):not(.page-enter,.animate-slide-up,style,script){animation:.38s both ruFadeSoft}.route-transition :is(main>*,main>:only-child>*,main>[class*=container i]>*):first-child{--i:0}.route-transition :is(main>*,main>:only-child>*,main>[class*=container i]>*):nth-child(2){--i:1}.route-transition :is(main>*,main>:only-child>*,main>[class*=container i]>*):nth-child(3){--i:2}.route-transition :is(main>*,main>:only-child>*,main>[class*=container i]>*):nth-child(4){--i:3}.route-transition :is(main>*,main>:only-child>*,main>[class*=container i]>*):nth-child(5){--i:4}.route-transition :is(main>*,main>:only-child>*,main>[class*=container i]>*):nth-child(6){--i:5}.route-transition :is(main>*,main>:only-child>*,main>[class*=container i]>*):nth-child(7){--i:6}.route-transition :is(main>*,main>:only-child>*,main>[class*=container i]>*):nth-child(8){--i:7}.route-transition :is(main>*,main>:only-child>*,main>[class*=container i]>*):nth-child(9){--i:8}.route-transition :is(main>*,main>:only-child>*,main>[class*=container i]>*):nth-child(n+10){--i:9}.route-transition :is(h1,h2):not(.no-ink){animation:ruInk .9s var(--ease-mist) .12s both}button,a,[role=button]{transition-property:background-color,border-color,color,box-shadow,scale,opacity}button:not(:disabled):active,a:active,[role=button]:active{transition-duration:90ms;scale:.955}button:not(:disabled):not(:active),a:not(:active),[role=button]:not(:active){transition-timing-function:var(--ease-bounce)}.bottom-nav a{position:relative}.bottom-nav a.active svg{animation:ruNavPop .56s var(--ease-bounce) both}.bottom-nav a.active:after{content:"";background:var(--color-accent);width:4px;height:4px;box-shadow:0 0 8px var(--color-accent);animation:ruDot .4s var(--ease-bounce) .12s both;border-radius:50%;position:absolute;top:3px}.islamic-pattern>.dream-sky{pointer-events:none;z-index:3;max-width:430px;height:190px;margin:0 auto;position:fixed;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.dream-sky__glow{background:radial-gradient(circle,#e2c87838,#0000 68%);border-radius:50%;width:220px;height:220px;animation:11s ease-in-out infinite ruDrift;position:absolute;top:-70px;right:-40px}.dream-sky__star{background:var(--color-accent-light);border-radius:50%;width:3px;height:3px;animation:4s ease-in-out infinite ruTwinkle;position:absolute;box-shadow:0 0 6px 1px #e2c8788c}.ru-float{animation:5s ease-in-out infinite ruFloat}@media (prefers-reduced-motion:reduce){.dream-sky{display:none}}
.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;padding:6px 0 18px;display:flex;position:relative}.page-head:after{content:"";background:linear-gradient(90deg, var(--color-accent) 0%, #c9a84c2e 38%, transparent 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.page-head__text{min-width:0}.page-head__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);margin-bottom:6px;font-size:10.5px;font-weight:700;display:block}.page-head h1{font-family:var(--font-cormorant), Georgia, serif;letter-spacing:-.02em;margin:0;font-size:34px;font-weight:600;line-height:1.05;color:var(--color-primary-dark)!important}.page-head p{color:var(--color-text-secondary);margin:8px 0 0;font-size:13.5px;line-height:1.5}.page-head__action{flex-shrink:0;gap:10px;display:flex}[data-theme=dark] .page-head h1{color:#f7e6ca!important}.section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);align-items:center;gap:10px;margin:26px 0 12px;font-size:10.5px;font-weight:700;display:flex}.section-label:after{content:"";background:linear-gradient(90deg,#c9a84c59,#0000);flex:1;height:1px}.home-greet{justify-content:space-between;align-items:flex-end;gap:12px;padding:4px 2px 16px;display:flex}.home-greet__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.home-greet h1{font-family:var(--font-cormorant), Georgia, serif;letter-spacing:-.02em;margin:0;font-size:32px;font-weight:600;line-height:1.05;color:var(--color-primary-dark)!important}[data-theme=dark] .home-greet h1{color:#f7e6ca!important}.home-streak{color:var(--color-primary);background:#c9a84c1a;border:1px solid #c9a84c4d;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}[data-theme=dark] .home-streak{color:var(--color-accent-light)}.hero-frame{aspect-ratio:924/646;border-radius:var(--radius-hero);background:radial-gradient(120% 90% at 78% 30%,#e2c87847,#0000 55%),linear-gradient(145deg,#1b5a42 0%,#0f3a2a 60%,#082419 100%);position:relative;overflow:hidden}.hero-frame button{position:absolute;inset:0}.home-last{border-radius:var(--radius-2xl);background:linear-gradient(135deg, #c9a84c1a, #c9a84c05 60%), var(--color-surface);box-shadow:var(--shadow-soft);border:1px solid #c9a84c42;margin-bottom:4px;padding:16px 18px;text-decoration:none;display:block}.home-last small{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:6px;font-size:10.5px;font-weight:700;display:block}.home-last p{font-family:var(--font-cormorant), Georgia, serif;color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:19px;line-height:1.35;display:-webkit-box;overflow:hidden}.home-list{border-top:1px solid var(--color-border)}.home-row{border-bottom:1px solid var(--color-border);color:var(--color-text);grid-template-columns:40px 1fr 16px;align-items:center;gap:14px;padding:15px 2px;text-decoration:none;display:grid}.home-row__icon{width:40px;height:40px;color:var(--color-accent);background:#c9a84c1a;border:1px solid #c9a84c47;border-radius:50%;place-items:center;display:grid}.home-row h4{font-family:var(--font-cormorant), Georgia, serif;margin:0;font-size:19px;font-weight:600;line-height:1.15;color:var(--color-primary-dark)!important}[data-theme=dark] .home-row h4{color:#f7e6ca!important}.home-row p{color:var(--color-text-secondary);margin:2px 0 0;font-size:12.5px}.home-row svg.chev{color:var(--color-text-muted);transition:translate .22s var(--ease-mist,ease)}@media (hover:hover){.home-row:hover svg.chev{translate:3px}}.home-row:active{background:#c9a84c0f}.premium-card{background:linear-gradient(180deg, #ffffff80, transparent 40%), var(--color-surface)}[data-theme=dark] .premium-card{background:var(--color-surface)}