:root{--sky-light:#e8f4fc;--sky-mid:#b8d4e8;--sky-deep:#7eb5d6;--heaven-blue:#5a9fcf;--cloud-white:#fff;--soft-cream:#fff9f0;--halo-gold:gold;--warm-gold:#e8c547;--sparkle:#fffacd;--heart-pink:#ff6b9d;--soft-rose:#ffb6c1;--broken-heart:#dc3545;--hellfire-orange:#ff6b35;--ember-glow:#ff4500;--text-dark:#2c3e50;--text-soft:#5d6d7e;--font-script:"Great Vibes", cursive;--font-elegant:"Cinzel", serif;--font-body:"Cormorant Garamond", serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);background:linear-gradient(#a8d8ff 0%,#d4ecff 20%,#e8f4fc 40%,#fff9f0 70%,#ffebf0 100%);overflow-x:hidden}#app{min-height:100vh;position:relative}.heavenly-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.light-rays{background:conic-gradient(from 90deg at 50% 0,#0000 0deg,#ffd70014 10deg,#0000 20deg,#ffd7000d 30deg,#0000 40deg,#ffd70014 50deg,#0000 60deg,#ffd7000d 70deg,#0000 80deg,#ffd70014 90deg,#0000 100deg,#ffd7000d 110deg,#0000 120deg,#ffd70014 130deg,#0000 140deg,#ffd7000d 150deg,#0000 160deg,#ffd70014 170deg,#0000 180deg);width:200%;height:100%;animation:8s ease-in-out infinite raysPulse;position:absolute;top:-50%;left:50%;transform:translate(-50%)}@keyframes raysPulse{0%,to{opacity:.6}50%{opacity:1}}.clouds-layer{background-repeat:repeat-x;background-size:1000px 400px;width:300%;height:400px;position:absolute}.clouds-back{opacity:.7;background-image:radial-gradient(120px 80px at 100px 200px,#ffffffe6 0%,#0000 70%),radial-gradient(180px 100px at 300px 150px,#ffffffd9 0%,#0000 70%),radial-gradient(150px 90px at 500px 220px,#fffc 0%,#0000 70%),radial-gradient(200px 110px at 700px 180px,#ffffffd9 0%,#0000 70%),radial-gradient(140px 85px at 900px 200px,#ffffffe6 0%,#0000 70%);animation:120s linear infinite cloudsMove;top:0}.clouds-mid{opacity:.8;background-image:radial-gradient(160px 100px at 150px 180px,#fffffff2 0%,#0000 70%),radial-gradient(200px 120px at 400px 140px,#ffffffe6 0%,#0000 70%),radial-gradient(180px 110px at 650px 190px,#ffffffd9 0%,#0000 70%),radial-gradient(220px 130px at 850px 160px,#ffffffe6 0%,#0000 70%);animation:90s linear infinite reverse cloudsMove;top:50px}.clouds-front{opacity:.9;background-image:radial-gradient(200px 130px at 200px 150px,#fff 0%,#0000 70%),radial-gradient(250px 150px at 500px 120px,#fffffff2 0%,#0000 70%),radial-gradient(180px 120px at 800px 170px,#fff 0%,#0000 70%);animation:60s linear infinite cloudsMove;top:100px}@keyframes cloudsMove{0%{transform:translate(0)}to{transform:translate(-1000px)}}.bottom-clouds{z-index:10;pointer-events:none;background:radial-gradient(300px 150px at 10% 100%,#fffffff2 0%,#0000 70%),radial-gradient(400px 180px at 30% 100%,#ffffffe6 0%,#0000 70%),radial-gradient(350px 160px at 50% 100%,#fffffff2 0%,#0000 70%),radial-gradient(400px 170px at 70% 100%,#ffffffe6 0%,#0000 70%),radial-gradient(300px 150px at 90% 100%,#fffffff2 0%,#0000 70%);height:200px;position:fixed;bottom:-50px;left:0;right:0}.sparkles-container{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sparkle{opacity:0;font-size:1rem;animation:8s ease-in-out infinite sparkleFloat;position:absolute}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(100vh)scale(.5)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)scale(1)}}.floating-hearts{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floating-heart{opacity:0;animation:12s ease-in-out infinite heartFloat;position:absolute}@keyframes heartFloat{0%{opacity:0;transform:translateY(100vh)rotate(0)scale(.5)}5%{opacity:.7}95%{opacity:.7}to{opacity:0;transform:translateY(-100px)rotate(360deg)scale(1)}}.memorial-container{z-index:5;text-align:center;max-width:800px;margin:0 auto;padding:60px 20px 120px;animation:1.5s ease-out fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dove{filter:drop-shadow(0 2px 4px #0000001a);font-size:2.5rem;animation:4s ease-in-out infinite doveFloat;position:absolute;top:40px}.dove-left{animation-delay:0s;left:5%}.dove-right{animation-delay:2s;right:5%;transform:scaleX(-1)}@keyframes doveFloat{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-15px)rotate(5deg)}}.dove-right{animation-name:doveFloatRight}@keyframes doveFloatRight{0%,to{transform:translateY(0)rotate(5deg)scaleX(-1)}50%{transform:translateY(-15px)rotate(-5deg)scaleX(-1)}}.heaven-text{font-family:var(--font-script);color:var(--heaven-blue);text-shadow:0 2px 4px #fffc,0 4px 8px #5a9fcf4d;margin-bottom:40px;font-size:clamp(2rem,6vw,3.5rem);animation:3s ease-in-out infinite textGlow}@keyframes textGlow{0%,to{text-shadow:0 2px 4px #fffc,0 4px 8px #5a9fcf4d}50%{text-shadow:0 2px 8px #fff,0 4px 16px #5a9fcf80,0 0 30px #ffd7004d}}.portrait-section{width:320px;height:400px;margin:0 auto 30px;position:relative}.wing{z-index:1;filter:drop-shadow(0 4px 8px #6495ed4d);width:180px;height:280px;animation:3s ease-in-out infinite wingFloat;position:absolute;top:50%;transform:translateY(-50%)}.wing-left{animation-delay:0s;left:-140px}.wing-right{animation-delay:.5s;right:-140px}@keyframes wingFloat{0%,to{transform:translateY(-50%)rotate(0)}50%{transform:translateY(-52%)rotate(-2deg)}}.wing-right svg{animation:3s ease-in-out .5s infinite wingFloatRight}.halo{z-index:10;background:linear-gradient(135deg,#ffd700e6 0%,#ffeb64 50%,#ffd700e6 100%) padding-box padding-box;border:6px solid #0000;border-radius:50%;width:180px;height:60px;animation:2s ease-in-out infinite haloGlow;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ffd70099,0 0 40px #ffd70066,0 0 60px #ffd70033,inset 0 0 20px #ffffff80}@keyframes haloGlow{0%,to{box-shadow:0 0 20px #ffd70099,0 0 40px #ffd70066,0 0 60px #ffd70033,inset 0 0 20px #ffffff80}50%{box-shadow:0 0 30px #ffd700cc,0 0 60px #ffd70080,0 0 90px #ffd7004d,inset 0 0 30px #ffffffb3}}.portrait-frame{background:linear-gradient(145deg, var(--halo-gold) 0%, #fff9e6 30%, var(--halo-gold) 50%, #fff9e6 70%, var(--halo-gold) 100%);z-index:5;border-radius:50%;width:240px;height:240px;padding:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000026,0 0 0 4px #ffd7004d,0 0 60px #ffd70033}.portrait-glow{background:radial-gradient(circle,#ffd7004d 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite portraitGlow;position:absolute;inset:-20px}@keyframes portraitGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.portrait-inner{background:linear-gradient(#87ceeb 0%,#b0e0e6 50%,#e0f0ff 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.portrait-inner:before{content:"";background:radial-gradient(circle at 30% 30%,#fff6 0%,#0000 50%);position:absolute;inset:0}.hellhound-portrait{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.hellhound-img{object-fit:contain;filter:drop-shadow(0 4px 12px #ff450066);width:140%;height:140%;image-rendering:pixelated;image-rendering:crisp-edges;animation:3s ease-in-out infinite dogBreathe}@keyframes dogBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.memorial-name{font-family:var(--font-script);color:var(--text-dark);text-shadow:2px 2px #fffc,0 4px 20px #ff6b354d;margin-bottom:0;font-size:clamp(4rem,12vw,7rem);line-height:1;animation:4s ease-in-out infinite nameShimmer}@keyframes nameShimmer{0%,to{text-shadow:2px 2px #fffc,0 4px 20px #ff6b354d}50%{text-shadow:2px 2px #fff,0 4px 30px #ff6b3580,0 0 40px #ffd7004d}}.memorial-subtitle{font-family:var(--font-elegant);color:var(--ember-glow);letter-spacing:.3em;text-transform:uppercase;text-shadow:0 2px 4px #ff450033;margin-bottom:25px;font-size:clamp(1.2rem,3vw,1.8rem)}.memorial-dates{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-bottom:25px;display:flex}.date-icon{font-size:1.5rem;animation:1s ease-in-out infinite flameFlicker}@keyframes flameFlicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.dates-text{font-family:var(--font-body);color:var(--text-soft);font-size:clamp(1rem,2.5vw,1.3rem);font-style:italic}.broken-hearts{justify-content:center;gap:100px;margin:30px 0;display:flex}.broken-heart{filter:drop-shadow(0 2px 4px #dc354566);font-size:3rem;animation:2s ease-in-out infinite heartPulse}.broken-heart:nth-child(2){animation-delay:1s}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.memorial-quote{background:linear-gradient(135deg,#ffffffb3 0%,#fff9f0cc 100%);border:1px solid #ffd7004d;border-radius:20px;max-width:600px;margin:30px auto;padding:25px 40px;position:relative;box-shadow:0 4px 20px #00000014,inset 0 1px #ffffffe6}.memorial-quote:before,.memorial-quote:after{content:"\"";font-family:var(--font-script);color:var(--halo-gold);opacity:.5;font-size:4rem;position:absolute}.memorial-quote:before{top:-10px;left:20px}.memorial-quote:after{bottom:-40px;right:20px}.memorial-quote p{font-family:var(--font-body);color:var(--text-dark);font-size:clamp(1.2rem,3vw,1.5rem);font-style:italic;line-height:1.6}.tribute-text{max-width:500px;margin:40px auto}.tribute-text p{font-family:var(--font-body);color:var(--text-soft);margin-bottom:20px;font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.8}.paw-prints{opacity:.6;justify-content:center;gap:30px;margin:40px 0;display:flex}.paw{opacity:0;font-size:1.5rem;animation:.5s ease-out forwards pawAppear}.paw:first-child{animation-delay:.2s}.paw:nth-child(2){animation-delay:.4s}.paw:nth-child(3){animation-delay:.6s}.paw:nth-child(4){animation-delay:.8s}.paw:nth-child(5){animation-delay:1s}@keyframes pawAppear{0%{opacity:0;transform:translateY(10px)scale(.8)}to{opacity:.6;transform:translateY(0)scale(1)}}.forever-message{margin:50px 0 30px;position:relative}.forever-message p{font-family:var(--font-script);color:var(--heart-pink);text-shadow:0 2px 10px #ff6b9d4d;font-size:clamp(2rem,5vw,3rem)}.forever-message .sub-message{font-family:var(--font-body);color:var(--text-soft);margin-top:5px;font-size:clamp(1rem,2vw,1.2rem);font-style:italic}.message-decoration{color:var(--halo-gold);margin:0 15px;font-size:1.5rem;animation:1.5s ease-in-out infinite starTwinkle;display:inline-block}.message-decoration:last-child{animation-delay:.75s}@keyframes starTwinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.rs-reference{border-top:1px solid #0000001a;justify-content:center;align-items:center;gap:15px;margin-top:40px;padding-top:30px;display:flex}.rs-reference span{font-family:var(--font-elegant);color:var(--text-soft);letter-spacing:.15em;font-size:clamp(.9rem,2vw,1.1rem)}@media (width<=768px){.portrait-section{width:280px;height:350px}.wing{width:120px;height:200px}.wing-left{left:-80px}.wing-right{right:-80px}.portrait-frame{width:200px;height:200px}.hellhound-portrait{width:150px;height:150px}.halo{width:150px;height:50px;top:-20px}.broken-hearts{gap:60px}.dove{font-size:2rem}}@media (width<=480px){.memorial-container{padding:40px 15px 100px}.portrait-section{width:240px;height:300px}.wing{width:90px;height:160px}.wing-left{left:-50px}.wing-right{right:-50px}.portrait-frame{width:160px;height:160px}.hellhound-portrait{width:120px;height:120px}.halo{width:120px;height:40px;top:-15px}.broken-hearts{gap:40px}.broken-heart{font-size:2.5rem}.memorial-quote{padding:20px 25px}.paw-prints{gap:20px}.dove-left{left:2%}.dove-right{right:2%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}