:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;border-inline:none;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{background:radial-gradient(circle at 50% 15%,#fffffff2 0%,#fff0 45%),radial-gradient(circle at 15% 35%,#e8dcf673 0%,#0000 40%),radial-gradient(circle at 85% 35%,#e8dcf673 0%,#0000 40%),#fff7f0;margin:0;padding:0 120px;font-family:Quicksand,sans-serif;overflow-x:hidden}body:before,body:after{content:"";z-index:1;pointer-events:none;background-color:#e8dcf6;width:40px;height:100%;position:fixed;top:0;box-shadow:0 0 18px #c5b8e873}body:before{left:40px}body:after{right:40px}html:before,html:after{content:"";z-index:1;pointer-events:none;background-color:#c5b8e8;width:3px;height:100%;position:fixed;top:0}html:before{left:95px}html:after{right:95px}main{text-align:center;padding-top:0;overflow:visible}h1{color:#4f3c73;letter-spacing:5px;font-family:Emilys Candy,serif;font-size:64px}p{color:#6f6a86;font-size:24px}.title-box{outline-offset:-10px;background:linear-gradient(#fff,#fff8fb);border:2px solid #f7edf7;border-radius:999px;outline:3px dotted #d9a4cc;width:600px;margin:40px auto;padding:5px 20px 25px;box-shadow:inset 0 4px 6px #fffffff2,inset 0 -5px 8px #e8dcf68c,0 16px 38px #aa9bcd38,0 0 30px #ffebf573}nav{background-color:#f3dceb;border:2px solid #c79dda;border-radius:999px;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;width:900px;margin:30px auto;padding:28px 40px;display:flex;position:relative;overflow:visible;box-shadow:0 8px 22px #b4a0dc1f}nav a{color:#6f6a86;padding:10px 18px;font-weight:700;text-decoration:none;transition:all .3s}nav a:hover{color:#7e8fd6;transform:scale(1.1)}.cinematic-section{justify-content:center;align-items:center;gap:80px;margin-top:80px;display:flex}.poetic-line{color:#4f3c73;text-align:center;font-family:Emilys Candy,serif;font-size:42px;line-height:1.6}.video-frame{color:#4f3c73;background-color:#fff;border:3px solid #fbe4f7;border-radius:25px;justify-content:center;align-items:center;width:500px;height:450px;display:flex;box-shadow:0 0 25px #b4a0dc40,0 0 0 8px #fff,0 0 0 12px #c5b8e8}.hero-button-container{text-align:center;margin-top:60px;margin-bottom:25px}.hero-button{color:#4f3c73;cursor:pointer;background:linear-gradient(#fff,#fff8fb);border:2px solid #c5b8e8;border-radius:999px;padding:14px 34px;font-size:18px;font-weight:600;transition:all .25s;box-shadow:inset 0 3px 5px #fffffff2,inset 0 -4px 6px #e6d7f573,0 8px 20px #aa9bcd2e}.hero-button:hover{color:#4f3c73;background:#fffcf2 linear-gradient(#fff,#fffdfe);transform:translateY(-3px)scale(1.03);box-shadow:0 10px 25px #785aaa26}.guard-card{outline-offset:-12px;color:#4f3c73;background:linear-gradient(#f8eaf7,#f1dff2);border-radius:20px;outline:3px dotted #d4a5c7;width:400px;margin:0 auto;padding:30px;box-shadow:inset 0 3px 5px #fffc,inset 0 -4px 6px #e6d7f559,0 12px 30px #aa9bcd29}.photo-placeholder{background-color:#fff;border-radius:12px;width:340px;margin:0 auto 14px;padding:12px 12px 20px;position:relative;box-shadow:0 0 25px #0000001f}.guard-card ul{padding:0;list-style:none}.guard-card li{margin-bottom:6px}.guard-card li:before{content:"♡ ";color:#7e8fd6}.photo-caption{text-align:center;color:#8e6c9f;margin-top:10px;font-family:Emilys Candy,serif;font-size:22px}.guard-card h2{color:#4f3c73;text-align:center;margin-top:14px;margin-bottom:10px;font-family:Emilys Candy,serif}.guard-card p{text-align:center;color:#6f6a86;margin-top:0;margin-bottom:14px;font-size:18px}.floating-photo{object-fit:cover;border-radius:8px;width:100%;height:340px}.carousel-section{z-index:5;width:100vw;margin:0;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.scroll-hint{color:#a88fd8;opacity:.7;pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:20px;animation:3.2s ease-in-out infinite floatHint;display:flex;position:absolute;top:50%;transform:translateY(-50%)}@keyframes floatHint{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 3px))}}.scroll-hint.left{left:20px}.scroll-hint.right{right:20px}.scroll-arrow{font-size:42px;font-weight:700;animation:2.5s ease-in-out infinite arrowNudge}@keyframes arrowNudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.scroll-bubble{color:#755a9a;text-align:center;background:#fffdfe;border:2px solid #c9a4e3;border-radius:999px;padding:10px 18px;font-family:Emilys Candy,cursive;font-size:17px;font-weight:600;line-height:1.2;animation:2.8s ease-in-out infinite floatBubble;position:relative;box-shadow:0 6px 14px #a88fd82e,inset 0 1px 1px #ffffffe6}@keyframes floatBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.scroll-bubble:after{content:"";background:#fff8fc;border-bottom:2px solid #d8b7e6;border-right:2px solid #d8b7e6;width:10px;height:10px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.scroll-hint.left .scroll-arrow{animation-direction:reverse}.guard-card-container{scrollbar-width:none;scroll-behavior:smooth;gap:50px;padding:40px 250px 40px 120px;display:flex;overflow:auto hidden}.guard-card-container::-webkit-scrollbar{display:none}.guard-card{flex-shrink:0;padding:24px}.encouragement-box{outline-offset:-10px;text-align:center;background-color:#fff;border-radius:50px;outline:2px solid #eaddea;max-width:850px;margin:70px auto 40px;padding:5px 40px 15px;box-shadow:0 12px 30px #785aaa24}.encouragement-box h2{color:#6b5a8e;margin-top:30px;margin-bottom:10px;font-family:Emilys Candy,cursive;font-size:2.2rem;font-weight:400}.encouragement-box p{color:#6f6a86;max-width:800px;margin:20px auto;font-size:18px;font-style:italic;line-height:2}.final-quote{color:#4f3c73;font-family:Quicksand,sans-serif;font-size:30px;font-weight:450;line-height:1.2}footer{text-align:center;margin-top:0;padding-top:20px;padding-bottom:20px;position:relative}footer h3{color:#4f3c73;margin-bottom:8px;font-family:Emilys Candy,serif;font-size:38px;font-weight:400}.footer-quote{color:#c68bbe;font-size:20px;font-weight:600}.footer-divider{text-align:center;color:#c5b8e8;margin:35px 0 20px;font-size:22px}.footer-name{color:#8f89a5;letter-spacing:2px;text-transform:uppercase;font-family:Quicksand,sans-serif;font-size:16px}.cinematic-video{object-fit:cover;object-position:top;background-color:#fff;border:3px solid #fbe4f7;border-radius:25px;width:500px;height:450px;padding:12px;transform:rotate(-1deg);box-shadow:0 0 25px #b4a0dc40,0 0 0 8px #fff,0 0 0 12px #c5b8e8}.dropdown{display:inline-block;position:relative}.dropdown-content{z-index:9999;opacity:0;visibility:hidden;background-color:#fff8fb;border:2px solid #c5b8e8;border-radius:20px;min-width:220px;padding:8px 0;transition:all .3s;position:absolute;top:120%;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 8px 20px #b4a0dc2e}.dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translate(-50%)translateY(10px)}.dropdown-content a{color:#4f3c73;padding:10px 18px;font-size:16px;text-decoration:none;transition:all .3s;display:block}.dropdown-content a:hover{color:#b88daf;background-color:#f8eef7}.title-logo{vertical-align:-8px;width:55px;height:auto;margin:0 18px}.quote-banner{text-align:center;background:radial-gradient(#fff8e7 0%,#fff8e78c 45%,#0000 100%);border-top:2px solid #e8dcf6;border-bottom:2px solid #e8dcf6;width:100%;margin:90px auto 50px;padding:60px 0}.quote-banner h3{color:#8e84b0;letter-spacing:.5px;margin-bottom:14px;font-family:Quicksand,sans-serif;font-size:24px;font-weight:600}.footer-credit{color:#9a8cb4;margin-bottom:10px;font-size:15px;font-style:italic;font-weight:500}.footer-credit-button{color:#4f3c73;background:linear-gradient(#fff,#fff6fa);border:2px solid #c5b8e8;border-radius:999px;margin-bottom:30px;padding:10px 22px;font-family:Quicksand,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block;box-shadow:inset 0 2px 4px #ffffffe6,inset 0 -3px 6px #c8b4e640,0 10px 25px #aa9bcd2e}.footer-credit-button:hover{transform:translateY(-3px)scale(1.03);box-shadow:inset 0 2px 4px #fffffff2,inset 0 -3px 6px #c8b4e64d,0 16px 35px #aa9bcd40}.footer-made{color:#c68bbe;margin-bottom:6px;font-size:20px;font-weight:600;line-height:1.4}.welcome-section{text-align:center;margin:80px auto}.welcome-section h2{color:#4f3c73;margin-bottom:45px;font-family:Emilys Candy,serif;font-size:52px;font-weight:400}.welcome-section h2 span{border-bottom:2px dashed #d9a4cc;padding-bottom:10px;display:inline-block}.welcome-message{max-width:560px;margin:0 auto}.welcome-message p{line-height:2}.welcome-note{color:#74548e;margin-top:15px;margin-bottom:28px;font-family:Emilys Candy,serif;font-size:34px;font-weight:400}.welcome-signoff{margin-top:35px;font-family:Emilys Candy,serif;font-size:32px}.note-card{background:linear-gradient(#fffdf8,#fff6ee);border:1px solid #f4e8f3;border-radius:18px 18px 28px 28px;max-width:650px;margin:50px auto;padding:60px 70px 40px 95px;position:relative;overflow:visible;transform:rotate(-.5deg);box-shadow:0 20px 45px #aa9bcd29}.note-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 38px,#d4a5c70f 39px 40px);position:absolute;inset:0}.note-card>*{z-index:2;position:relative}.note-sticker{z-index:5;background:linear-gradient(#fffdfe,#f3ddf9);border:6px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:105px;height:105px;display:flex;position:absolute;top:-100px;left:-170px;transform:rotate(-10deg);box-shadow:0 10px 22px #785aaa2e,0 3px 8px #00000014}.note-sticker img{object-fit:contain;width:70%;height:70%}.note-sticker:before{content:"";background:#ffffff8c;border-radius:50%;width:45px;height:18px;position:absolute;top:10px;left:16px;transform:rotate(-25deg)}.journey-section{text-align:center;margin:90px auto}.journey-section h2{color:#4f3c73;margin-bottom:35px;font-family:Emilys Candy,serif;font-size:48px;font-weight:400}.journey-section h2 span{border-bottom:2px dashed #d9a4cc;padding-bottom:10px;display:inline-block}.journey-card{background:linear-gradient(#fff,#fff9fc);border:2px solid #f4e8f3;border-radius:28px;max-width:650px;margin:0 auto;padding:40px 55px;box-shadow:0 12px 28px #aa9bcd24}.journey-card p{color:#6f6a86;font-size:20px;line-height:2}.journey-transition{color:#74548e;margin-top:30px;font-family:Emilys Candy,serif;font-size:30px}.roadmap{flex-direction:column;align-items:center;gap:140px;width:1000px;margin:70px auto;display:flex}.roadmap-stop{text-align:center;background:linear-gradient(#fff,#fff8fb);border:2px solid #f2e6f5;border-radius:30px;width:320px;padding:28px;transition:transform .35s,box-shadow .35s,border-color .35s;box-shadow:0 12px 28px #aa9bcd26}.roadmap-stop:hover{border-color:#d8b7e6;transform:translateY(-8px)scale(1.02);box-shadow:0 24px 45px #aa9bcd38}.roadmap-circle{color:#4f3c73;background:#e8dcf6;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-family:Emilys Candy,serif;font-size:36px;transition:all .35s;display:flex}.roadmap-stop:hover .roadmap-circle{transform:scale(1.08)}.roadmap-stop.left{align-self:flex-start}.roadmap-stop.middle{align-self:center}.roadmap-stop.right{align-self:flex-end}.roadmap-preview{opacity:0;max-height:0;transition:max-height .45s,opacity .3s;overflow:hidden}.roadmap-stop:hover .roadmap-preview{opacity:1;max-height:300px;margin-top:22px}.roadmap-stop{transition:transform .3s,box-shadow .3s,padding .35s}.roadmap-stop:hover{padding-bottom:40px;transform:translateY(-6px);box-shadow:0 22px 45px #aa9bcd33}.roadmap-stop h3{transition:color .35s}.roadmap-stop:hover h3{color:#7a5a9a}.roadmap-preview ul{margin:0;padding:0;list-style:none}.roadmap-preview li{color:#6f6a86;margin:12px 0;font-size:17px;line-height:1.6}.preview-button{color:#4f3c73;cursor:pointer;background:#e8dcf6;border:none;border-radius:999px;margin-top:25px;padding:10px 22px;font-family:Quicksand,sans-serif;font-weight:600;transition:all .25s}.preview-button:hover{transform:scale(1.05)}.journey-closing{justify-content:center;margin:110px auto;padding:0 20px;display:flex}.closing-card{text-align:center;background:#fffbf7;border:4px solid #dcccf4;border-radius:35px;max-width:850px;padding:70px 65px;position:relative;box-shadow:0 18px 45px #aa96d22e}.closing-card h2{color:#6a528e;margin-bottom:20px;font-family:Emilys Candy,cursive;font-size:3.2rem}.opening-line{color:#a07bc6;margin-bottom:20px;font-size:1.3rem;font-weight:600}.closing-divider{background:#dcccf4;border-radius:999px;width:90px;height:3px;margin:30px auto}.closing-card p{color:#6b6487;font-family:Quicksand,sans-serif;font-size:1.12rem;line-height:2}.closing-thanks{color:#b684b8;margin-top:35px;font-weight:700}.closing-card h3{color:#8664a9;margin-top:30px;font-family:Emilys Candy,cursive;font-size:2rem}.signature{color:#9b87b7;margin-top:45px;font-family:Quicksand,sans-serif;font-style:italic;line-height:1.8}.signature span{color:#8664a9;font-family:Emilys Candy,cursive;font-size:1.7rem}.corner-flower{color:#d7b6e8;font-size:1.8rem;position:absolute}.top-left{top:22px;left:28px}.top-right{top:22px;right:28px}.bottom-left{bottom:22px;left:28px}.bottom-right{bottom:22px;right:28px}