:root{font-family:Inter,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}.top-bar{overflow:hidden;position:fixed;top:0;width:100%;display:flex;padding:10px;align-items:center}.logo{color:#fff}button{background-color:#555;color:#fff;border:none;padding:8px 12px;margin:0 10px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#777}.custom-ui{display:flex;flex-direction:column;border:#555 solid 1px;border-radius:5px;background-color:gray;padding:20px}body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.login-form{width:300px;margin:0 auto;padding:30px 0;display:flex;flex-direction:column;justify-content:center}.login-form button{display:block;width:100%;padding:10px;border:none;background:#000;color:#fff;cursor:pointer}.login-form button:hover{background:#ccc;color:#000}.login-form h1{text-align:center;margin-bottom:30px}input{display:block;width:100%;margin-bottom:20px;padding:10px;box-sizing:border-box}