:root{--color-blush: #F2B5B5;--color-lavender: #D4C5E2;--color-cream: #FFF8E7;--color-gold: #D4A574;--color-text: #2D2A26;--color-text-secondary: #6B6560;--color-text-light: #FFFFFF;--font-display: "Aref Ruqaa", serif;--font-body: "Noto Naskh Arabic", serif;--scene-height: 100dvh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-cream);line-height:1.8;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.4}#root{min-height:100%}.skip-btn{position:absolute;bottom:3rem;font-family:var(--font-body);font-size:.85rem;color:inherit;opacity:.25;background:none;border:1px solid currentColor;border-radius:2rem;padding:.5rem 1.5rem;cursor:pointer;transition:opacity .3s ease;direction:rtl}.skip-btn:hover,.skip-btn:active{opacity:.5}.loader{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;background:radial-gradient(ellipse at center,rgba(242,181,181,.15) 0%,var(--color-cream) 65%);z-index:100;opacity:0;animation:loader-fade-in .5s ease forwards}.loader__heart{font-size:4rem;color:var(--color-blush);line-height:1;animation:heartbeat 1.6s cubic-bezier(.4,0,.2,1) infinite;filter:drop-shadow(0 0 .4rem rgba(242,181,181,.3));will-change:transform,filter}.loader__text{font-family:var(--font-display);font-size:1.2rem;color:var(--color-text-secondary);opacity:0;animation:text-fade .8s ease .6s forwards}@keyframes loader-fade-in{to{opacity:1}}@keyframes heartbeat{0%{transform:scale(1);filter:drop-shadow(0 0 .4rem rgba(242,181,181,.2))}12%{transform:scale(1.18);filter:drop-shadow(0 0 1.4rem rgba(242,181,181,.6))}24%{transform:scale(.97);filter:drop-shadow(0 0 .3rem rgba(242,181,181,.15))}36%{transform:scale(1.12);filter:drop-shadow(0 0 1rem rgba(242,181,181,.5))}50%{transform:scale(1);filter:drop-shadow(0 0 .4rem rgba(242,181,181,.2))}to{transform:scale(1);filter:drop-shadow(0 0 .4rem rgba(242,181,181,.2))}}@keyframes text-fade{to{opacity:.4}}.gate{width:100%;height:var(--scene-height);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;cursor:text}.gate__title{font-family:var(--font-display);font-size:2rem;color:var(--color-text);opacity:.7;margin-bottom:3rem}.gate__slots{display:flex;gap:1.5rem;justify-content:center}.gate__slots--shake{animation:gate-shake .5s ease}.gate__slot{width:4.5rem;height:4.5rem;border-radius:50%;border:2px solid rgba(45,42,38,.15);display:flex;align-items:center;justify-content:center;transition:border-color .3s ease,background .3s ease}.gate__slot--filled{border-color:#2d2a264d;background:#ffffff4d}.gate__heart{font-size:1.8rem;color:#c0392b;animation:gate-heart-pop .3s cubic-bezier(.175,.885,.32,1.275)}.gate__hidden-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}@keyframes gate-heart-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes gate-shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-12px)}30%,70%{transform:translate(12px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.scene{height:var(--scene-height);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem;background:var(--scene-accent, var(--color-cream));position:relative;scroll-snap-align:start;scroll-snap-stop:always}.scene--dark{background:var(--scene-accent, #1A1A2E);color:var(--color-text-light)}.scene__number{font-family:var(--font-display);font-size:5rem;opacity:.08;line-height:1;margin-bottom:.5rem}.scene__title{font-family:var(--font-display);font-size:2rem;opacity:.3;margin-bottom:1rem}.scene__placeholder{font-family:var(--font-body);font-size:1rem;opacity:.2}.scroll-container{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.shatter{position:fixed;inset:0;z-index:100;pointer-events:none}.shatter__fragment{position:absolute;will-change:transform,opacity;background:var(--fragment-color, #f2b5b5);clip-path:polygon(50% 18%,65% 3%,80% 0%,95% 5%,100% 20%,100% 38%,88% 55%,70% 72%,50% 92%,30% 72%,12% 55%,0% 38%,0% 20%,5% 5%,20% 0%,35% 3%)}.letter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;min-height:100%;text-align:center}.letter__line{font-family:var(--font-body);font-size:1.1rem;line-height:1.8;color:#fff;max-width:85vw}.letter__word{display:inline}.letter__line--greeting{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:.01em}.letter__btn-container{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem}.letter__btn{font-family:var(--font-display);font-size:1.2rem;color:#ffffffd9;background:none;border:none;cursor:pointer;padding:.5rem 1.5rem;transition:color .3s ease,text-shadow .3s ease}.letter__btn:hover{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.25)}.letter__btn-hint{font-family:var(--font-body);font-size:.85rem;color:#fff9;margin-top:.5rem;opacity:0}.morning{position:absolute;inset:0;display:flex;direction:rtl;overflow:hidden}.morning__warm{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;z-index:1;overflow:hidden}.morning__warm:before,.morning__warm:after{content:"";position:absolute;border-radius:50%;pointer-events:none;mix-blend-mode:multiply}.morning__warm:before{width:140%;height:120%;top:-20%;right:-30%;background:radial-gradient(ellipse at 30% 40%,rgba(255,228,181,.7) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(242,181,181,.4) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(212,197,226,.3) 0%,transparent 50%);filter:blur(30px);animation:morning-breathe 7s ease-in-out infinite alternate}.morning__warm:after{width:80%;height:80%;bottom:-10%;left:-10%;background:radial-gradient(ellipse at 40% 50%,rgba(212,165,116,.35) 0%,transparent 55%),radial-gradient(ellipse at 60% 30%,rgba(255,248,231,.5) 0%,transparent 50%);filter:blur(40px);animation:morning-breathe 9s ease-in-out 1s infinite alternate}.morning__wash{position:absolute;inset:0;pointer-events:none;z-index:0}.morning__wash-blob{position:absolute;border-radius:50%;filter:blur(50px);opacity:.5}.morning__wash-blob--1{width:60%;height:50%;top:5%;right:10%;background:radial-gradient(circle,rgba(255,228,181,.6) 0%,transparent 70%);animation:morning-float 8s ease-in-out infinite alternate}.morning__wash-blob--2{width:45%;height:40%;bottom:15%;left:5%;background:radial-gradient(circle,rgba(242,181,181,.4) 0%,transparent 70%);animation:morning-float 10s ease-in-out 2s infinite alternate}.morning__wash-blob--3{width:35%;height:35%;top:40%;right:30%;background:radial-gradient(circle,rgba(212,197,226,.35) 0%,transparent 65%);animation:morning-float 7s ease-in-out 1s infinite alternate}.morning__warm-bg{position:absolute;inset:0;background:linear-gradient(160deg,#fff8e7e6,#ffe4b599 35%,#f2b5b54d 65%,#d4c5e233);z-index:-1}.morning__content{position:relative;z-index:2;text-align:center;max-width:90%}.morning__title{font-family:var(--font-display);font-size:1.8rem;color:#5c3d2e;margin-bottom:1.2rem;line-height:1.5}.morning__body{font-family:var(--font-body);font-size:1rem;color:#6b5b4e;line-height:2;margin-bottom:.4rem}.morning__callout{font-family:var(--font-display);font-size:1.4rem;color:#c2703e;margin:.8rem 0;line-height:1.6}.morning__laptop-side{flex:0 0 38%;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#c8d2e166,#aab9d240,#96a5c326);overflow:hidden}.morning__laptop-side:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(180,195,220,.3) 0%,transparent 70%);filter:blur(20px)}.morning__laptop{position:relative;width:70%;max-width:180px;z-index:1}.morning__laptop-screen{width:100%;aspect-ratio:4 / 3;background:#2b3040;border-radius:6px 6px 0 0;border:2px solid #4a5068;padding:10% 8%;display:flex;flex-direction:column;gap:6px;overflow:hidden;box-shadow:0 0 20px #4a506826,inset 0 0 30px #0003}.morning__code-line{height:3px;border-radius:2px;opacity:.5}.morning__code-line--1{width:75%;background:#6b8db5}.morning__code-line--2{width:55%;background:#8b9dc3}.morning__code-line--3{width:85%;background:#5a7fa0}.morning__code-line--4{width:40%;background:#7a9bb8}.morning__code-line--5{width:65%;background:#6b8db5}.morning__code-line--6{width:50%;background:#8b9dc3}.morning__code-line--7{width:70%;background:#5a7fa0}.morning__code-line--8{width:35%;background:#7a9bb8}.morning__laptop-base{width:110%;height:8px;margin-right:-5%;background:linear-gradient(180deg,#6b7590,#8890a5);border-radius:0 0 4px 4px;position:relative}.morning__laptop-base:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:25%;height:3px;background:#9ba3b8;border-radius:0 0 3px 3px}@keyframes morning-breathe{0%{transform:scale(1);opacity:.5}to{transform:scale(1.05);opacity:.7}}@keyframes morning-float{0%{transform:translate(0) scale(1)}to{transform:translate(8px,-6px) scale(1.04)}}@media(max-width:768px),(orientation:portrait){.morning{flex-direction:column}.morning__warm{flex:1;min-height:60%;padding:1.5rem 1rem}.morning__laptop-side{flex:0 0 35%}.morning__title{font-size:1.5rem}.morning__body{font-size:.95rem}.morning__callout{font-size:1.2rem}.morning__laptop{max-width:140px}}