body{color:#fff;background-color:#000;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}input{color:#fff;box-sizing:border-box;background-color:#555;border:none;border-radius:8px;outline:none;width:140px;margin-bottom:1rem;padding:10px;box-shadow:inset 0 0 5px #ffffff74}input::placeholder{color:#ccc}h1{margin:0 0 10px;font-size:40px}section{justify-content:center;display:flex}.panel{background-color:#161616;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:320px;margin:1rem;padding:1rem;display:flex}.button-group{gap:15px;display:flex}button{cursor:pointer;color:#000;background-color:#fc0;border:none;border-radius:8px;width:140px;height:50px;font-size:16px;box-shadow:inset 0 0 5px #ffffffaf}button:disabled{color:#999;cursor:default;background-color:#333}button:hover:not(:disabled){color:#000;background-color:#f0c000}button:active:not(:disabled){color:#fff;background-color:red}@media (width<=600px){.panel{width:100%}}