:root{--color-bg-dark: #0b2e13;--color-bg-light: #165b33;--color-primary: #d42426;--color-text: #f8f9fa;--color-accent: #ffd700;--font-heading: "Playfair Display", serif;--font-body: "Inter", sans-serif}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--color-bg-dark);color:var(--color-text);font-family:var(--font-body);overflow-x:hidden;cursor:none;scroll-behavior:smooth}a,button{cursor:none}#app{width:100%}.full-screen-section{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2rem;box-sizing:border-box}#hero{background:radial-gradient(circle at center,var(--color-bg-light),var(--color-bg-dark))}#letter{background-color:var(--color-bg-dark)}#gallery{background-color:#08200e}#closing{background:radial-gradient(circle at center,var(--color-primary),#5a090a)}h1{font-family:var(--font-heading);font-size:5rem;font-weight:700;font-style:italic;margin:0;color:var(--color-primary);text-shadow:2px 2px 0px #fff,0 0 30px rgba(212,36,38,.5);line-height:1.1;text-align:center}#closing h1{color:#fff;text-shadow:0 0 30px rgba(255,255,255,.5)}.subtitle{font-size:1.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-top:1rem;text-shadow:0 2px 10px rgba(0,0,0,.3);text-align:center}.glass-card{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;text-align:center;box-shadow:0 20px 60px #0006;max-width:600px;width:100%;font-size:1.2rem;line-height:1.8}.glass-card h2{font-family:var(--font-heading);font-size:3rem;margin-bottom:1.5rem;color:var(--color-accent)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1000px}.gallery-item img{width:100%;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #00000080;border:2px solid rgba(255,255,255,.1);transition:transform .4s ease}.gallery-item:hover img{transform:scale(1.03)}.text-item{display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:2rem;text-align:center;padding:2rem;font-style:italic;color:var(--color-accent)}.scroll-arrow{position:absolute;bottom:40px;background:transparent;border:2px solid var(--color-text);border-radius:50%;color:var(--color-text);width:50px;height:50px;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s ease;animation:bounce 2s infinite}.scroll-arrow:hover{background:var(--color-text);color:var(--color-bg-dark);transform:scale(1.1)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.fade-in-up{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.fade-in-up.visible{opacity:1;transform:translateY(0)}#music-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);color:var(--color-text);font-size:24px;cursor:pointer;z-index:1000;transition:all .3s ease;display:flex;align-items:center;justify-content:center}#music-toggle:hover{background:var(--color-primary);transform:scale(1.1) rotate(10deg)}#music-toggle.playing{background:var(--color-accent);color:var(--color-bg-dark);animation:music-pulse 2s infinite}@keyframes music-pulse{0%{box-shadow:0 0 #d4af3766}70%{box-shadow:0 0 0 10px #d4af3700}to{box-shadow:0 0 #d4af3700}}#cursor-follower{position:fixed;top:0;left:0;width:20px;height:20px;background-color:var(--color-accent);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .3s,height .3s,background-color .3s;box-shadow:0 0 10px var(--color-accent);mix-blend-mode:normal}#cursor-follower.active{width:60px;height:60px;background-color:#fff3;border:2px solid var(--color-accent)}#snow-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.8}.stats-grid{display:flex;gap:4rem;justify-content:center;align-items:center;margin-top:3rem;margin-bottom:3rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-size:5rem;font-weight:700;color:var(--color-accent);display:block;line-height:1;font-family:var(--font-heading);margin-bottom:.5rem}.stat-label{font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;opacity:.8}.ticket-marquee-wrapper{display:flex;flex-direction:column;justify-content:center;gap:20px;width:100%;height:100%;opacity:.6;transform:rotate(-2deg) scale(1.1)}.marquee-row{display:flex;gap:20px;width:max-content}.ticket-img{height:25vh;border-radius:10px;box-shadow:none;transition:transform .3s}.ticket-img:hover{transform:scale(1.05);z-index:100;opacity:1}.scroll-left{animation:scrollLeft 40s linear infinite}.scroll-right{animation:scrollRight 40s linear infinite}#lyrics-section .marquee-row .scroll-left,#lyrics-section .marquee-row.scroll-left,#lyrics-section .marquee-row.scroll-right{animation-duration:80s}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.quote-section{background-color:#000}.quote-text{font-family:var(--font-heading);font-size:2.5rem;font-style:italic;color:var(--color-text);text-align:center;line-height:1.4;max-width:800px;margin:0 auto;opacity:.9}.heart-pulse{font-size:8rem;animation:heartbeat 1.5s infinite;margin-bottom:2rem;display:inline-block}.heart-date{font-family:var(--font-heading);font-size:2rem;color:var(--color-text);opacity:.8;letter-spacing:2px}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.scratch-container{position:relative;width:400px;height:200px;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #00000080}.scratch-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:var(--color-accent);font-family:var(--font-heading);font-size:2.5rem;font-weight:700;z-index:1}#scratch-canvas{position:absolute;top:0;left:0;z-index:2;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='10' fill='gold' stroke='white' stroke-width='2'/%3E%3C/svg%3E") 16 16,auto;transition:opacity 1s}#lightbox{position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}#lightbox.visible{opacity:1;pointer-events:auto}#lightbox-img{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 0 50px #ffffff1a;transform:scale(.9);transition:transform .3s ease}#lightbox.visible #lightbox-img{transform:scale(1)}#lightbox-close{position:absolute;top:20px;right:40px;color:#fff;font-size:40px;cursor:pointer;font-family:var(--font-body);transition:color .3s}#lightbox-close:hover{color:var(--color-primary)}.coupon-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;max-width:1600px;margin-top:3rem;padding:0 1rem}.envelope-wrapper{display:flex;flex-direction:column;align-items:center}.envelope-label{font-family:Playfair Display,serif;color:gold;margin-top:1rem;font-size:1.1rem;letter-spacing:1px;opacity:.8}.envelope{position:relative;width:250px;height:160px;background:#3a1c1c;cursor:pointer;border-radius:0 0 5px 5px;box-shadow:0 0 20px #00000080;transition:transform .3s}.envelope:hover{transform:translateY(-5px)}.envelope:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#2a1414;clip-path:polygon(0 0,50% 100%,100% 0);z-index:1}.envelope .front{position:absolute;width:0;height:0;z-index:3}.envelope .flap{border-left:125px solid transparent;border-right:125px solid transparent;border-top:90px solid #4a2424;border-bottom:0 solid transparent;top:0;left:0;transform-origin:top;transition:transform .6s .2s,z-index .2s;z-index:5}.envelope .pocket{border-left:125px solid #3a1c1c;border-right:125px solid #3a1c1c;border-bottom:90px solid #4e2626;border-top:70px solid transparent;bottom:0;left:0;z-index:4}.envelope.open .flap{transform:rotateX(180deg);z-index:1;transition:transform .6s,z-index .2s}.envelope.open .letter{transform:translateY(-80px);transition:transform .6s .3s;z-index:2}.envelope.open:hover .letter{transform:translateY(-100px)}.letter{position:absolute;bottom:0;left:15px;width:220px;height:130px;background:#fff;border-radius:5px;z-index:2;transition:transform .3s;display:flex;align-items:center;justify-content:center;box-shadow:0 -2px 10px #0000001a;overflow:hidden}.letter-content{text-align:center;padding:10px;border:4px double #d42426;width:90%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.letter-content .icon{font-size:2rem;margin-bottom:2px}.letter-content h3{font-family:Playfair Display,serif;font-size:1.1rem;margin:2px 0;color:#1a0b0b}.letter-content .code{font-family:Inter,sans-serif;font-size:.7rem;background:#d42426;color:#fff;padding:2px 8px;border-radius:10px;margin-top:5px}.envelope.special{width:300px;height:200px;background:gold}.envelope.special:before{background:#daa520}.envelope.special .pocket{border-left:150px solid #ffd700;border-right:150px solid #ffd700;border-bottom:140px solid #e6c200;border-top:60px solid transparent}.envelope.special .flap{border-left:150px solid transparent;border-right:150px solid transparent;border-top:140px solid #ffd700;border-bottom:0 solid transparent}.envelope.special.open .letter{transform:translateY(-160px)}.envelope.special .letter{width:270px;height:170px}.tunnel-container{height:400vh;position:relative;background-color:#000}.tunnel-viewport{position:sticky;top:0;width:100%;height:100vh;overflow:hidden;perspective:1000px}.tunnel-world{position:absolute;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}.tunnel-image{position:absolute;left:50%;top:50%;width:300px;height:auto;transform:translate(-50%,-50%);border-radius:10px;box-shadow:0 0 20px #ffd70033;opacity:0;transition:opacity .5s ease}.tunnel-image.visible{opacity:1}#login-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0a0a0a;display:flex;justify-content:center;align-items:center;z-index:10000;color:#fff;font-family:Playfair Display,serif}.login-box{background:#1a0b0b;padding:3rem;border:2px solid #d4af37;border-radius:10px;text-align:center;box-shadow:0 0 30px #000c}.login-box h2{color:#d4af37;margin-bottom:1rem}#password-input{margin:1rem 0;padding:.8rem;width:100%;background:#ffffff1a;border:1px solid #d4af37;color:#fff;border-radius:5px;font-family:Inter,sans-serif}#login-btn{padding:.8rem 2rem;background:#d4af37;color:#1a0b0b;border:none;border-radius:5px;cursor:pointer;font-weight:700;font-family:Inter,sans-serif;transition:background .3s}#login-btn:hover{background:#f1c40f}