@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#f0f4f4,#d1e0e1);min-height:100vh;margin:0;padding:0;overflow-x:hidden}.container{position:relative;width:100vw;height:100vh;display:flex;align-items:flex-start;justify-content:flex-start}.logo{position:absolute;top:50px;left:50px;width:150px;height:auto;z-index:100;animation:logoGlow 3s ease-in-out infinite alternate}.tagline{position:absolute;top:60px;right:60px;font-size:18px;color:#2c5254;max-width:350px;text-align:right;z-index:100;font-weight:500;font-family:Poppins,sans-serif;line-height:1.4;text-shadow:none;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.countdown-container{position:absolute;top:160px;right:60px;background:#fffffff2;padding:20px;border-radius:15px;box-shadow:0 5px 15px #00000026;text-align:center;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.countdown-title{font-size:14px;color:#2c5254;margin-bottom:10px;font-weight:600;font-family:Poppins,sans-serif;letter-spacing:1px}.countdown{display:flex;gap:10px;justify-content:center}.countdown-item{background:linear-gradient(45deg,#4b787a,#6b9a9d);color:#fff;padding:8px 12px;border-radius:8px;text-align:center;min-width:50px;animation:countdownPulse 1s ease-in-out infinite}.countdown-number{font-size:18px;font-weight:700;display:block}.countdown-label{font-size:10px;text-transform:uppercase}.scene{position:relative;width:85vw;max-width:800px;height:60vh;max-height:600px;perspective:1200px;margin:auto}.platform{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:500px;height:60px;background:linear-gradient(45deg,#fff,#f0f0f0);border-radius:50%;box-shadow:0 30px 60px #00000026;animation:platformFloat 4s ease-in-out infinite}.phone{position:absolute;bottom:100px;left:50%;transform:translate(-50%) rotateY(-10deg);width:280px;height:500px;background:#fff;border-radius:30px;box-shadow:0 30px 60px #0000004d;animation:phoneFloat 5s ease-in-out infinite;z-index:10}.phone:before{content:"";position:absolute;inset:15px;background:linear-gradient(45deg,#4b787a,#6b9a9d);border-radius:20px}.phone-screen{position:absolute;inset:25px;background:linear-gradient(135deg,#4b787a,#6b9a9d);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:14px;text-align:center;overflow:hidden;padding:20px}.pet-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(45deg,#4b787a,#6b9a9d);margin-bottom:15px;display:flex;align-items:center;justify-content:center;font-size:35px;animation:avatarBounce 2s ease-in-out infinite;box-shadow:0 5px 15px #0003}.pet-name{font-size:22px;font-weight:600;margin-bottom:10px;font-family:Poppins,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.pet-story{font-size:13px;padding:16px;text-align:center;background:#ffffff40;border-radius:12px;margin-top:15px;line-height:1.5;font-family:Inter,sans-serif;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.social-links{position:absolute;top:75%;left:50%;transform:translate(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:15px;border:1px solid rgba(255,255,255,.2);z-index:100;max-width:500px}.social-title{font-size:14px;color:#2c5254;margin-bottom:15px;font-weight:600;font-family:Poppins,sans-serif;text-align:center}.social-icons{display:flex;flex-direction:row;gap:12px;flex-wrap:wrap;justify-content:center}.social-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:500;font-family:Inter,sans-serif;transition:all .3s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background:#fff3}.social-link.facebook{color:#1877f2}.social-link.instagram{color:#e4405f}.social-link.twitter{color:#1da1f2}.social-link.linkedin{color:#0a66c2}.social-link svg{width:20px;height:20px;flex-shrink:0}.social-link span{font-weight:500}.floating-element{position:absolute;animation:floatComplex 8s ease-in-out infinite}.paw{width:50px;height:50px;background:linear-gradient(45deg,#4b787a,#6b9a9d);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 15px 30px #0003;animation:pawSpin 4s linear infinite}.bone{width:70px;height:35px;background:linear-gradient(45deg,#4b787a,#6b9a9d);border-radius:20px;position:relative;box-shadow:0 15px 30px #0003;animation:boneWiggle 3s ease-in-out infinite}.bone:before,.bone:after{content:"";position:absolute;width:25px;height:25px;background:linear-gradient(45deg,#4b787a,#6b9a9d);border-radius:50%;top:50%;transform:translateY(-50%)}.bone:before{left:-12px}.bone:after{right:-12px}.heart{width:40px;height:40px;background:linear-gradient(45deg,#4b787a,#6b9a9d);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 15px 30px #0003;animation:heartbeat 1.5s ease-in-out infinite}.collar{width:60px;height:25px;background:linear-gradient(45deg,#4b787a,#6b9a9d);border-radius:30px;position:relative;box-shadow:0 15px 30px #0003;animation:collarShake 2s ease-in-out infinite}.collar:after{content:"";position:absolute;width:15px;height:15px;background:linear-gradient(45deg,#4b787a,#6b9a9d);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-element:nth-child(1){top:15%;left:10%;animation-delay:-1s}.floating-element:nth-child(2){top:25%;right:15%;animation-delay:-2s}.floating-element:nth-child(3){bottom:35%;left:8%;animation-delay:-3s}.floating-element:nth-child(4){bottom:25%;right:12%;animation-delay:-4s}.floating-element:nth-child(5){top:10%;right:35%;animation-delay:-5s}.floating-element:nth-child(6){top:45%;left:5%;animation-delay:-6s}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 5px rgba(75,120,122,.3))}50%{filter:drop-shadow(0 0 20px rgba(75,120,122,.6))}}@keyframes fadeInOut{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.95;transform:translateY(-2px)}}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 10px 30px #0000001a}50%{transform:scale(1.05);box-shadow:0 20px 40px #0003}}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes platformFloat{0%,to{transform:translate(-50%) translateY(0) rotateX(0)}50%{transform:translate(-50%) translateY(-15px) rotateX(2deg)}}@keyframes phoneFloat{0%,to{transform:translate(-50%) rotateY(-10deg) translateY(0) rotateX(0)}25%{transform:translate(-50%) rotateY(-8deg) translateY(-25px) rotateX(2deg)}50%{transform:translate(-50%) rotateY(-12deg) translateY(-15px) rotateX(-1deg)}75%{transform:translate(-50%) rotateY(-6deg) translateY(-20px) rotateX(1deg)}}@keyframes avatarBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}@keyframes textGlow{0%,to{opacity:1}50%{opacity:.9}}@keyframes storySlide{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-5px);opacity:.9}}@keyframes floatComplex{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-30px) rotate(10deg) scale(1.1)}50%{transform:translateY(-15px) rotate(-5deg) scale(.9)}75%{transform:translateY(-25px) rotate(8deg) scale(1.05)}}@keyframes pawSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes boneWiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes collarShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (max-width: 768px){body{overflow-y:auto}.container{height:auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 10px;overflow-y:auto}.logo{position:relative;top:auto;left:auto;width:80px;margin:20px 0 10px;order:1}.tagline{position:relative;top:auto;right:auto;left:auto;text-align:center;font-size:14px;width:calc(100% - 40px);max-width:350px;margin:10px 20px;font-weight:500;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:8px;color:#2c5254;border:1px solid rgba(255,255,255,.4);animation:none;order:2}.countdown-container{position:relative;top:auto;right:auto;left:auto;width:calc(100% - 40px);max-width:350px;margin:15px auto 30px;padding:15px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);order:3}.countdown-title{font-size:12px;font-weight:600;color:#2c5254}.countdown-item{padding:6px 10px;min-width:45px}.countdown-number{font-size:16px}.countdown-label{font-size:9px}.scene{position:relative;width:90vw;max-width:400px;height:45vh;min-height:280px;margin:30px auto 40px;order:4;z-index:5}.platform{width:300px;height:40px}.phone{width:200px;height:320px;bottom:30px;z-index:6}.pet-name{font-size:18px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.4)}.pet-story{font-size:11px;padding:12px;line-height:1.4;background:#ffffff4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.4);text-shadow:0 1px 2px rgba(0,0,0,.3)}.floating-element{transform:scale(.8)}.social-links{position:absolute;top:75%;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:350px;padding:15px;text-align:center}.social-title{font-size:12px;margin-bottom:12px}.social-icons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.social-link{padding:6px 8px;font-size:11px;justify-content:center}.social-link svg{width:16px;height:16px}.social-link span{font-size:11px}}@media (max-width: 480px){.container{padding:10px 0}.logo{width:70px;margin:15px 0 8px}.tagline{font-size:12px;padding:8px 12px;margin:8px 15px;width:calc(100% - 30px)}.countdown-container{margin:12px auto 25px;width:calc(100% - 30px);padding:12px}.scene{height:38vh;min-height:240px;margin:25px auto 30px;width:calc(100% - 30px);max-width:350px}.countdown-title{font-size:11px}.countdown-item{padding:5px 8px;min-width:40px}.countdown-number{font-size:14px}.countdown-label{font-size:8px}.phone{width:200px;height:350px}.pet-name{font-size:16px}.pet-story{font-size:10px;padding:10px}.social-links{position:absolute;top:75%;left:50%;transform:translate(-50%);width:calc(100% - 30px);max-width:350px;padding:12px}.social-title{font-size:11px;margin-bottom:10px}.social-link{padding:5px 6px;font-size:10px}.social-link svg{width:14px;height:14px}.social-link span{font-size:10px}}@media (max-width: 360px){.logo{width:60px;margin:10px 0 5px}.tagline{font-size:11px;padding:6px 10px;margin:5px 10px;width:calc(100% - 20px)}.countdown-container{margin:8px 10px;width:calc(100% - 20px);padding:10px}.countdown-title{font-size:10px}.countdown-item{padding:4px 6px;min-width:35px}.countdown-number{font-size:12px}.countdown-label{font-size:7px}.scene{width:calc(100% - 20px);max-width:320px;height:32vh;min-height:200px;margin:10px auto}.phone{width:180px;height:300px}.pet-name{font-size:14px}.pet-story{font-size:9px;padding:8px}.social-links{position:absolute;top:75%;left:50%;transform:translate(-50%);width:calc(100% - 20px);max-width:320px;padding:10px}.social-title{font-size:10px;margin-bottom:8px}.social-link{padding:4px 5px;font-size:9px}.social-link svg{width:12px;height:12px}.social-link span{font-size:9px}}