@import"https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@700&family=Great+Vibes&family=Patrick+Hand&display=swap";:root{--christmas-red: #d32f2f;--christmas-green: #43b949;--gold: #ffd700;--snow: #ffffff;--paper: #fdfdfd;--shadow: rgba(0, 0, 0, .2);--bg-gradient: linear-gradient(135deg, #ffffff, #f0f8ff, #e0f6ff)}body{font-family:Great Vibes,cursive;background:var(--bg-gradient);color:#333;overflow-x:hidden}.christmas-page{min-height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.container{max-width:800px;width:100%;text-align:center}.header h1{font-family:Mountains of Christmas,cursive;font-size:3rem;color:var(--gold);text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:10px}.header p{font-size:1.2rem;color:var(--christmas-green);opacity:.9}.envelope-wrap{position:relative;margin-top:40px;perspective:1000px}.christmas-bg{position:absolute;inset:-50px;background:url(https://images.unsplash.com/photo-1512389142860-9c449e58a543?auto=format&fit=crop&w=800&q=80) center/cover;filter:blur(3px) brightness(.3);z-index:-1;border-radius:20px}.snowflakes{position:absolute;inset:0;pointer-events:none;z-index:0}.lights{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-around;z-index:1}.light{width:15px;height:15px;border-radius:50%;animation:twinkle 2s infinite}.light.red{background:var(--christmas-red)}.light.green{background:var(--christmas-green)}.light.blue{background:#2196f3}.light.yellow{background:var(--gold)}.light:nth-child(1){animation-delay:0s}.light:nth-child(2){animation-delay:.5s}.light:nth-child(3){animation-delay:1s}.light:nth-child(4){animation-delay:1.5s}.light:nth-child(5){animation-delay:2s}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.tree-decoration,.gift-decoration{position:absolute;font-size:3rem;z-index:1}.tree-decoration{bottom:20px;left:20px}.gift-decoration{top:20px;right:20px}.envelope-container{position:relative;display:flex;flex-direction:column;align-items:center}.envelope{width:400px;height:250px;position:relative;transform-style:preserve-3d;cursor:pointer;z-index:2}.envelope-front,.envelope-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;box-shadow:0 10px 30px var(--shadow)}.envelope-front{background:linear-gradient(135deg,#f8f8f8,#e8e8e8);border:2px solid #ccc;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotateX(0)}.stamp{font-size:4rem;margin-bottom:10px}.envelope-text{font-size:1.5rem;font-weight:700;color:var(--christmas-red)}.envelope-back{background:var(--paper);transform:rotateX(180deg)}.letter{width:100%;max-width:550px;background:#fdfbf7;border-radius:2px;padding:40px;margin:20px auto;box-shadow:0 2px 15px #00000014;z-index:3;position:relative;font-family:Patrick Hand,cursive;color:#2c3e50}.letter:before{content:"";position:absolute;top:33%;left:20px;right:20px;height:1px;background:#00000008;box-shadow:0 1px #ffffff80}.letter:after{content:"";position:absolute;top:66%;left:20px;right:20px;height:1px;background:#00000008;box-shadow:0 1px #ffffff80}.letter-header h1{font-family:Great Vibes,cursive;font-size:2.5rem;color:var(--christmas-red);margin-bottom:10px}.letter-header p{font-size:1.3rem;color:var(--christmas-green)}.letter-body{margin:30px 0;text-align:left;font-size:1.2rem;line-height:1.6}.stamp-mark{position:absolute;top:30px;right:30px;width:50px;height:60px;background:#fff;border:2px dotted #d32f2f;display:flex;align-items:center;justify-content:center;transform:rotate(8deg);box-shadow:1px 1px 3px #0000001a;z-index:10}.stamp-inner{color:#d32f2f;opacity:.8}.gift-info{display:flex;align-items:center;margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:10px}.gift-icon{width:60px;height:60px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;margin-right:15px;overflow:hidden}.gift-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.icon{font-size:2rem;color:var(--christmas-red)}.gift-details h3{font-size:1.2rem;margin-bottom:5px;color:var(--christmas-green)}.gift-details p{font-size:.9rem;opacity:.8}.message{background:#f9f9f9;padding:15px;border-radius:10px;margin:15px 0;border-left:5px solid var(--christmas-red);font-style:italic}.redeem-section{margin-top:20px}.redeem-button{background:linear-gradient(135deg,var(--christmas-red),#b71c1c);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px}.redeem-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.redeem-button:disabled{opacity:.6;cursor:not-allowed}.claimed,.success{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:var(--christmas-green);color:#fff;border-radius:10px;font-weight:700}.check-icon{font-size:1.5rem}.success a{color:var(--gold);text-decoration:none;font-weight:700}.letter-footer{margin-top:20px;text-align:right;font-style:italic;color:var(--christmas-green)}.password-gate{background:#ffffffe6;border-radius:20px;padding:40px;box-shadow:0 10px 30px var(--shadow);max-width:400px;margin:0 auto}.gate-content{display:flex;flex-direction:column;align-items:center;gap:20px}.gate-icon{font-size:3rem;color:var(--christmas-red)}.gate-content h2{font-family:Mountains of Christmas,cursive;font-size:1.8rem;color:var(--christmas-green);text-align:center}.gate-content p{text-align:center;color:#333;font-family:sans-serif}.gate-input{width:100%;padding:12px;border:2px solid #ddd;border-radius:10px;font-size:1rem;text-align:center}.gate-button{background:linear-gradient(135deg,var(--christmas-red),#b71c1c);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s}.gate-button:hover:not(:disabled){transform:translateY(-2px)}.gate-button:disabled{opacity:.6;cursor:not-allowed}.loading{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px}.spin{animation:spin 1s linear infinite}.large{font-size:3rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background:#ffebee;color:var(--christmas-red);padding:20px;border-radius:10px;font-weight:700;text-align:center}.celebration{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;font-size:3rem;font-weight:700;color:var(--gold);z-index:1000}@media(max-width:600px){.envelope{width:300px;height:200px}.letter{width:100%;padding:20px}.header h1{font-size:2rem}.lights{top:10px;left:10px;right:10px}.tree-decoration,.gift-decoration{font-size:2rem}}