:root{--primary: #4a0e0e;--accent: #b76e79;--gold: #d4af37;--bg-cream: #fdfbf7;--text-dark: #2c2c2c;--white: #ffffff;--transition-slow: .8s cubic-bezier(.4, 0, .2, 1);--transition-fast: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background-color:var(--bg-cream);color:var(--text-dark);overflow-x:hidden;line-height:1.6}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at center,#fff5f5,#fdfbf7)}h1,h2,h3{font-family:Playfair Display,serif}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative}.hero-content h1{font-size:clamp(3rem,10vw,6rem);color:var(--primary);margin-bottom:1rem;letter-spacing:-1px}.hero-content .subtitle{font-family:Playfair Display,serif;font-style:italic;font-size:1.5rem;color:var(--accent);margin-bottom:1rem}.hero-content .love-note{font-family:Great Vibes,cursive;font-size:2.5rem;color:var(--primary);margin-top:1.5rem}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.8}.scroll-indicator span{font-size:.8rem;text-transform:uppercase;letter-spacing:2px}.arrow{width:1px;height:50px;background:var(--primary);position:relative;overflow:hidden}.arrow:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent);animation:scrollLine 2s infinite}@keyframes scrollLine{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.grid-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.envelope-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8rem;padding:3rem 0}.envelope-wrapper:nth-child(2n){transform:translateY(30px) rotate(3deg)}.envelope-wrapper:nth-child(odd){transform:translateY(-20px) rotate(-2deg)}.envelope-wrapper:nth-child(3n){transform:translateY(10px) rotate(-4deg)}.envelope-wrapper:nth-child(4n){transform:translateY(-10px) rotate(4deg)}.envelope-wrapper{perspective:1000px;transition:transform .3s ease}.envelope-wrapper:hover{z-index:10}.envelope{position:relative;width:100%;aspect-ratio:3/2;background:#fff;border-radius:4px;box-shadow:0 10px 30px #0000000d;cursor:pointer;transition:var(--transition-slow);transform-style:preserve-3d;border:1px solid rgba(0,0,0,.05)}.envelope:hover{transform:translateY(-10px) rotateX(5deg);box-shadow:0 20px 40px #4a0e0e1a}.envelope.locked{filter:grayscale(.5);cursor:not-allowed;opacity:.7}.envelope-flap{position:absolute;top:0;left:0;width:100%;height:50%;background:#f9f9f9;clip-path:polygon(0 0,100% 0,50% 100%);z-index:2;transform-origin:top;transition:var(--transition-slow);border-bottom:1px solid rgba(0,0,0,.05);display:none}.format-envelope .envelope-flap{display:block}.envelope:hover .envelope-flap{transform:rotateX(20deg)}.envelope-body{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.format-envelope .envelope-body{justify-content:flex-end;padding-bottom:1.5rem}.format-envelope .envelope-date{font-size:3.5rem}.format-envelope .countdown-timer{top:15px;bottom:auto}.envelope-date{font-family:Playfair Display,serif;font-size:4rem;color:var(--primary);margin-bottom:.5rem;line-height:1}.envelope-month{text-transform:uppercase;letter-spacing:3px;font-size:.7rem;color:var(--accent)}.countdown-timer{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:4;background:#fffffff2;padding:.5rem 1rem;border-radius:20px;font-family:Montserrat,sans-serif;font-weight:600;font-size:.85rem;color:var(--primary);box-shadow:0 4px 15px #0000001a;white-space:nowrap;border:1px solid rgba(183,110,121,.3)}.format-polaroid .countdown-timer{bottom:35%}.format-polaroid .envelope-body{height:25%;background:#fff;border-top:1px solid #eee}.format-polaroid:before{content:"";position:absolute;top:5%;left:5%;width:90%;height:65%;background:#2c2c2c;border-radius:2px}.format-polaroid .envelope-date{font-size:2rem;margin-bottom:0}.format-postcard .envelope-body{background:#fdf6e3;background-image:repeating-linear-gradient(transparent,transparent 1.5rem,rgba(0,0,0,.05) 1.5rem,rgba(0,0,0,.05) 1.55rem)}.format-postcard:after{content:"✉";position:absolute;top:10px;right:20px;font-size:2rem;color:var(--accent);opacity:.5}.format-note .envelope-body{background:#fce4ec;border-radius:4px;border-left:5px solid var(--accent)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.modal.active{display:flex;opacity:1}.modal-overlay{position:absolute;width:100%;height:100%;background:#2c2c2ccc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.letter-container{position:relative;width:90%;max-width:600px;z-index:101;transform:translateY(50px);transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.modal.active .letter-container{transform:translateY(0)}.letter{background:#fff;padding:4rem;box-shadow:0 30px 60px #0000004d;position:relative;min-height:400px;background-image:linear-gradient(to bottom,#fff,#fdfbf7)}.letter:before{content:"";position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:1px solid rgba(183,110,121,.2);pointer-events:none}.letter-content{font-family:Playfair Display,serif;font-size:1.2rem;line-height:1.8;color:var(--text-dark);white-space:pre-wrap}.alert-container{position:relative;width:90%;max-width:400px;z-index:101;transform:scale(.8);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.modal.active .alert-container{transform:scale(1)}.alert-content{background:#fff;padding:3rem 2rem;border-radius:20px;box-shadow:0 20px 40px #0003;text-align:center;position:relative;border:2px solid rgba(183,110,121,.2)}.alert-icon{font-size:3rem;margin-bottom:1rem;animation:peek 2s infinite alternate ease-in-out}@keyframes peek{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.alert-title{font-family:Great Vibes,cursive;font-size:3.5rem;color:var(--primary);margin-bottom:1rem;line-height:1}.alert-message{font-family:Montserrat,sans-serif;font-size:1.1rem;color:var(--text-dark);line-height:1.5}.highlight-days{font-weight:700;color:var(--accent);font-size:1.3rem}.alert-decoration{font-size:2rem;color:var(--accent);margin-top:1.5rem;opacity:.5}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:var(--accent);cursor:pointer;transition:var(--transition-fast)}.close-btn:hover{color:var(--primary);transform:rotate(90deg)}.fade-in{animation:fadeIn 1.5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer{text-align:center;padding:4rem 2rem;color:var(--accent);font-family:Great Vibes,cursive;font-size:2rem}@media (max-width: 768px){.letter{padding:2rem}.hero-content h1{font-size:3rem}.envelope-wrapper:nth-child(n){transform:none;margin-bottom:2rem}}.memories-section{padding:6rem 2rem;background:linear-gradient(to bottom,var(--bg-cream) 0%,#fff 100%);text-align:center;position:relative}.memories-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(to right,transparent,var(--accent),transparent);opacity:.5}.section-title{font-size:3rem;color:var(--primary);margin-bottom:.5rem;font-family:Playfair Display,serif;position:relative;display:inline-block}.section-title:before,.section-title:after{content:"♡";color:var(--accent);margin:0 15px;font-size:2rem;vertical-align:middle;opacity:.6}.memories-subtitle{font-family:Great Vibes,cursive;font-size:2.2rem;color:var(--accent);margin-bottom:3rem}.carousel-wrapper{position:relative;max-width:800px;margin:0 auto;display:flex;align-items:center;padding:1rem;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000014;border:1px solid rgba(183,110,121,.1)}.gallery-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;padding:0;scrollbar-width:none;width:100%;border-radius:12px}.gallery-container::-webkit-scrollbar{display:none}.memory-card{flex:0 0 100%;width:100%;height:70vh;min-height:400px;scroll-snap-align:start;position:relative;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.memory-card img{width:100%;height:100%;object-fit:cover;transition:filter .5s ease}.memory-card.locked img{filter:blur(80px) brightness(.4)}.memory-locked-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;background:#0006;padding:2rem;border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.memory-locked-overlay span{font-size:2.5rem;margin-bottom:.5rem}.memory-locked-overlay p{font-size:.9rem;font-family:Montserrat,sans-serif;font-weight:600;margin-bottom:1rem}.memory-countdown{font-family:Montserrat,sans-serif;font-weight:700;font-size:1rem;color:var(--primary);background:#fffffff2;padding:.5rem 1rem;border-radius:20px;box-shadow:0 4px 10px #0000001a;white-space:nowrap}.reveal-btn{font-family:Montserrat,sans-serif;font-weight:600;font-size:.9rem;color:#fff;background:var(--primary);border:none;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 15px #4a0e0e4d;text-transform:uppercase;letter-spacing:1px}.reveal-btn:hover{background:var(--accent);transform:scale(1.05);box-shadow:0 6px 20px #b76e7966}.carousel-btn{background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;color:var(--primary);cursor:pointer;position:absolute;z-index:5;transition:var(--transition-fast);box-shadow:0 4px 10px #00000026;display:flex;align-items:center;justify-content:center}.carousel-btn:hover{background:var(--white);transform:scale(1.1)}.prev-btn{left:-25px}.next-btn{right:-25px}@media (max-width: 768px){.prev-btn{left:10px}.next-btn{right:10px}}