:root{--bg-dark: #050510;--navy-blue: #0a0a25;--purple-deep: #1a0b2e;--rose-gold: #b76e79;--glow-gold: #ffd700;--text-white: #f0f0f5;--accent-pink: #ff4d6d;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-white);font-family:Inter,sans-serif;overflow-x:hidden;line-height:1.6}h1,h2,.signature{font-family:Playfair Display,serif}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-dark);display:flex;justify-content:center;align-items:center;z-index:9999}.preloader-content{text-align:center}.beating-heart{font-size:4rem;margin-bottom:20px;animation:heartBeat 1.2s infinite ease-in-out}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}#preloader-text{font-size:1.2rem;font-style:italic;color:var(--rose-gold);letter-spacing:2px}#scroll-wrapper{position:relative;z-index:10;perspective:2000px;transform-style:preserve-3d;height:1200vh}.hero-section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.hero-section h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;margin-bottom:20px;background:linear-gradient(to bottom,#fff,var(--rose-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.hero-section h1 small{font-size:.5em;font-weight:400;opacity:.8}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);opacity:.6;animation:bounce 2s infinite;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:20}.scroll-indicator span{font-size:.9rem;letter-spacing:1px;text-transform:uppercase;color:var(--rose-gold)}.arrow{width:20px;height:20px;border-right:2px solid var(--text-white);border-bottom:2px solid var(--text-white);transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.letter-section{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:10vh 5vw}.content-block{max-width:800px;width:100%;position:relative;padding:40px;border-radius:24px;transform-style:preserve-3d;transition:transform .1s ease-out;opacity:0;pointer-events:none}.content-block.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d}.content-block.center{text-align:center}p{font-size:clamp(1.1rem,3vw,1.5rem);margin-bottom:1.5rem;font-weight:300}.intro{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:400}.highlight{color:var(--rose-gold);font-weight:600}.bullet-list{list-style:none}.bullet-list li{font-size:clamp(1rem,2.5vw,1.3rem);margin-bottom:2rem;padding-left:20px;position:relative;transition:all .3s ease}.bullet-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--rose-gold);border-radius:50%}.bullet-list li:hover{color:var(--glow-gold);text-shadow:0 0 15px rgba(255,215,0,.5);transform:translate(10px)}.pulse-container{margin:40px 0}.big-heart{font-size:clamp(5rem,15vw,10rem);display:inline-block;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 0 30px rgba(255,77,109,.3))}.big-heart:hover{transform:scale(1.1)}.signature{font-size:clamp(2rem,6vw,3.5rem);margin-bottom:1rem;color:var(--accent-pink)}.footer{margin-top:4rem;font-style:italic;opacity:.9}#secret-section{flex-direction:column}.frozen-rose-container{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-bottom:30px}.frozen-rose{font-size:6rem;z-index:2;filter:drop-shadow(0 0 20px rgba(255,77,109,.5))}.rose-shimmer{position:absolute;width:150%;height:150%;background:radial-gradient(circle,#fff3,#fff0 70%);animation:rotateShimmer 10s linear infinite}@keyframes rotateShimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ice-shard{position:absolute;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.shard-1{width:120px;height:180px;transform:rotate(15deg);opacity:.4}.shard-2{width:140px;height:160px;transform:rotate(-25deg);opacity:.3}.shard-3{width:160px;height:140px;transform:rotate(45deg);opacity:.2}.touch-text{font-style:italic;opacity:.6;animation:pulseText 2s infinite ease-in-out}@keyframes pulseText{0%,to{opacity:.4}50%{opacity:.8}}#cosmic-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:10000;opacity:0;pointer-events:none;display:flex;justify-content:center;align-items:center}#cosmic-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%}.cosmic-message{position:relative;z-index:10;text-align:center;padding:20px;max-width:900px}.message-3d{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1.5rem;opacity:0;transform:translateY(30px);text-shadow:0 0 20px rgba(255,255,255,.5)}.message-3d.signature{font-size:clamp(1.5rem,4vw,2.5rem);margin-top:2rem;font-style:italic;color:var(--rose-gold)}#audio-prompt{position:fixed;top:0;left:0;width:100%;height:100%;background:#050510f2;z-index:10001;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#start-journey{padding:1.5rem 3rem;font-size:1.5rem;background:transparent;color:var(--text-white);border:2px solid var(--rose-gold);border-radius:50px;cursor:pointer;font-family:Playfair Display,serif;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 30px #b76e7933}#start-journey:hover{background:var(--rose-gold);transform:scale(1.05);box-shadow:0 0 50px #b76e7980}@media (max-width: 600px){.content-block{padding:20px}}