:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Arial,sans-serif;background-color:#f4f4f4;display:flex;justify-content:center;align-items:center;margin:0;padding:10px}.container{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center;max-width:400px;width:100%}.title{color:#333;margin-bottom:20px;font-size:22px}.form{display:flex;flex-direction:column}.input{padding:12px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:16px}.button{background-color:#007bff;color:#fff;border:none;padding:12px;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s}.button:hover{background-color:#0056b3}.result{margin-top:15px;font-size:24px;color:#28a745;font-weight:700}.error{margin-top:15px;font-size:16px;color:#d9534f}@media (max-width: 480px){.container{padding:20px;width:90%}.title{font-size:20px}.input,.button{font-size:14px;padding:10px}}@keyframes glow{0%{box-shadow:0 0 5px #ffd70080}50%{box-shadow:0 0 50px gold}to{box-shadow:0 0 5px #ffd70080}}.image-glow{border-radius:10px;transition:transform .2s ease-in-out;animation:glow 2s infinite alternate}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.image-float{animation:float 3s infinite ease-in-out}@keyframes blink{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.image-blink{animation:blink 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.image-pulse{animation:pulse 2s infinite}