main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:fit-content;font-family:Arial,sans-serif;animation:main-move 2s infinite}@keyframes main-move{0%{transform:translate(-10px)}50%{transform:translate(10px)}to{transform:translate(-10px)}}input{padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;width:250px;font-size:16px}button{padding:10px 20px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.button-confirm button{background-color:#28a745;animation:button-pulse-confirm 2s infinite}.button-confirm button:hover{background-color:#218838}@keyframes button-pulse-confirm{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}.button-cancel button{background-color:#dc3545;animation:button-pulse-cancel 2s infinite}.button-cancel button:hover{background-color:#b82c39}@keyframes button-pulse-cancel{0%{box-shadow:0 0 #b82c39}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background:linear-gradient(135deg,#6ccccc,#abfbfb,#b16eff 70%,#526b6e);background-size:200% 200%;animation:backgroundMove 5s ease-in-out infinite;min-height:100vh;margin:0;color:#1f2937}@keyframes backgroundMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.logo:hover{filter:drop-shadow(0 6px 18px rgba(99,102,241,.12))}.logo.react:hover{filter:drop-shadow(0 6px 18px rgba(97,189,170,.12))}.name{font-size:3.5rem;font-weight:700;margin:0;color:#fff;animation:title-spin infinite 1s linear alternate}@keyframes title-spin{0%{transform:rotateX(-10deg) rotateY(-20deg) rotate(0)}50%{transform:rotateX(0) rotateY(0) rotate(-15deg)}to{transform:rotateX(10deg) rotateY(20deg) rotate(0)}}.image-container{padding:2rem;perspective:800px;display:inline-block;max-width:12rem;box-sizing:border-box}.image-container img{max-width:100%;height:auto;display:block;transform-origin:center;animation:image-effect 3s ease-in-out infinite}@keyframes image-effect{0%{transform:rotateY(0) scale(1);filter:brightness(1)}50%{transform:rotateY(15deg) scale(1.05);filter:brightness(1.1)}to{transform:rotateY(0) scale(1);filter:brightness(1)}}.logo-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s;animation:logo-spin infinite 1.5s linear alternate}.logo:hover{animation-play-state:paused}@keyframes logo-spin{0%{transform:rotate(20deg)}50%{transform:rotate(0)}to{transform:rotate(-20deg)}}.button{background-color:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}