:root{--primary: #2D9B8F;--primary-hover: #237E74;--dark: #2D3250;--darker: #1E213A;--light: #F5F7FA;--white: #ffffff;--text-main: #333333;--text-muted: #666666;--glass: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .3);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-main);background-color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--white)}[dir=rtl]{font-family:Tajawal,sans-serif}a{font-weight:600;color:var(--primary);text-decoration:inherit;transition:all .3s ease}a:hover{color:var(--primary-hover);opacity:1!important}h1,h2,h3,h4,h5,h6{line-height:1.1;font-weight:800}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:700;font-family:inherit;background-color:var(--primary);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #2d9b8f33}button:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:fadeInUp .8s cubic-bezier(.22,1,.36,1) forwards}.card-hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a!important;border-color:#2d9b8f26!important}@keyframes pulse-teal{0%{box-shadow:0 0 #2d9b8f66}70%{box-shadow:0 0 0 20px #2d9b8f00}to{box-shadow:0 0 #2d9b8f00}}.play-button-pulse{animation:pulse-teal 2s infinite}.story-item-hover:hover{background-color:#ffffff14!important}.scene-background{height:100vh;height:100lvh}