/* --------------------------------------------------------------------------
   نسخه ۲.۵ — لایه تصویری فلسفی، جوان‌پسند و کم‌حجم
   -------------------------------------------------------------------------- */
body::before{position:fixed;z-index:-3;inset:0;content:"";opacity:.24;background:url('../images/philosophy/cosmic-wisdom.webp') center top/cover no-repeat;pointer-events:none}body::after{position:fixed;z-index:-2;right:-140px;bottom:-130px;width:520px;height:420px;content:"";opacity:.16;background:url('../images/philosophy/path-orbit.webp') center/contain no-repeat;filter:drop-shadow(0 20px 50px rgba(91,72,215,.2));pointer-events:none;animation:philosophyFloat 16s ease-in-out infinite}.main-content::before{position:fixed;z-index:-1;top:110px;left:-75px;width:250px;height:250px;content:"";opacity:.16;background:url('../images/philosophy/wisdom-orbit.gif') center/contain no-repeat;pointer-events:none}.hero-card{isolation:isolate;overflow:hidden}.hero-card::before{position:absolute;z-index:-2;inset:0;content:"";opacity:.2;background:url('../images/philosophy/geometric-mind.jpg') center/cover no-repeat;mix-blend-mode:soft-light}.hero-card::after{position:absolute;z-index:-1;top:-70px;left:-40px;width:330px;height:280px;content:"";opacity:.22;background:url('../images/philosophy/path-orbit.webp') center/contain no-repeat;transform:rotate(15deg);pointer-events:none}.wisdom-card{position:relative;overflow:hidden}.wisdom-card::after{position:absolute;left:-45px;bottom:-80px;width:210px;height:210px;content:"";opacity:.16;background:url('../images/philosophy/wisdom-orbit.gif') center/contain no-repeat}.view-intro{position:relative;overflow:hidden}.view-intro::after{position:absolute;left:0;top:50%;width:240px;height:190px;content:"";opacity:.12;background:url('../images/philosophy/path-orbit.webp') center/contain no-repeat;transform:translateY(-50%);pointer-events:none}.event-card,.journey-card,.lesson-card,.leaderboard-row,.profile-card,.surface-card{position:relative;isolation:isolate;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}.event-card::after,.journey-card::after,.lesson-card::after{position:absolute;z-index:-1;left:-60px;bottom:-85px;width:180px;height:180px;content:"";opacity:.055;background:url('../images/philosophy/geometric-mind.jpg') center/cover;border-radius:50%;transform:rotate(-10deg);transition:opacity .25s,transform .5s}.event-card:hover,.journey-card:hover,.lesson-card:hover,.leaderboard-row:hover,.surface-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(21,26,54,.16)}.event-card:hover::after,.journey-card:hover::after,.lesson-card:hover::after{opacity:.11;transform:rotate(12deg) scale(1.08)}.bottom-nav button{transition:transform .22s,color .22s,background .22s}.bottom-nav button:hover{transform:translateY(-3px)}.app-view:not([hidden]){animation:philosophyViewIn .42s cubic-bezier(.2,.8,.2,1) both}.app-view:not([hidden])>*{animation:philosophyCardIn .45s cubic-bezier(.2,.8,.2,1) both}.app-view:not([hidden])>*:nth-child(2){animation-delay:.04s}.app-view:not([hidden])>*:nth-child(3){animation-delay:.08s}.app-view:not([hidden])>*:nth-child(4){animation-delay:.12s}.btn,.icon-button{position:relative;overflow:hidden}.btn::after,.icon-button::after{position:absolute;inset:50%;content:"";border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%) scale(0);transition:transform .45s,opacity .45s;opacity:0}.btn:active::after,.icon-button:active::after{transform:translate(-50%,-50%) scale(8);opacity:1;transition:0s}.header-brand-emblem{filter:drop-shadow(0 8px 18px rgba(104,76,200,.24));animation:emblemBreath 5s ease-in-out infinite}.philosophy-media-note{display:flex;padding:10px 12px;gap:9px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));align-items:center}.philosophy-media-note i{color:var(--primary)}
@keyframes philosophyFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-18px,-15px,0) rotate(4deg)}}@keyframes philosophyViewIn{from{opacity:0;transform:translateX(-12px) scale(.992)}}@keyframes philosophyCardIn{from{opacity:0;transform:translateY(12px)}}@keyframes emblemBreath{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.07);opacity:1}}
@media(max-width:760px){body::after{right:-210px;bottom:-150px;opacity:.1}.main-content::before{left:-135px;opacity:.1}.hero-card::after{left:-130px}.view-intro::after{left:-90px}}
@media(prefers-reduced-motion:reduce){body::after,.header-brand-emblem,.app-view:not([hidden]),.app-view:not([hidden])>*{animation:none!important}.event-card,.journey-card,.lesson-card,.leaderboard-row,.surface-card,.bottom-nav button{transition:none!important}}