@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Noto Sans,sans-serif}body{background:#f0f4f8;overflow-x:hidden}.header{background:linear-gradient(90deg,#6e57ff,#00c6ff);color:#fff;text-align:center;padding:20px;box-shadow:0 4px 6px #0000001a}.hero{background:url(https://media0.giphy.com/media/1SCwD51vLop76o7Qj3/giphy.gif) no-repeat center center/cover;color:#fff;text-align:center;padding:100px 20px;height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero h2{font-size:48px;margin-bottom:20px}.hero p{font-size:24px}.genie{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffc;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;margin:20px;transition:transform .3s ease-in-out}.genie:hover{transform:scale(1.05)}.genie .genie-input{width:80%;padding:10px;margin-bottom:10px;border:none;border-radius:5px;font-size:16px;box-shadow:0 4px 6px #0000001a}.genie .genie-button{background:linear-gradient(90deg,#6e57ff,#00c6ff);color:#fff;border:none;padding:15px 30px;border-radius:50px;cursor:pointer;transition:background .3s ease}.genie .genie-button:hover{background:linear-gradient(90deg,#00c6ff,#6e57ff)}.genie .genie-reset-button{background:linear-gradient(90deg,#d46bff,#8674ff);color:#fff;border:none;padding:15px 30px;border-radius:50px;cursor:pointer;transition:background .3s ease;margin-top:10px}.genie .genie-reset-button:hover{background:linear-gradient(90deg,#8674ff,#d46bff)}.genie .genie-response{margin-top:10px;font-size:18px;color:#2c09aa}.genie .magic-image{width:300px;height:auto;margin-top:20px;cursor:pointer;transition:transform .3s ease-in-out}.genie .magic-image:hover{transform:rotate(10deg) scale(1.1)}.footer{background:linear-gradient(90deg,#6e57ff,#00c6ff);color:#fff;text-align:center;padding:20px;box-shadow:0 -4px 6px #0000001a}@media (max-width: 768px){.hero{padding:50px 20px}.hero h2{font-size:36px}.hero p{font-size:18px}.genie-input{width:90%}.genie-response{font-size:16px}.genie-button,.genie-reset-button{font-size:14px;padding:8px 16px}.magic-image{width:150px}}