*,*:before,*:after{margin:0;padding:0;font-size:16px;font-family:Roboto,sans-serif;box-sizing:border-box}html,body{background-color:transparent}button{cursor:pointer;border:none;height:40px;padding:0 15px;border-radius:8px;background-color:#fff;transition:background-color .3s}button:disabled{opacity:.5;cursor:not-allowed}input{height:40px;border:1px solid #b8b8b8;border-radius:8px;padding:0 15px}input:focus{outline:1px solid #79aea3}#login{display:flex;justify-content:center;align-items:center;height:100dvh;overflow:hidden;background-color:#b2f5ed;background-image:radial-gradient(circle at 5% 1%,hsl(250,76%,61%) 7%,transparent 84%),radial-gradient(circle at 7% 81%,hsl(184,91%,91%) 16%,transparent 53%),radial-gradient(circle at 11% 29%,hsl(213,97%,75%) 8%,transparent 74%),radial-gradient(circle at 39% 52%,hsl(149,93%,64%) 6%,transparent 68%),radial-gradient(circle at 90% 50%,hsl(118,94%,89%) 2%,transparent 85%);background-blend-mode:normal,normal,normal,normal,normal;background-size:cover}#input-container{position:relative;display:flex;align-items:center}#input-container>input{height:70px;padding:0 70px 0 35px;border-radius:35px;background-color:#fff3;border:none}#input-container>input::placeholder{color:#000000b3}#input-container>input:focus{outline:none}#input-container>button{background-color:transparent;display:flex;align-items:center;justify-content:center;position:absolute;right:10px;padding:0;height:50px;width:50px;border-radius:50%}#input-container>button:not(:disabled):hover{color:#000000e6;background-color:#fff3}