@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-10{z-index:10}.container{width:100%}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.italic{font-style:italic}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.select-none{-webkit-user-select:none;user-select:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;direction:rtl;font-size:16px}body{color:#f0e0e8;cursor:none;background:#070712;font-family:Cairo,sans-serif;overflow-x:hidden}*{cursor:none!important}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#070712}::-webkit-scrollbar-thumb{background:#8b3060;border-radius:2px}::selection{color:#fff;background:#c8648240}.cursor{pointer-events:none;z-index:99999;filter:drop-shadow(0 0 6px #c86482b3);font-size:1.1rem;line-height:1;transition:font-size .15s;position:fixed;top:-100px;left:-100px;transform:translate(-50%,-50%)}.cursor.big{font-size:1.6rem}.scroll-bar{z-index:9999;background:linear-gradient(90deg,#8b3060,#c8829a,#9b7fbb);height:2px;transition:width .1s linear;position:fixed;top:0;left:0}.loading-overlay{z-index:10000;background:#070712;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.pulse{animation:1.5s ease-in-out infinite pulse}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.7s forwards fadeUp}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:4s ease-in-out infinite float}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.9}}.card{-webkit-backdrop-filter:blur(12px);background:#ffc8dc0a;border:1px solid #c8829a1f;border-radius:16px;transition:border-color .3s,box-shadow .3s,transform .3s}.card:hover{border-color:#c8829a4d;transform:translateY(-4px);box-shadow:0 8px 32px #8b306033}.btn{color:#fff;cursor:none;background:linear-gradient(135deg,#6b1a3a,#9b3060);border:1px solid #c8829a4d;border-radius:50px;align-items:center;gap:8px;padding:14px 36px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{background:linear-gradient(135deg,#8b3060,#c8829a);transform:translateY(-2px)scale(1.03);box-shadow:0 8px 28px #8b306073}.btn:active{transform:scale(.97)}.section{max-width:900px;margin:0 auto;padding:5rem 1.5rem;position:relative}.section-label{color:#c8829a;letter-spacing:.15em;text-align:center;margin-bottom:.75rem;font-size:.8rem}.section-title{text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e8a0b8,#c8829a);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Amiri,serif;font-size:clamp(1.8rem,4vw,2.8rem)}.section-sub{text-align:center;color:#9b7fbb;margin-bottom:3rem;font-size:.95rem}.divider{background:linear-gradient(90deg,#0000,#c8829a,#0000);width:60px;height:1px;margin:0 auto 3rem}.audio-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:900;direction:ltr;background:#070712eb;border-top:1px solid #c8829a1f;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.audio-bar audio{accent-color:#c8829a;flex:1;height:32px}.heart-tracker{z-index:999;color:#c8829a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);direction:ltr;background:#070712d9;border:1px solid #c8829a33;border-radius:50px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;display:flex;position:fixed;top:16px;left:16px}.h-heart{opacity:0;z-index:10;font-size:1rem;transition:transform .2s,opacity .2s;animation:3s ease-in-out infinite twinkle;position:absolute}.h-heart.visible{opacity:.35}.h-heart.found{opacity:0;pointer-events:none!important}.h-heart.visible:hover{opacity:1;transform:scale(1.4)}.envelope{aspect-ratio:4/3;cursor:none;width:100%;max-width:280px;position:relative}.envelope-body{background:linear-gradient(160deg,#2d1330,#1a0d22);border:1px solid #c8829a33;border-radius:4px 4px 8px 8px;justify-content:center;align-items:center;transition:box-shadow .3s;display:flex;position:absolute;inset:20px 0 0;overflow:hidden}.envelope:hover .envelope-body{box-shadow:0 8px 30px #8b306059}.envelope-flap{clip-path:polygon(0% 0%,100% 0%,50% 100%);transform-origin:top;z-index:2;background:linear-gradient(170deg,#3d1840,#2d1330);border:1px solid #c8829a33;border-radius:4px 4px 0 0;height:50%;transition:transform .5s,opacity .5s;position:absolute;top:0;left:0;right:0}.envelope.open .envelope-flap{opacity:0;transform:rotateX(-180deg)}.seal{z-index:3;background:radial-gradient(circle,#9b3060,#6b1a3a);border:1px solid #c8829a66;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:transform .3s,opacity .3s;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.envelope.open .seal{opacity:0;transform:translate(-50%,-50%)scale(0)}.letter-content{color:#e8d0d8;text-align:right;opacity:0;direction:rtl;max-height:150px;padding:1rem 1.2rem;font-family:Amiri,serif;font-size:.88rem;line-height:1.9;transition:opacity .4s .3s;overflow:auto}.envelope.open .letter-content{opacity:1}.flip-wrap{perspective:800px}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.flip-wrap.flipped .flip-inner{transform:rotateY(180deg)}.flip-face,.flip-back{backface-visibility:hidden;text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:.75rem;display:flex;position:absolute;inset:0}.flip-back{transform:rotateY(180deg)}.timeline-line{background:linear-gradient(#0000,#c8829a 20% 80%,#0000);width:1px;position:absolute;top:0;bottom:0;right:20px}@media (max-width:640px){.timeline-line{right:16px}}@keyframes fw-rise{0%{opacity:1;transform:translateY(0)scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-80px)scale(0)}}.fw-particle{pointer-events:none;font-size:1.2rem;animation:.9s forwards fw-rise;position:absolute}@media (max-width:640px){.section{padding:4rem 1rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}