@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,Century Gothic,sans-serif;overflow:hidden;background:#0a1628}.App{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1e3a5f,#2a5a7f,#3d7ea6);position:relative;overflow:hidden}.stars,.stars2,.stars3{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.stars{background:transparent;box-shadow:400px 100px #fff,800px 300px #fff,1200px 500px #fff,200px 700px #fff,600px 900px #fff,1000px 200px #fff,1400px 600px #fff,300px 400px #fff,700px 100px #fff,1100px 800px #fff,100px 500px #fff,900px 600px #fff;width:1px;height:1px;animation:stars 50s linear infinite}.stars2{background:transparent;box-shadow:500px 200px #fff,900px 400px #fff,1300px 600px #fff,300px 800px #fff,700px 100px #fff,1100px 300px #fff,1500px 700px #fff,400px 500px #fff,800px 200px #fff;width:2px;height:2px;animation:stars 100s linear infinite;opacity:.5}.stars3{background:transparent;box-shadow:600px 300px #fff,1000px 500px #fff,1400px 700px #fff,400px 900px #fff,800px 200px #fff,1200px 400px #fff;width:1px;height:1px;animation:stars 150s linear infinite;opacity:.3}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.plane{position:absolute;font-size:40px;offset-path:path("M 400,300 C 400,200 300,100 200,200 C 100,300 100,400 200,500 C 300,600 500,600 600,500 C 700,400 700,300 600,200 C 500,100 400,200 400,300 Z");animation:planeMove 4s ease-in-out forwards,planeRotate 4s ease-in-out;filter:drop-shadow(0 0 10px rgba(135,206,250,.8))}@keyframes planeMove{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes planeRotate{0%{transform:rotate(0)}25%{transform:rotate(-45deg)}50%{transform:rotate(0)}75%{transform:rotate(45deg)}to{transform:rotate(0)}}.container{text-align:center;z-index:10;position:relative}.main-text{font-size:64px;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(135,206,250,.8),0 0 40px rgba(135,206,250,.5);letter-spacing:2px;margin-bottom:40px}.highlight{color:#87ceeb;text-shadow:0 0 30px rgba(135,206,250,1),0 0 60px rgba(135,206,250,.7)}.subtitle{font-size:22px;color:#b3d9f2;margin-bottom:50px;line-height:2}.subtitle p{margin:10px 0;font-weight:300}.glow{color:#87ceeb;font-weight:600;text-shadow:0 0 10px rgba(135,206,250,.8)}.fade-in{animation:fadeIn 1s ease-out forwards;opacity:0}.delay-1{animation-delay:.5s}.delay-2{animation-delay:1s}.delay-3{animation-delay:1.5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hearts-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.floating-heart{position:absolute;bottom:-50px;filter:drop-shadow(0 0 5px rgba(135,206,250,.5));animation:floatUp 10s linear infinite}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-1000px) rotate(360deg);opacity:0}}.big-heart{position:absolute;font-size:600px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.1;pointer-events:none;z-index:1;animation:heartbeat 3s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.15}}.footer-text{margin-top:60px}.small-text{font-size:18px;color:#87ceeb;font-weight:300;margin:8px 0}.signature{font-style:italic;font-weight:400;margin-top:15px}@media (max-width: 768px){.main-text{font-size:42px}.subtitle{font-size:18px}.big-heart{font-size:300px}.plane{font-size:30px}}