@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-arabic-400-normal-DN15VWMM.woff2) format("woff2"),url(/assets/cairo-arabic-400-normal-CAYwymWN.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cairo-arabic-500-normal-DDl0i4Xv.woff2) format("woff2"),url(/assets/cairo-arabic-500-normal-BADfnM6v.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cairo-arabic-600-normal-rkrvveqO.woff2) format("woff2"),url(/assets/cairo-arabic-600-normal-B3EOalmC.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-arabic-700-normal-D3nDedWX.woff2) format("woff2"),url(/assets/cairo-arabic-700-normal-CyOqhaeK.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-arabic-800-normal-G1qvPr6G.woff2) format("woff2"),url(/assets/cairo-arabic-800-normal-CVTPwINa.woff) format("woff")}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/aref-ruqaa-arabic-400-normal-AKnCEuAE.woff2) format("woff2"),url(/assets/aref-ruqaa-arabic-400-normal-DTcVTQXE.woff) format("woff")}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/aref-ruqaa-arabic-700-normal-D30apH1C.woff2) format("woff2"),url(/assets/aref-ruqaa-arabic-700-normal-DLleZ2O-.woff) format("woff")}:root{color-scheme:dark;--bg: #12070f;--bg-soft: #190b16;--panel: #1d0e19;--panel-2: #271320;--text: #fff7e9;--muted: #cbbcc2;--gold: #e8c777;--gold-soft: #f5df9e;--line: #4e3542;--light: #f7f0e7;--ink: #24151e;--danger: #ff8f9c;--success: #9fd8b4;--shadow: 0 30px 90px rgba(0, 0, 0, .34);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--radius-lg: 30px;--radius-md: 22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;font-family:Cairo,system-ui,sans-serif;background:radial-gradient(circle at 12% 8%,rgba(113,57,84,.18),transparent 28rem),radial-gradient(circle at 88% 22%,rgba(232,199,119,.07),transparent 24rem),var(--bg);color:var(--text);line-height:1.75;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:soft-light}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img,video{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 72%,white);outline-offset:4px}h1,h2,h3,p{text-wrap:balance}.hero h1,.section h1,.section h2,.form-panel h1,.surprise-hero h1,.gate h1,.letter h2,.ending h2{font-family:Aref Ruqaa,Cairo,serif;letter-spacing:-.025em}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(18px,5vw,72px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:#12070fc7;backdrop-filter:blur(20px) saturate(130%)}.nav nav{display:flex;gap:26px;color:var(--muted)}.nav nav a{transition:color .25s var(--ease-out),transform .25s var(--ease-out)}.nav nav a:hover{color:var(--text);transform:translateY(-1px)}.nav-actions{display:flex;gap:10px}.brand{position:relative;font-weight:800;font-size:1.35rem;color:var(--gold)}.brand:after{content:"✦";position:absolute;inset-inline-end:-16px;top:-7px;font-size:.55rem;opacity:.8;animation:brandSparkle 2.8s ease-in-out infinite}.ghost,.btn{position:relative;isolation:isolate;overflow:hidden;border-radius:999px;cursor:pointer;transition:transform .38s var(--ease-out),box-shadow .38s var(--ease-out),border-color .38s var(--ease-out),background .38s var(--ease-out),color .38s var(--ease-out)}.ghost:before,.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.26) 48%,transparent 76%);transform:translate(130%);transition:transform .7s var(--ease-out)}.ghost:hover:before,.btn:hover:before{transform:translate(-130%)}.ghost:hover,.btn:hover{transform:translateY(-3px) scale(1.015)}.ghost:active,.btn:active{transform:translateY(0) scale(.98)}.ghost{border:1px solid var(--line);background:#ffffff06;color:inherit;padding:9px 15px}.ghost:hover{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));background:#ffffff0d}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:0;background:linear-gradient(135deg,var(--gold-soft),var(--gold));color:#25140d;padding:12px 23px;font-weight:800;box-shadow:0 12px 30px #e8c7771f}.btn:hover{box-shadow:0 18px 38px #e8c77738}.btn.secondary{background:#ffffff06;color:var(--text);border:1px solid var(--line);box-shadow:none}.btn[disabled]{opacity:.6;cursor:wait;pointer-events:none}.hero{position:relative;min-height:82vh;display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(44px,7vw,110px);align-items:center;padding:80px clamp(20px,7vw,110px) 92px}.hero:after{content:"";position:absolute;width:320px;height:320px;inset-inline-start:42%;bottom:7%;border-radius:50%;background:#e8c7770f;filter:blur(60px);pointer-events:none}.hero h1,.section h1,.section h2,.form-panel h1,.surprise-hero h1{font-size:clamp(2.7rem,6vw,6.4rem);line-height:1.06;margin:.2em 0}.hero-copy{position:relative;z-index:2}.hero-copy h1 span{color:var(--gold)}.hero p{font-size:1.08rem;color:var(--muted);max-width:700px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:.9rem;font-weight:700;letter-spacing:.02em}.actions{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}.micro{color:var(--muted);font-size:.9rem}.hero-card,.preview-card{--tilt-x: 0deg;--tilt-y: 0deg;--glow-x: 50%;--glow-y: 50%;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(255,255,255,.09),transparent 30%),linear-gradient(145deg,#2c1523,#12070f);border:1px solid color-mix(in srgb,var(--line) 84%,var(--gold));border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow);transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(-1.2deg);transition:transform .55s var(--ease-out),border-color .4s var(--ease-out)}.hero-card:before,.preview-card:before{content:"";position:absolute;inset:10px;z-index:-1;border:1px solid rgba(232,199,119,.13);border-radius:22px;pointer-events:none}.hero-card:after,.preview-card:after{content:"✦";position:absolute;top:18px;inset-inline-end:24px;color:var(--gold);opacity:.65;animation:slowFloat 4s ease-in-out infinite}.hero-card:hover{border-color:color-mix(in srgb,var(--gold) 65%,var(--line))}.mini-label{color:var(--gold);margin-bottom:12px;font-size:.85rem}.photo-placeholder{position:relative;isolation:isolate;min-height:260px;overflow:hidden;border-radius:20px;display:grid;place-items:center;background:linear-gradient(140deg,transparent 0 42%,rgba(255,255,255,.06) 43% 45%,transparent 46%),radial-gradient(circle at 28% 25%,#9d6f61,transparent 32%),radial-gradient(circle at 72% 68%,#593248,transparent 38%),linear-gradient(145deg,#38202f,#170b14);color:#f2dfce;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08)}.photo-placeholder:before{content:"◌";position:absolute;width:104px;height:104px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;font-size:3rem;color:#ffffff59;box-shadow:0 0 0 16px #ffffff06,0 0 0 32px #ffffff04}.photo-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.09) 50%,transparent 64%);transform:translate(130%);animation:placeholderShine 5.5s var(--ease-out) infinite}.photo-placeholder>span,.photo-placeholder{text-shadow:0 2px 10px rgba(0,0,0,.5)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);background:#ffffff04}.stats div{padding:26px;text-align:center;border-inline-start:1px solid var(--line)}.stats div:first-child{border-inline-start:0}.stats strong{display:block;font-size:2rem;color:var(--gold)}.stats span{color:var(--muted)}.section{position:relative;padding:96px clamp(20px,7vw,110px)}.section h2{font-size:clamp(2.15rem,4.7vw,5rem);max-width:940px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid3 article,.theme-card,.price-card,.review,.dashboard-card{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff09,#ffffff03);border-radius:var(--radius-md);padding:24px;box-shadow:0 20px 50px #0000001f}.grid3 article{transition:transform .45s var(--ease-out),border-color .45s var(--ease-out),background .45s var(--ease-out)}.grid3 article:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--gold) 48%,var(--line));background:#ffffff0b}.grid3 b{color:var(--gold)}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.theme-card{--tilt-x: 0deg;--tilt-y: 0deg;--glow-x: 50%;--glow-y: 50%;position:relative;isolation:isolate;min-height:210px;overflow:hidden;cursor:pointer;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .48s var(--ease-out),border-color .48s var(--ease-out),box-shadow .48s var(--ease-out)}.theme-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(255,255,255,.1),transparent 35%);opacity:0;transition:opacity .4s var(--ease-out)}.theme-card:hover:before{opacity:1}.theme-card:hover,.theme-card.selected{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-9px) scale(1.012);border-color:color-mix(in srgb,var(--gold) 72%,var(--line));box-shadow:0 26px 60px #00000047}.theme-card.selected:after{content:"✓";position:absolute;top:14px;inset-inline-start:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:900}.theme-swatch{position:relative;height:92px;overflow:hidden;border-radius:16px;margin-bottom:15px;box-shadow:inset 0 0 0 1px #ffffff1a}.theme-swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.22) 50%,transparent 75%);transform:translate(120%);transition:transform .8s var(--ease-out)}.theme-card:hover .theme-swatch:after{transform:translate(-120%)}.theme-badge{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:var(--gold);font-size:.75rem;background:#00000024}.theme-card h3{margin:12px 0 4px}.theme-card p{color:var(--muted);margin:0;font-size:.92rem}.experience,.pricing{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-list p{padding:19px;border-bottom:1px solid var(--line);transition:padding .35s var(--ease-out),color .35s var(--ease-out)}.feature-list p:hover{padding-inline-start:28px;color:var(--gold-soft)}.price-card{position:relative;overflow:hidden}.price-card:after{content:"مجاني";position:absolute;top:20px;inset-inline-end:-38px;width:140px;text-align:center;padding:6px;transform:rotate(35deg);background:var(--gold);color:var(--ink);font-weight:800}.price-card ul{padding-inline-start:20px}.price-card li{margin:10px 0}.cta{text-align:center;padding:110px 20px;background:var(--light);color:var(--ink)}.cta h2{font-size:clamp(2.2rem,5vw,5.3rem);line-height:1.2}footer{text-align:center;padding:38px;color:var(--muted)}.builder{display:grid;grid-template-columns:220px minmax(0,1fr) 340px;gap:24px;padding:26px}.steps,.live-preview{position:sticky;top:90px;align-self:start}.steps{display:grid;gap:8px}.step{position:relative;overflow:hidden;padding:14px;border:1px solid var(--line);background:transparent;color:inherit;text-align:start;border-radius:14px;cursor:pointer;transition:transform .35s var(--ease-out),border-color .35s var(--ease-out),color .35s var(--ease-out),background .35s var(--ease-out)}.step:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--gold);transform:scaleY(0);transition:transform .4s var(--ease-out)}.step:hover{transform:translate(-4px);background:#ffffff06}.step.active{border-color:color-mix(in srgb,var(--gold) 64%,var(--line));color:var(--gold);background:#e8c7770e}.step.active:after{transform:scaleY(1)}.privacy{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:14px;color:var(--muted)}.form-panel{position:relative;overflow:hidden;min-height:720px;background:radial-gradient(circle at 92% 4%,rgba(132,79,101,.1),transparent 18rem),#f8f2e9;color:#28171e;border-radius:var(--radius-lg);padding:32px;box-shadow:0 30px 70px #00000040}.progress{display:flex;align-items:center;gap:16px;margin-bottom:30px}.progress>div{height:6px;flex:1;background:#e5d9cc;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;width:25%;background:linear-gradient(90deg,#7b4b5f,#b27d82);border-radius:inherit;transition:width .7s var(--ease-out)}.form-step{display:none;transform-origin:center top}.form-step.active{display:block}.form-step h1{font-size:clamp(2.15rem,4vw,4.35rem)}label{display:grid;gap:7px;margin:18px 0;font-weight:700}input,textarea{width:100%;padding:13px 15px;border:1px solid #d7c8bb;border-radius:13px;background:#ffffffe0;color:#24151e;transition:border-color .25s var(--ease-out),box-shadow .25s var(--ease-out),transform .25s var(--ease-out)}input:focus,textarea:focus{outline:0;border-color:#8e6074;box-shadow:0 0 0 4px #7b4b5f1a;transform:translateY(-1px)}textarea{resize:vertical}.wizard-actions{display:flex;gap:10px;margin-top:26px}.form-panel .btn.secondary{color:#28171e;border-color:#bfa99b;background:#ffffff85}.memory-row{display:grid;grid-template-columns:1.15fr 1fr auto;gap:12px;align-items:end;border:1px solid #d8c9bc;border-radius:18px;padding:14px;margin:12px 0;background:#ffffff5c;transition:transform .42s var(--ease-out),box-shadow .42s var(--ease-out),border-color .42s var(--ease-out),opacity .25s var(--ease-in)}.memory-row:hover{transform:translateY(-4px);box-shadow:0 16px 32px #3e222c1a;border-color:#b995a3}.media-preview{position:relative;min-height:128px;display:grid;place-items:center;overflow:hidden;border:1px dashed #bca89c;border-radius:14px;background:linear-gradient(145deg,#f3e8dd,#e8d9cf);color:#7b626d}.media-preview img,.media-preview video{width:100%;height:150px;object-fit:cover}.media-preview.has-media span{display:none}.file-meta{color:#78636b;font-size:.78rem;font-weight:500}.picker{grid-template-columns:repeat(3,1fr)}.live-preview .preview-card{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.live-preview .preview-card h2{margin-bottom:10px}.live-preview .preview-card blockquote{margin:18px 0;font-family:Aref Ruqaa,serif;font-size:1.35rem}.preview-card video{width:100%;height:260px;object-fit:cover;border-radius:20px}.save-note{color:var(--muted)}.hint{font-size:.85rem;color:#6d5860}.review{background:#ffffff94;border-color:#d3c1b5}.review-list{display:grid;gap:10px}.review-line{display:flex;justify-content:space-between;gap:20px;padding-bottom:10px;border-bottom:1px solid #ded0c5}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.dashboard-card{--tilt-x: 0deg;--tilt-y: 0deg;--glow-x: 50%;--glow-y: 50%;position:relative;overflow:hidden;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .48s var(--ease-out),border-color .48s var(--ease-out),box-shadow .48s var(--ease-out),opacity .3s var(--ease-in)}.dashboard-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(255,255,255,.08),transparent 36%)}.dashboard-card:hover{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-8px);border-color:color-mix(in srgb,var(--gold) 50%,var(--line));box-shadow:0 28px 60px #00000040}.dashboard-card h3{margin:.3em 0;position:relative}.dashboard-card .actions{margin:15px 0 0;position:relative}.dashboard-theme{height:6px;border-radius:999px;margin-bottom:18px}.stats.compact{margin-top:24px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 24px}.surprise-page{background:#0e0710}.surprise-page.experience-open{overflow:auto}.gate{position:fixed;inset:0;z-index:100;min-height:100vh;display:grid;place-items:center;padding:20px;text-align:center;background:radial-gradient(circle at 50% 24%,rgba(101,56,81,.8),transparent 30rem),radial-gradient(circle at 50% 65%,rgba(232,199,119,.08),transparent 24rem),#10070e}.gate:before,.gate:after{content:"";position:absolute;width:30vw;aspect-ratio:1;border:1px solid rgba(232,199,119,.09);border-radius:50%;animation:gateOrbit 14s linear infinite}.gate:after{width:48vw;animation-duration:22s;animation-direction:reverse}.gate-card{position:relative;z-index:2;width:min(720px,100%);display:grid;justify-items:center;gap:18px;padding:clamp(28px,6vw,66px);border:1px solid rgba(232,199,119,.16);border-radius:36px;background:#140810a8;backdrop-filter:blur(20px);box-shadow:0 50px 120px #00000073}.gate h1{font-size:clamp(3rem,7vw,7rem);line-height:1.02;margin:0}.gate small,.gate>span,.gate-card>span{color:var(--muted)}.seal{position:relative;width:92px;height:92px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:Aref Ruqaa,serif;font-size:2.4rem;box-shadow:0 0 0 12px #e8c77708,0 0 50px #e8c7771f;animation:sealFloat 3.3s ease-in-out infinite}.seal:before,.seal:after{content:"";position:absolute;inset:-9px;border:1px dashed rgba(232,199,119,.25);border-radius:inherit;animation:sealSpin 14s linear infinite}.seal:after{inset:13px;animation-direction:reverse;animation-duration:9s}.gate .btn{animation:gatePulse 2.1s ease-in-out infinite}.gate-countdown{min-height:1.4em;color:var(--gold);font-size:1.15rem;font-weight:800}.transparent{background:linear-gradient(to bottom,rgba(14,7,16,.82),transparent);border:0;position:fixed;width:100%}.surprise-hero{position:relative;min-height:100vh;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:80px 20px;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 28rem),radial-gradient(circle at 50% 30%,#311a28,#0e0710 64%)}.surprise-hero:after{content:"↓";position:absolute;bottom:28px;color:var(--gold);animation:scrollHint 1.8s ease-in-out infinite}.surprise-hero h1{color:var(--gold)}.surprise-hero p{font-size:clamp(1.2rem,2.5vw,1.8rem);max-width:900px}.scroll-progress{position:fixed;inset-inline-start:14px;top:20%;height:60vh;width:4px;background:#ffffff1f;z-index:60;border-radius:9px;overflow:hidden}.scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(to bottom,var(--gold-soft),var(--gold));border-radius:inherit;transform:scaleY(0);transform-origin:top;will-change:transform;box-shadow:0 0 16px color-mix(in srgb,var(--gold) 55%,transparent)}.story,.letter,.ending{padding:110px clamp(20px,10vw,160px)}.story h2,.letter h2,.ending h2{font-size:clamp(2.2rem,5vw,5.2rem)}.story-item{--parallax-y: 0px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,78px);align-items:center;margin:120px 0;opacity:0;transform:translate3d(0,65px,0) scale(.97);filter:blur(14px);transition:opacity .95s var(--ease-out),transform 1.1s var(--ease-out),filter 1s var(--ease-out)}.story-item.visible{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}.story-media{position:relative;overflow:hidden;min-height:320px;border-radius:28px;box-shadow:0 32px 75px #00000052;transform:translate3d(0,var(--parallax-y),0);will-change:transform}.story-media:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:inherit}.story-media img,.story-media video,.story-media .photo-placeholder{width:100%;height:min(72vh,680px);min-height:360px;object-fit:cover;border-radius:inherit;transform:scale(1.055);transition:transform 1.4s var(--ease-out)}.story-item.visible .story-media img,.story-item.visible .story-media video{transform:scale(1)}.story-copy{max-width:620px}.story-copy h2{font-family:Aref Ruqaa,serif;font-size:clamp(2rem,4vw,4rem);line-height:1.2}.story-index{display:inline-flex;align-items:center;gap:10px;color:var(--gold)}.story-index:after{content:"";width:48px;height:1px;background:var(--gold);opacity:.45}.letter{position:relative;overflow:hidden;background:#f6eee4;color:#2a1820;min-height:88vh}.letter:before{content:"“";position:absolute;top:-100px;inset-inline-start:3vw;font-family:Georgia,serif;font-size:25rem;line-height:1;color:#5a32420d}.letter p{white-space:pre-wrap;font-size:1.15rem;max-width:860px;position:relative}.letter strong{display:block;margin-top:36px;color:#6e3f53}.ending{min-height:80vh;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle,rgba(232,199,119,.08),transparent 26rem)}.motion-reveal{opacity:0;transform:translate3d(0,38px,0) scale(.985);filter:blur(8px);transition:opacity .85s var(--ease-out) var(--reveal-delay, 0ms),transform .95s var(--ease-out) var(--reveal-delay, 0ms),filter .85s var(--ease-out) var(--reveal-delay, 0ms)}.motion-reveal.visible{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}@keyframes brandSparkle{0%,to{transform:scale(.7) rotate(0);opacity:.35}50%{transform:scale(1.2) rotate(90deg);opacity:1}}@keyframes slowFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(12deg)}}@keyframes placeholderShine{0%,60%{transform:translate(130%)}85%,to{transform:translate(-130%)}}@keyframes gateOrbit{to{transform:rotate(360deg)}}@keyframes sealFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes sealSpin{to{transform:rotate(360deg)}}@keyframes gatePulse{0%,to{box-shadow:0 12px 30px #e8c7771f,0 0 #e8c7772e}50%{box-shadow:0 18px 38px #e8c77738,0 0 0 13px #e8c77700}}@keyframes scrollHint{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(8px);opacity:1}}@media(max-width:1100px){.builder{grid-template-columns:1fr}.steps,.live-preview{position:static}.steps{grid-template-columns:repeat(4,1fr)}.steps h3{grid-column:1 / -1}.privacy,.live-preview{display:none}.themes{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-card{width:min(680px,100%);justify-self:center}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.nav nav{display:none}.nav{padding:13px 16px}.nav-actions .ghost:first-child{display:none}.hero,.section{padding:58px 18px}.hero{min-height:auto}.hero h1{font-size:3rem}.hero-card{margin-top:10px;padding:20px}.photo-placeholder{min-height:220px}.stats{grid-template-columns:1fr}.stats div{border-inline-start:0;border-bottom:1px solid var(--line)}.grid3,.experience,.pricing,.themes,.picker,.dashboard-grid{grid-template-columns:1fr}.builder{padding:10px}.form-panel{min-height:0;padding:22px 16px;border-radius:18px}.steps{overflow:auto;grid-template-columns:repeat(4,145px);padding-bottom:5px}.step:hover{transform:none}.memory-row{grid-template-columns:1fr}.story,.letter,.ending{padding:80px 18px}.story-item{grid-template-columns:1fr;gap:24px;margin:84px 0}.story-item:nth-child(2n) .story-media{order:0}.story-media,.story-media img,.story-media video,.story-media .photo-placeholder{min-height:300px;height:56vh}.scroll-progress{inset-inline-start:7px;width:3px}.save-note{display:none}.gate-card{border-radius:26px;padding:30px 18px}.gate:before{width:78vw}.gate:after{width:120vw}.wizard-actions{position:sticky;bottom:8px;z-index:4;padding:8px;border-radius:999px;background:#f8f2e9db;backdrop-filter:blur(12px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-reveal,.story-item{opacity:1;transform:none;filter:none}.hero-card,.preview-card,.theme-card,.dashboard-card{transform:none!important}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.step:disabled{opacity:.42;cursor:not-allowed}.progress i{width:20%}.theme-swatch{height:132px;margin-bottom:16px}.theme-swatch:after{display:none}.theme-art{position:relative;isolation:isolate;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff21,0 14px 35px #00000029}.theme-haze{position:absolute;width:76%;aspect-ratio:1;inset:12% 12% auto auto;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent) 48%,transparent),transparent 67%);filter:blur(14px);opacity:.48}.theme-particle{position:absolute;z-index:2;display:grid;place-items:center;min-width:9px;min-height:9px;color:var(--theme-accent);font-size:clamp(.55rem,1.3vw,1rem);line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.28);will-change:transform,opacity}.theme-art-label{position:absolute;z-index:3;inset-inline-start:14px;bottom:10px;color:#ffffffeb;font-size:.72rem;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.45)}.theme-art[data-animation=confetti] .theme-particle{width:6px;height:16px;border-radius:3px;background:var(--theme-accent)}.theme-art[data-animation=confetti] .theme-particle:nth-child(3n){background:#fff4ae}.theme-art[data-animation=confetti] .theme-particle:nth-child(3n+1){background:#fff}.theme-art[data-animation=polaroid] .theme-particle,.theme-art[data-animation=frames] .theme-particle{width:31px;height:38px;border:4px solid rgba(255,255,255,.84);border-bottom-width:10px;border-radius:2px;background:#2a1a2038;box-shadow:0 7px 14px #0000002e}.theme-art[data-animation=candles] .theme-particle{width:7px;height:13px;border-radius:50% 50% 44% 44%;background:#ffe29a;box-shadow:0 0 16px 5px color-mix(in srgb,var(--theme-accent) 40%,transparent)}.theme-art[data-animation=trail] .theme-particle,.theme-art[data-animation=family] .theme-particle{width:8px;height:8px;border-radius:50%;background:var(--theme-accent);box-shadow:0 0 12px color-mix(in srgb,var(--theme-accent) 55%,transparent)}.theme-art[data-animation=ribbons] .theme-particle{font-size:1.3rem}.theme-card{min-height:264px}.theme-card>small{color:var(--muted)}.theme-card .theme-badge{z-index:4}.theme-card.selected:after{z-index:6}.theme-filters{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 12px;margin:20px 0 22px;scrollbar-width:thin}.theme-filter,.memory-phase-tab{flex:0 0 auto;border:1px solid #d6c7bc;border-radius:999px;padding:9px 15px;background:#ffffff85;color:#604651;cursor:pointer;font-weight:700;transition:transform .32s var(--ease-out),background .32s var(--ease-out),border-color .32s var(--ease-out),color .32s var(--ease-out)}.theme-filter:hover,.memory-phase-tab:hover{transform:translateY(-2px);border-color:#9f7385}.theme-filter.active,.memory-phase-tab.active{background:#6d3e53;border-color:#6d3e53;color:#fff9ed;box-shadow:0 10px 24px #5730412e}.theme-filter small{opacity:.72;margin-inline-start:4px}.memory-phase-tabs{display:flex;gap:9px;margin:22px 0;padding-bottom:14px;border-bottom:1px solid #ded0c5}.memory-phase{display:none}.memory-phase.active{display:block}.memory-dropzone{position:relative;overflow:hidden;display:grid;justify-items:center;gap:7px;text-align:center;padding:clamp(28px,5vw,54px) 22px;border:2px dashed #b99bab;border-radius:24px;background:radial-gradient(circle at 50% 10%,rgba(123,75,95,.12),transparent 16rem),linear-gradient(145deg,#ffffffc7,#f4e8e09e);cursor:pointer;transition:transform .4s var(--ease-out),border-color .4s var(--ease-out),background .4s var(--ease-out),box-shadow .4s var(--ease-out)}.memory-dropzone:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(130%);transition:transform .8s var(--ease-out)}.memory-dropzone:hover,.memory-dropzone.dragging{transform:translateY(-4px);border-color:#7b4b5f;background:linear-gradient(145deg,#fff,#f0dfd7);box-shadow:0 22px 50px #4322311f}.memory-dropzone:hover:after,.memory-dropzone.dragging:after{transform:translate(-130%)}.dropzone-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#6d3e53;color:#fff6df;font-size:1.65rem;box-shadow:0 14px 30px #522a3b38}.memory-dropzone h3{margin:8px 0 0;font-size:1.25rem}.memory-dropzone p,.memory-dropzone small{margin:0;color:#765f68}.memory-dropzone .btn{margin-top:10px}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.memory-thumb-card{position:relative;min-width:0;overflow:hidden;border:1px solid #d2c0b5;border-radius:17px;background:#ffffffb8;box-shadow:0 12px 28px #41253014;cursor:pointer;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s var(--ease-out)}.memory-thumb-card:hover{transform:translateY(-5px);border-color:#9f7385;box-shadow:0 18px 38px #41253024}.memory-thumb-card>img,.memory-thumb-card>video{width:100%;height:138px;object-fit:cover;background:#24151e}.memory-thumb-card>small{display:block;overflow:hidden;padding:9px 10px;color:#68535c;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.memory-order,.memory-type{position:absolute;top:9px;padding:4px 8px;border-radius:999px;background:#1c0f17c7;color:#fff8e9;backdrop-filter:blur(8px);font-size:.68rem;font-weight:800}.memory-order{inset-inline-start:9px}.memory-type{inset-inline-end:9px}.memory-remove{position:absolute;top:44px;inset-inline-end:9px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:#5e1e30e0;color:#fff;cursor:pointer;font-size:1.15rem;transition:transform .25s var(--ease-out),background .25s var(--ease-out)}.memory-remove:hover{transform:scale(1.12) rotate(5deg);background:#8b263f}.memory-empty{grid-column:1 / -1;display:grid;gap:5px;place-items:center;min-height:110px;padding:20px;border:1px dashed #cbb8ad;border-radius:16px;color:#78616b;text-align:center}.storage-meter{display:grid;gap:9px;margin:18px 0;padding:16px;border:1px solid #dacbc0;border-radius:18px;background:#ffffff94}.storage-meter-copy{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.storage-meter-copy span{color:#745e67;font-size:.78rem}.storage-track{height:8px;overflow:hidden;border-radius:999px;background:#dfd1c7}.storage-track i{display:block;width:0;height:100%;border-radius:inherit;background:#6a9c7d;transition:width .55s var(--ease-out),background .3s var(--ease-out)}.storage-track i.warning{background:#c58a32}.storage-track i.danger{background:#b44255}.inline-notice{margin:0;color:#6f5962;font-size:.8rem}.inline-notice[data-state=success]{color:#47755a}.inline-notice[data-state=warning]{color:#9a6318}.inline-notice[data-state=danger]{color:#a32d45}.memory-caption-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.memory-caption-head h3{margin-bottom:0}.memory-caption-list{display:grid;gap:12px}.memory-row{grid-template-columns:122px minmax(0,1fr) auto;align-items:center;margin:0}.memory-row label{margin:0}.caption-media{position:relative;overflow:hidden;height:104px;border-radius:13px;background:#2c1b23}.caption-media img,.caption-media video{width:100%;height:100%;object-fit:cover}.caption-media span{position:absolute;bottom:7px;inset-inline-start:7px;padding:3px 7px;border-radius:999px;background:#1f1017c7;color:#fff;font-size:.68rem}.caption-file-meta{margin-top:6px;color:#806a72;font-weight:500}.music-upload-block{margin-top:28px;padding-top:22px;border-top:1px solid #dfd1c6}.field-error{min-height:1.4em;margin:-8px 0 4px;color:#a92442;font-size:.84rem;font-weight:700}.preview-media,.preview-media video{width:100%;min-height:260px;height:260px;object-fit:cover;border-radius:20px}.send-mode .builder{grid-template-columns:1fr;padding:0}.send-mode .steps,.send-mode .live-preview{display:none}.send-mode .form-panel{min-height:calc(100vh - 78px);padding:0;border-radius:0;background:#160936;color:#fff8e8}.send-mode .progress{display:none}.send-step{min-height:calc(100vh - 78px)}.send-moment{position:relative;isolation:isolate;min-height:calc(100vh - 78px);overflow:hidden;display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,7vw,110px);align-items:center;padding:clamp(38px,7vw,90px);background:radial-gradient(circle at 18% 76%,rgba(87,49,176,.55),transparent 28rem),radial-gradient(circle at 74% 20%,rgba(107,72,191,.34),transparent 30rem),linear-gradient(135deg,#19093b,#28124d 52%,#180936)}.send-moment:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:radial-gradient(rgba(255,255,255,.8) .65px,transparent .65px);background-size:24px 24px;mask-image:linear-gradient(to bottom,transparent,black 24%,black 72%,transparent)}.send-copy{position:relative;z-index:3;max-width:650px}.send-brand{display:inline-block;margin-bottom:42px;color:#fff8e8;font-size:1.45rem;font-weight:800}.send-copy h1{margin:.15em 0;font-size:clamp(3rem,6.2vw,7rem);line-height:.98;font-family:Aref Ruqaa,Cairo,serif}.send-copy h1 em{color:#ffc82f;font-style:italic}.send-copy>p{max-width:590px;color:#d5c9e8;font-size:1.03rem}.share-link-box{margin-top:30px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#0f062275;backdrop-filter:blur(18px);box-shadow:0 24px 60px #0003}.share-link-box label{margin:0 0 8px;color:#d8cce9}.share-link-box>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.share-link-box input{direction:ltr;text-align:left;background:#fffffff5}.share-link-box small{display:block;margin-top:8px;color:#bdb0d1}.send-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.send-actions .btn.secondary,.send-actions .ghost{color:#fff9ec;border-color:#ffffff38;background:#ffffff0f}.send-envelope-scene{position:relative;min-height:520px;display:grid;place-items:center;align-content:center}.send-glow,.gate-glow{position:absolute;width:min(590px,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(145,105,240,.32),rgba(80,42,159,.13) 44%,transparent 68%);filter:blur(20px)}.send-spark{position:absolute;color:#ffc82f;font-size:1.2rem;text-shadow:0 0 20px rgba(255,200,47,.75)}.spark-1{top:18%;left:12%}.spark-2{top:28%;right:8%}.spark-3{bottom:20%;left:22%}.envelope{--envelope-width: 480px;--envelope-height: 310px;position:relative;z-index:2;width:min(var(--envelope-width),88vw);aspect-ratio:1.55;filter:drop-shadow(0 32px 38px rgba(7,2,19,.4));transform-style:preserve-3d;perspective:1100px}.envelope-back,.envelope-front,.envelope-flap,.envelope-letter{position:absolute;inset:0;border-radius:8px}.envelope-back{background:linear-gradient(145deg,#eadabc,#cfb894)}.envelope-letter{z-index:1;inset:8% 7% 18%;display:grid;place-items:start center;padding:22px;background:linear-gradient(160deg,#fffaf0,#eadcc4);color:#6e3c47;font-family:Aref Ruqaa,serif;box-shadow:0 -8px 25px #3c221e1f}.envelope-letter span{font-size:clamp(.8rem,1.5vw,1.05rem)}.envelope-flap{z-index:4;height:58%;border-radius:7px 7px 0 0;background:linear-gradient(150deg,#efdfbf,#d8c29d);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0%;backface-visibility:hidden}.envelope-front{z-index:3;background:linear-gradient(35deg,transparent 49.4%,rgba(255,255,255,.16) 50%,transparent 50.6%),linear-gradient(145deg,#d5bd95,#c8ae84);clip-path:polygon(0 0,50% 62%,100% 0,100% 100%,0 100%)}.envelope-front:before,.envelope-front:after{content:"";position:absolute;bottom:0;width:58%;height:74%;background:#ffffff0f}.envelope-front:before{left:0;clip-path:polygon(0 0,100% 100%,0 100%)}.envelope-front:after{right:0;clip-path:polygon(100% 0,100% 100%,0 100%)}.envelope .seal{position:absolute;z-index:6;top:47%;left:50%;width:clamp(58px,8vw,72px);height:clamp(58px,8vw,72px);transform:translate(-50%,-50%);border:3px solid #7f273b;background:radial-gradient(circle at 36% 30%,#b34858,#8f263b 66%,#6a172b);color:#f4cc86;box-shadow:0 15px 22px #49181d47,inset 0 0 0 3px #ffd5962e;animation:none}.envelope .seal:before{inset:5px;border:1px solid rgba(255,220,167,.4);animation:none}.envelope .seal:after{display:none}.gate{display:block;padding:0;text-align:start;background:radial-gradient(circle at 20% 80%,rgba(90,47,182,.62),transparent 30rem),radial-gradient(circle at 78% 18%,rgba(91,58,159,.38),transparent 30rem),linear-gradient(135deg,#170837,#26124a 54%,#160833)}.gate:before,.gate:after{display:none}.gate-brand{position:absolute;z-index:5;top:clamp(24px,5vw,54px);inset-inline-end:clamp(22px,6vw,78px);color:#fff9eb;font-size:1.45rem;font-weight:800}.gate-layout{position:relative;z-index:3;min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(34px,7vw,110px);align-items:center;padding:clamp(80px,9vw,130px) clamp(20px,8vw,120px) 42px}.gate-copy{align-self:center}.gate-copy .eyebrow{color:#ffc82f}.gate h1{margin:.18em 0;font-size:clamp(3.2rem,7vw,7.3rem);line-height:.98;color:#fff9ec}.gate h1 em{color:#ffc82f;font-style:italic}.gate-copy p{max-width:560px;color:#c9bddc}.gate-visual{position:relative;display:grid;justify-items:center;align-content:center;gap:15px;min-height:570px}.envelope-gate{--envelope-width: 520px}.gate-open-btn{min-width:230px;margin-top:22px;background:#fff9ec;color:#291147;box-shadow:0 18px 45px #0003;animation:none!important}.gate-open-btn span{color:#ffc82f;margin-inline-start:16px}.gate-visual>small{color:#c8bdd8}.gate-countdown{position:absolute;z-index:8;top:43%;left:50%;min-height:0;transform:translate(-50%,-50%);color:#ffc82f;font-size:clamp(4rem,10vw,8rem);text-shadow:0 8px 40px rgba(255,200,47,.32);pointer-events:none}.gate-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}.gate-orb-1{width:280px;height:280px;left:-100px;bottom:-80px;border:1px solid rgba(255,255,255,.08)}.gate-orb-2{width:180px;height:180px;right:8%;top:10%;background:#8b60de14}.gsap-motion .story-item{opacity:1;transform:none;filter:none;transition:none}.gsap-motion .story-media{transform:none;will-change:auto}.gsap-motion .story-media img,.gsap-motion .story-media video,.gsap-motion .story-media .photo-placeholder{transform:none;transition:none;will-change:transform}.story-media{aspect-ratio:4 / 5;min-height:0}.story-media img,.story-media video,.story-media .photo-placeholder{height:100%;min-height:0;aspect-ratio:4 / 5}.story-star{color:var(--gold)}.dashboard-card{padding:0}.dashboard-theme{height:150px;margin:0;border-radius:21px 21px 0 0}.dashboard-card-body{position:relative;padding:22px}.dashboard-card-body .theme-badge{position:absolute;top:-17px;inset-inline-end:20px}@media(max-width:1100px){.steps{grid-template-columns:repeat(5,minmax(130px,1fr));overflow-x:auto}.send-moment,.gate-layout{grid-template-columns:1fr}.send-copy,.gate-copy{max-width:760px}.send-envelope-scene{min-height:430px;order:-1}.gate-visual{min-height:460px;order:2}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.steps{grid-template-columns:repeat(5,132px)}.memory-phase-tabs{overflow-x:auto}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-thumb-card>img,.memory-thumb-card>video{height:120px}.memory-caption-head{align-items:stretch;flex-direction:column}.memory-row{grid-template-columns:84px minmax(0,1fr);align-items:center}.memory-row .remove-memory{grid-column:1 / -1;width:100%}.caption-media{height:86px}.storage-meter-copy{display:grid}.theme-filters{margin-inline:-4px}.send-moment{min-height:calc(100vh - 66px);padding:36px 18px 54px;gap:8px}.send-brand{margin-bottom:24px}.send-copy h1{font-size:clamp(3rem,15vw,5rem)}.send-envelope-scene{min-height:330px}.share-link-box>div{grid-template-columns:1fr}.send-actions{display:grid}.envelope{width:min(390px,92vw)}.gate-layout{padding:86px 18px 34px;align-content:center;gap:10px}.gate-copy{text-align:center}.gate-copy p{margin-inline:auto}.gate h1{font-size:clamp(3.2rem,17vw,5.2rem)}.gate-visual{min-height:390px}.envelope-gate{width:min(400px,92vw)}.gate-open-btn{margin-top:8px}.gate-brand{top:18px;inset-inline-end:20px}.story-media{aspect-ratio:4 / 5}.story-media img,.story-media video,.story-media .photo-placeholder{height:100%;min-height:0}}@media(prefers-reduced-motion:reduce){.theme-particle,.theme-haze,.send-spark,.envelope,.gate-open-btn{transform:none!important}}html[dir=ltr] body{direction:ltr}.experience-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.experience-actions .ghost{white-space:nowrap}.ad-slot{min-height:110px;max-width:1100px;margin:28px auto;padding:18px;border:1px dashed color-mix(in srgb,var(--gold) 35%,transparent);border-radius:18px;display:grid;place-items:center;background:#ffffff06;color:var(--muted);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.ad-slot-story{margin-block:80px}.story-media{overflow:hidden;isolation:isolate}.story-media img,.story-media video{width:100%;height:100%;object-fit:cover;will-change:transform;backface-visibility:hidden}.story-item{contain:layout paint}.nav.transparent{gap:16px}@media(max-width:760px){.experience-actions{justify-content:center}.experience-actions .ghost{font-size:.72rem;padding:.55rem}.ad-slot{min-height:80px;margin-inline:16px}}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}html{min-width:300px;scrollbar-color:color-mix(in srgb,var(--gold) 62%,#3a2832) #12070f;scrollbar-width:thin}body{min-height:100dvh}.hero{overflow:clip}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#12070f}body::-webkit-scrollbar-thumb{border:2px solid #12070f;border-radius:99px;background:color-mix(in srgb,var(--gold) 58%,#503540)}button:disabled{cursor:not-allowed}footer nav{display:inline-flex;gap:18px;margin-inline-start:22px}.account-chip{display:inline-flex;min-height:42px;align-items:center;gap:9px;padding:5px 12px 5px 7px;border:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));border-radius:999px;background:#ffffff0b;color:var(--text);font-size:.82rem;font-weight:700;transition:transform .3s var(--ease-out),border-color .3s var(--ease-out)}.account-chip:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 70%,var(--line))}.account-avatar{width:31px;height:31px;overflow:hidden;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#27141d}.account-avatar img{width:100%;height:100%;object-fit:cover}.auth-loading,.page-status{width:min(560px,calc(100% - 32px));margin:56px auto;padding:22px;border:1px solid var(--line);border-radius:18px;background:#ffffff09;color:var(--muted);text-align:center}.auth-loading:before{content:"";display:inline-block;width:18px;height:18px;margin-inline-end:10px;vertical-align:middle;border:2px solid rgba(255,255,255,.22);border-top-color:var(--gold);border-radius:50%;animation:productionSpin .8s linear infinite}.page-status[data-state=danger]{border-color:#ff8f9c59;color:var(--danger)}.login-page{overflow:hidden auto;background:radial-gradient(circle at 18% 80%,rgba(111,55,86,.5),transparent 30rem),radial-gradient(circle at 82% 14%,rgba(232,199,119,.12),transparent 25rem),#10070e}.login-shell{position:relative;isolation:isolate;min-height:100dvh;display:grid;place-items:center;padding:calc(36px + var(--safe-top)) max(18px,var(--safe-right)) calc(36px + var(--safe-bottom)) max(18px,var(--safe-left))}.login-shell:before,.login-shell:after{content:"";position:fixed;z-index:-1;border:1px solid rgba(232,199,119,.09);border-radius:50%;animation:loginOrbit 18s linear infinite}.login-shell:before{width:46vw;aspect-ratio:1;top:-25vw;right:-8vw}.login-shell:after{width:34vw;aspect-ratio:1;bottom:-18vw;left:-8vw;animation-direction:reverse;animation-duration:24s}.login-brand{position:absolute;z-index:3;top:calc(24px + var(--safe-top));right:max(24px,var(--safe-right))}.login-card{position:relative;overflow:hidden;width:min(540px,100%);padding:clamp(28px,6vw,58px);border:1px solid rgba(232,199,119,.16);border-radius:32px;background:#1b0d17c9;backdrop-filter:blur(26px) saturate(135%);box-shadow:0 45px 110px #0000007a;text-align:center}.login-card:before{content:"";position:absolute;width:250px;height:250px;top:-150px;left:-110px;border-radius:50%;background:#e8c7771a;filter:blur(25px)}.login-mark{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 24px;border:1px solid rgba(232,199,119,.52);border-radius:24px;background:linear-gradient(145deg,#e8c7772b,#ffffff08);color:var(--gold);box-shadow:0 18px 45px #00000038;font-family:Aref Ruqaa,serif;font-size:2.4rem;transform:rotate(3deg)}.login-card h1{margin:.2em 0;font-family:Aref Ruqaa,Cairo,serif;font-size:clamp(2.35rem,6vw,4rem);line-height:1.12}.login-card>p{margin:12px auto 25px;color:var(--muted)}.google-login-btn{width:100%;min-height:58px;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 20px;border:1px solid #d6d9df;border-radius:14px;background:#fff;color:#24272b;cursor:pointer;font-weight:700;box-shadow:0 15px 34px #0003;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),background .3s var(--ease-out)}.google-login-btn:hover{transform:translateY(-3px);background:#fbfbfb;box-shadow:0 22px 45px #00000047}.google-login-btn:active{transform:scale(.985)}.google-login-btn:disabled{opacity:.62}.google-login-btn svg{width:23px;height:23px;flex:0 0 auto}.login-status{min-height:1.75em;margin:15px 0 0!important;font-size:.85rem}.login-status[data-state=success]{color:var(--success)}.login-status[data-state=danger],.login-status[data-state=warning]{color:var(--danger)}.setup-required{margin-top:14px;padding:13px;border:1px solid rgba(255,143,156,.32);border-radius:13px;background:#ff8f9c12;color:#ffd2d8;font-size:.82rem}.login-privacy{display:block;margin-top:22px;color:#998891}.login-privacy a{color:var(--gold)}.builder-body .nav{min-height:76px}.builder-body .form-panel{overflow:visible}.steps{max-height:calc(100dvh - 116px);overflow-y:auto;padding-bottom:12px}.steps::-webkit-scrollbar,.theme-filters::-webkit-scrollbar,.memory-phase-tabs::-webkit-scrollbar{height:5px;width:5px}.step span{display:inline-grid;width:25px;height:25px;place-items:center;margin-inline-end:8px;border-radius:50%;background:#ffffff12;font-size:.72rem}.memory-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.drag-cue{position:absolute;bottom:47px;inset-inline-start:9px;padding:3px 8px;border-radius:999px;background:#1b0e15bd;color:#fff;letter-spacing:2px;cursor:grab}.drag-handle{width:40px;min-height:72px;border:1px solid #d2c0b5;border-radius:12px;background:#ffffffad;color:#765264;cursor:grab;font-size:1.1rem;letter-spacing:2px}.drag-handle:active,.drag-cue:active{cursor:grabbing}.sortable-ghost{opacity:.28}.sortable-chosen{transform:scale(1.02);box-shadow:0 24px 55px #47263433}.music-heading,.music-heading>div,.music-timeline,.music-actions,.publish-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.music-heading h3{margin:0}.music-note{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#6d3e53;color:#fff6e3;font-size:1.35rem}.music-file-label{padding:16px;border:1px dashed #b995a3;border-radius:16px;background:#ffffff85}.music-file-label input{padding:8px;cursor:pointer}.music-editor{margin-top:20px;padding:clamp(16px,3vw,24px);border:1px solid #d2c0b5;border-radius:20px;background:#ffffffad;box-shadow:0 18px 42px #4c2b3814}.music-waveform{min-height:92px;overflow:hidden;border-radius:14px;background:linear-gradient(90deg,#6d3e5314,#b27d8224),#f4ebe3}.music-timeline{margin:13px 0 7px}.music-timeline label{margin:0}.music-timeline strong{min-width:70px;padding:5px 10px;border-radius:999px;background:#6d3e53;color:#fff;direction:ltr;text-align:center}.music-start-slider{height:7px;padding:0;accent-color:#7b4b5f;cursor:pointer}.music-actions{justify-content:flex-start;margin-top:16px;flex-wrap:wrap}.publish-progress{margin:22px 0;padding:18px;border:1px solid #d8c8bd;border-radius:18px;background:#ffffffa6}.publish-progress .storage-track{margin-top:12px}.review{padding:20px;border:1px solid #d3c1b5;border-radius:20px}.form-step.send-step{overflow:hidden}.dashboard-page{min-height:calc(100dvh - 78px)}.expiry-note{color:#b9a6ae;font-size:.76rem}.dashboard-card .delete{color:#ffb3bd}.legal-page{width:min(860px,calc(100% - 36px));min-height:calc(100dvh - 74px);margin:0 auto;padding:clamp(62px,9vw,120px) 0}.legal-page h1,.not-found-page h1{margin:.18em 0;font-family:Aref Ruqaa,Cairo,serif;font-size:clamp(3rem,8vw,6.3rem);line-height:1.1}.legal-page h2{margin:2em 0 .4em;color:var(--gold-soft);font-size:clamp(1.35rem,3vw,2rem)}.legal-page p{color:var(--muted)}.not-found-page{min-height:100dvh;display:grid;place-items:center;padding:24px;text-align:center}.not-found-page main{max-width:700px}.not-found-page p{color:var(--muted)}.consent-banner{position:fixed;z-index:500;inset-inline:max(16px,var(--safe-left)) max(16px,var(--safe-right));bottom:calc(16px + var(--safe-bottom));width:min(920px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:24px;margin-inline:auto;padding:18px;border:1px solid rgba(232,199,119,.26);border-radius:20px;background:#190b16f5;backdrop-filter:blur(22px);box-shadow:0 30px 80px #0000007a}.consent-banner strong{color:var(--gold-soft)}.consent-banner p{margin:3px 0;color:var(--muted);font-size:.84rem}.consent-banner a{color:var(--gold);font-size:.78rem}.consent-banner>div:last-child{display:flex;gap:9px;flex:0 0 auto}.ad-slot{min-height:110px;max-width:1100px;margin:32px auto;padding:18px;border:1px dashed color-mix(in srgb,var(--gold) 32%,transparent);border-radius:18px;background:#ffffff06}.ad-label{display:block;margin-bottom:7px;color:var(--muted);font-size:.68rem;text-align:center}.adsbygoogle{min-height:90px}.surprise-page{background:radial-gradient(circle at 12% 30%,rgba(95,43,80,.12),transparent 30rem),#0e0710}.surprise-page.experience-open{padding-bottom:0}.experience-nav{height:auto;min-height:70px;padding-top:calc(12px + var(--safe-top));background:linear-gradient(to bottom,rgba(14,7,16,.94),rgba(14,7,16,.24),transparent);pointer-events:none}.experience-nav>*{pointer-events:auto}.experience-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.experience-actions .ghost{min-height:42px;border-color:#ffffff2e;background:#0e07108a;backdrop-filter:blur(14px);white-space:nowrap}.experience-actions .primary-control{border-color:color-mix(in srgb,var(--gold) 55%,transparent);color:var(--gold-soft)}.experience-actions button[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 13%,rgba(14,7,16,.75))}.surprise-hero{min-height:100dvh;padding:calc(100px + var(--safe-top)) max(20px,var(--safe-right)) calc(90px + var(--safe-bottom)) max(20px,var(--safe-left))}.surprise-hero>span{color:var(--muted)}.surprise-hero time{color:var(--muted)}.surprise-hero>a{margin-top:18px;padding:10px 16px;border:1px solid rgba(232,199,119,.22);border-radius:999px;color:var(--gold);animation:storyHint 1.8s ease-in-out infinite}.story-progress{position:fixed;z-index:56;top:calc(86px + var(--safe-top));inset-inline-start:20px;width:min(260px,calc(100vw - 40px));padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0e0710c2;backdrop-filter:blur(18px) saturate(130%);box-shadow:0 14px 36px #00000038}.story-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:.72rem}.story-progress-copy strong{color:var(--gold);direction:ltr}.story-progress-copy span{overflow:hidden;color:#c7b8c0;text-overflow:ellipsis;white-space:nowrap}.story-progress-track{height:4px;overflow:hidden;border-radius:99px;background:#ffffff1f}.story-progress-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold-soft));box-shadow:0 0 14px color-mix(in srgb,var(--gold) 58%,transparent);transform:scaleX(0);transform-origin:right center;will-change:transform}.story{position:relative;overflow:clip;padding:120px max(20px,6vw) 150px}.story>.eyebrow,.story>h2{position:relative;z-index:3;max-width:1050px;margin-inline:auto}.story>h2{max-width:980px;margin-top:.35em;margin-bottom:80px}.story-chain{position:relative;width:min(1060px,100%);margin-inline:auto;padding:12px 0}.story-chain:before{content:"";position:absolute;z-index:0;top:0;bottom:0;right:calc(50% - 1px);width:2px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--gold) 65%,transparent) 7%,rgba(255,255,255,.14) 50%,color-mix(in srgb,var(--gold) 65%,transparent) 93%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--gold) 18%,transparent)}.story-item{position:relative;z-index:2;width:min(900px,92%);min-height:0;display:grid;grid-template-columns:minmax(270px,.92fr) minmax(240px,.78fr);gap:clamp(72px,9vw,118px);align-items:center;margin:clamp(90px,14vw,165px) auto;contain:layout paint;perspective:1200px}.story-item:nth-child(2n) .story-media{order:2}.story-item:nth-child(2n) .story-copy{order:1;text-align:end}.story-node{position:absolute;z-index:5;top:50%;right:calc(50% - 11px);width:22px;height:22px;border:5px solid #130910;border-radius:50%;background:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 68%,white),0 0 0 9px color-mix(in srgb,var(--gold) 8%,transparent),0 0 24px color-mix(in srgb,var(--gold) 45%,transparent)}.story-media{width:100%;max-width:410px;aspect-ratio:4 / 5;min-height:0;justify-self:center;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.11);border-radius:clamp(20px,3vw,30px);background:#21121c;box-shadow:0 35px 80px #00000061,0 0 0 8px #ffffff05}.story-media:before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 20%),linear-gradient(to top,rgba(12,6,10,.15),transparent 28%)}.story-media img,.story-media video,.story-media .photo-placeholder{width:100%;height:100%;min-height:0;aspect-ratio:4 / 5;object-fit:cover;border-radius:inherit;backface-visibility:hidden;will-change:transform}.story-media video{background:#080408}.story-placeholder{display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 13rem),linear-gradient(145deg,#2b1724,#130a11);color:var(--gold)}.story-placeholder span{font-size:2rem;animation:placeholderStar 2.2s ease-in-out infinite}.story-placeholder small{color:#ad98a2}.story-copy{position:relative;max-width:410px;padding:24px 0}.story-copy h2{margin:0;font-family:Aref Ruqaa,Cairo,serif;font-size:clamp(1.75rem,3.2vw,3.15rem);line-height:1.36}.story-quote{position:absolute;top:-34px;inset-inline-start:-18px;color:color-mix(in srgb,var(--gold) 22%,transparent);font-family:Georgia,serif;font-size:7rem;line-height:1;pointer-events:none}.story-star{display:block;margin-top:20px;color:var(--gold)}.story-without-copy{grid-template-columns:1fr}.story-without-copy .story-media{grid-column:1;justify-self:center}.letter{min-height:90dvh;display:grid;align-content:center;padding:clamp(85px,12vw,160px) max(22px,11vw)}.letter p{font-size:clamp(1rem,2vw,1.22rem);line-height:2.05}.ending{min-height:85dvh;padding-inline:20px}.ending>span{color:var(--gold);font-size:2.2rem;animation:endingStar 2.4s ease-in-out infinite}.ad-slot-story{margin-block:80px 110px}.back-to-top{position:fixed;z-index:70;right:max(22px,var(--safe-right));bottom:calc(24px + var(--safe-bottom));width:50px;height:50px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 52%,transparent);border-radius:50%;background:#140911db;color:var(--gold);cursor:pointer;backdrop-filter:blur(15px);box-shadow:0 16px 40px #00000057;transition:transform .3s var(--ease-out),background .3s var(--ease-out)}.back-to-top:hover{transform:translateY(-4px);background:color-mix(in srgb,var(--gold) 12%,#160a13)}.experience-toast{position:fixed;z-index:800;left:50%;bottom:calc(26px + var(--safe-bottom));max-width:calc(100% - 32px);padding:12px 18px;border:1px solid rgba(232,199,119,.28);border-radius:999px;background:#180b14f0;color:#fff7e9;box-shadow:0 18px 50px #0006;opacity:0;pointer-events:none;transform:translate(-50%,18px) scale(.96);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}.experience-toast.visible{opacity:1;transform:translate(-50%) scale(1)}.gate{overflow:hidden auto;overscroll-behavior:none}.gate-layout{min-height:100dvh;padding-top:calc(clamp(80px,9vw,130px) + var(--safe-top));padding-bottom:calc(42px + var(--safe-bottom))}.gate-open-btn{min-height:52px}.gate-error .envelope{opacity:.58;filter:grayscale(.35) drop-shadow(0 30px 40px rgba(0,0,0,.38))}@keyframes productionSpin{to{transform:rotate(360deg)}}@keyframes loginOrbit{to{transform:rotate(360deg)}}@keyframes storyHint{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes placeholderStar{0%,to{opacity:.45;transform:scale(.82) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(90deg)}}@keyframes endingStar{0%,to{opacity:.5;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(90deg)}}@media(max-width:1100px){.builder{grid-template-columns:1fr;padding:18px}.steps{position:sticky;z-index:30;top:76px;max-height:none;display:grid;grid-template-columns:repeat(5,minmax(138px,1fr));overflow-x:auto;overflow-y:hidden;padding:10px;border:1px solid var(--line);border-radius:18px;background:#12070feb;backdrop-filter:blur(18px)}.steps h3,.steps .privacy{display:none}.step{white-space:nowrap}.live-preview{display:none}.form-panel{width:min(900px,100%);margin-inline:auto}.story-item{width:min(830px,96%);grid-template-columns:minmax(240px,.9fr) minmax(220px,.74fr);gap:76px}}@media(max-width:760px){body{-webkit-text-size-adjust:100%}.nav{min-height:64px;padding:calc(10px + var(--safe-top)) max(14px,var(--safe-right)) 10px max(14px,var(--safe-left))}.nav-actions{align-items:center}.account-chip>span:last-child{display:none}.account-chip{padding:4px}.builder-body .nav .save-note,.builder-body .nav-actions>.ghost{display:none}.builder-body .nav{min-height:64px}.builder{gap:10px;padding:8px}.steps{top:calc(64px + var(--safe-top));grid-template-columns:repeat(5,128px);margin-inline:-2px;padding:7px;border-radius:14px}.step{padding:10px;font-size:.78rem}.form-panel{min-height:0;overflow:hidden;padding:20px 14px 28px;border-radius:18px}.form-step h1{font-size:clamp(2.15rem,11vw,3.4rem);line-height:1.12}input,textarea{min-height:48px;font-size:16px}.memory-phase-tabs{overflow-x:auto;flex-wrap:nowrap}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.memory-thumb-card>img,.memory-thumb-card>video{height:122px}.memory-caption-head{align-items:stretch;flex-direction:column}.memory-row{grid-template-columns:78px minmax(0,1fr) 34px;gap:8px;padding:10px}.caption-media{height:82px}.drag-handle{width:34px;min-height:64px;padding:0}.music-heading{align-items:flex-start}.music-actions{display:grid;grid-template-columns:1fr}.music-actions>*{width:100%}.wizard-actions{bottom:calc(8px + var(--safe-bottom));display:grid;grid-template-columns:1fr 1fr;padding:7px;border:1px solid rgba(111,79,92,.15);border-radius:18px;background:#f8f2e9e8;backdrop-filter:blur(16px)}.wizard-actions .btn{width:100%;min-width:0;padding-inline:12px}.send-mode .nav{display:none}.send-mode .form-panel,.send-step,.send-moment{min-height:100dvh}.send-moment{grid-template-columns:1fr;align-content:center;gap:10px;padding:calc(32px + var(--safe-top)) max(17px,var(--safe-right)) calc(42px + var(--safe-bottom)) max(17px,var(--safe-left))}.send-envelope-scene{min-height:270px;order:-1}.send-copy h1{font-size:clamp(2.8rem,14vw,4.8rem)}.send-brand{display:none}.share-link-box>div,.send-actions{display:grid;grid-template-columns:1fr}.login-card{padding:30px 20px;border-radius:24px}.consent-banner{align-items:stretch;flex-direction:column;gap:14px}.consent-banner>div:last-child{display:grid;grid-template-columns:1fr 1fr}.dashboard-page{padding-inline:16px}.dashboard-page .stats{grid-template-columns:1fr 1fr 1fr}.dashboard-page .stats div{padding:16px 8px;border-bottom:0;font-size:.75rem}.dashboard-page .stats strong{font-size:1.6rem}.dashboard-grid{grid-template-columns:1fr}.experience-nav{top:auto;bottom:0;min-height:68px;padding:8px max(8px,var(--safe-right)) calc(8px + var(--safe-bottom)) max(8px,var(--safe-left));background:#0d060ce6;border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(140%)}.experience-nav .brand{display:none}.experience-actions{width:100%;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) auto;gap:5px}.experience-actions .ghost{min-width:0;min-height:45px;overflow:hidden;padding:8px 9px;font-size:.68rem;text-overflow:ellipsis}.surprise-page.experience-open{padding-bottom:calc(69px + var(--safe-bottom))}.story-progress{top:calc(10px + var(--safe-top));right:max(10px,var(--safe-right));left:max(10px,var(--safe-left));width:auto;padding:8px 11px;border-radius:13px}.story-progress-copy{margin-bottom:5px}.story{padding:90px 12px 110px}.story>.eyebrow,.story>h2{margin-inline:14px}.story>h2{margin-bottom:50px;font-size:clamp(2.2rem,11vw,3.7rem)}.story-chain{padding-right:34px}.story-chain:before{right:9px}.story-item,.story-item.story-without-copy{width:100%;grid-template-columns:1fr;gap:22px;margin:78px 0}.story-item:nth-child(2n) .story-media,.story-item:nth-child(2n) .story-copy{order:initial;text-align:start}.story-node{top:46%;right:0;width:19px;height:19px;border-width:4px}.story-media{width:min(100%,380px);max-height:min(61dvh,500px);justify-self:start;border-radius:23px}.story-copy{max-width:380px;padding:8px 4px 0}.story-copy h2{font-size:clamp(1.65rem,8.5vw,2.55rem);line-height:1.42}.story-quote{top:-28px;inset-inline-start:-3px;font-size:5rem}.letter,.ending{padding-inline:22px}.letter{min-height:94dvh}.back-to-top{right:max(13px,var(--safe-right));bottom:calc(82px + var(--safe-bottom));width:45px;height:45px}.experience-toast{bottom:calc(84px + var(--safe-bottom));border-radius:14px;text-align:center}.gate-layout{align-content:center;gap:4px;padding:calc(76px + var(--safe-top)) max(16px,var(--safe-right)) calc(24px + var(--safe-bottom)) max(16px,var(--safe-left))}.gate-copy h1{font-size:clamp(3rem,16vw,4.8rem)}.gate-copy p{font-size:.9rem}.gate-visual{min-height:340px}.envelope-gate{width:min(340px,88vw)}.gate-open-btn{min-width:min(250px,86vw)}}@media(max-width:390px){.hero h1{font-size:2.65rem}.memory-grid{grid-template-columns:1fr 1fr}.memory-row{grid-template-columns:68px minmax(0,1fr) 31px}.dashboard-page .stats{grid-template-columns:1fr}.dashboard-page .stats div{border-bottom:1px solid var(--line)}.experience-actions{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 64px}.experience-actions .ghost{font-size:.62rem;padding-inline:6px}.story-chain{padding-right:29px}.story-media{max-height:57dvh}.gate-visual{min-height:305px}.envelope-gate{width:min(300px,86vw)}}@media(max-height:560px)and (orientation:landscape){.gate-layout{grid-template-columns:.86fr 1.14fr;gap:20px;min-height:100dvh;padding-block:calc(58px + var(--safe-top)) calc(14px + var(--safe-bottom))}.gate-copy{text-align:start}.gate-copy h1{font-size:clamp(2.4rem,8vw,4rem)}.gate-visual{min-height:260px;order:initial}.envelope-gate{width:min(310px,44vw)}.gate-open-btn{min-height:44px;margin-top:0}.surprise-hero{min-height:125dvh}.story-media{max-height:78dvh}}@media(prefers-reduced-motion:reduce){.story-placeholder span,.ending>span,.surprise-hero>a,.login-shell:before,.login-shell:after{animation:none!important}.story-item,.story-media,.story-copy,.story-node{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}}