*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden;padding:20px}.container{width:100%;max-width:800px;text-align:center;position:relative}.animation-container{background-color:#ffffffe6;border-radius:20px;padding:40px 20px;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden;min-height:400px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.animation-container.active{opacity:1;transform:translateY(0)}.greeting-container{position:relative;z-index:2}.greeting,.phrase-container{opacity:0;transform:translateY(20px);animation:fadeIn 1s forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.language-text{font-family:Caveat,cursive;font-size:3rem;font-weight:700;margin-bottom:10px;color:#333;letter-spacing:1px}.language-name{font-size:1.2rem;color:#666;font-style:italic}.phrase{font-family:Caveat,cursive;font-size:2.2rem;line-height:1.4;color:#444;max-width:600px;margin:0 auto;font-weight:500;letter-spacing:.5px}.letter{opacity:0;display:inline-block;animation:handwriting .5s forwards}@keyframes handwriting{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-animation{animation:appleSlideIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes appleSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.language-text.slide-animation,.language-name.slide-animation{animation-delay:.1s}.phrase.slide-animation{animation-delay:.15s}.decoration{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.flower{position:absolute;background-size:contain;background-repeat:no-repeat;opacity:.7}.flower-1{width:100px;height:100px;top:20px;left:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 15c-5 10-15 15-25 15 10 5 15 15 15 25 5-10 15-15 25-15-10-5-15-15-15-25z' fill='%23ff7eb9'/%3E%3Ccircle cx='50' cy='50' r='8' fill='%23ffeb3b'/%3E%3C/svg%3E");animation:float 8s ease-in-out infinite}.flower-2{width:80px;height:80px;bottom:30px;right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 20c-8 0-15 7-15 15 0 8-7 15-15 15 8 0 15 7 15 15 0 8 7 15 15 15 8 0 15-7 15-15 0-8 7-15 15-15-8 0-15-7-15-15 0-8-7-15-15-15z' fill='%23a1c4fd'/%3E%3Ccircle cx='50' cy='50' r='10' fill='%23ffeb3b'/%3E%3C/svg%3E");animation:float 10s ease-in-out infinite reverse}.flower-3{width:60px;height:60px;top:40px;right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 15c-5 0-9 4-9 9s-4 9-9 9 9 4 9 9-4 9-9 9 9 4 9 9 9 9-4 9-9 4-9 9-9-9-4-9-9-4-9-9-9z' fill='%23c2e9fb'/%3E%3Ccircle cx='50' cy='50' r='8' fill='%23ffeb3b'/%3E%3C/svg%3E");animation:float 12s ease-in-out infinite}.sun{position:absolute;width:120px;height:120px;bottom:-30px;left:-30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='%23ffeb3b'/%3E%3Cpath d='M50 0v10M50 90v10M0 50h10M90 50h10M14.6 14.6l7.1 7.1M78.3 78.3l7.1 7.1M14.6 85.4l7.1-7.1M78.3 21.7l7.1-7.1' stroke='%23ffeb3b' stroke-width='4'/%3E%3C/svg%3E");animation:rotate 20s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.controls{margin-top:30px}.restart-btn,.continue-btn{background-color:#ff7eb9;color:#fff;border:none;padding:12px 24px;border-radius:30px;font-size:1.2rem;font-family:Caveat,cursive;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0000001a}.restart-btn:hover,.continue-btn:hover{background-color:#ff5ca8;transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.welcome-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.welcome-title{font-family:Caveat,cursive;font-size:3.5rem;color:#333;margin-bottom:30px;text-align:center}@media (max-width: 768px){.language-text{font-size:2rem}.phrase{font-size:1.5rem}.animation-container{min-height:350px;padding:30px 15px}}@media (max-width: 480px){.language-text{font-size:1.8rem}.language-name{font-size:1rem}.phrase{font-size:1.2rem}.animation-container{min-height:300px;padding:20px 10px}.flower-1,.flower-2,.flower-3{transform:scale(.8)}}.heart-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;opacity:1}.heart-svg{width:150px;height:150px}.heart-svg path{fill:none;stroke:#ff5ca8;stroke-width:2;stroke-dasharray:200;stroke-dashoffset:200;animation:drawHeart 3s forwards}@keyframes drawHeart{to{stroke-dashoffset:0}}.heart-particle{fill:#ff7eb9;opacity:0;animation:fadeParticle 3s forwards}@keyframes fadeParticle{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}