.login-container{margin-top:50px;display:flex;justify-content:center;align-items:center;height:100vh;text-align:center}.transparent-box{background-color:#070e18ad;padding:40px;border-radius:15px;box-shadow:0 4px 15px #5aacaf80;max-width:400px;width:100%;justify-content:center}.hero-logo{width:90%;max-width:200px;height:auto;margin-right:20px;margin-bottom:0}h1{font-family:Urbanist,sans-serif;font-size:16px;font-weight:600;color:#fff;margin-bottom:20px;text-align:center}.login-input{background-color:#ffffff1a;border-radius:8px}.transparent-box input{border:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{background-color:#ffffff1a!important;-webkit-text-fill-color:#ffffff!important;transition:background-color 5000s ease-in-out 0s;font-family:Urbanist,sans-serif}p{font-family:Urbanist,sans-serif;font-size:14px;font-weight:300;color:#fff;margin-bottom:20px;text-align:center}label{color:#fff;font-family:Urbanist,sans-serif;display:block;text-align:left;margin-bottom:8px}input[type=text],input[type=password]{width:100%;padding:12px;margin-bottom:10px;background-color:#2e2c3f17;color:#fff;font-family:Urbanist,sans-serif;font-size:12px;border:none;border-radius:8px}input[type=text]::placeholder,input[type=password]::placeholder{color:#ccc}.login-button{width:100%;padding:12px;background-color:#8a5be0dc;color:#fff;font-family:Urbanist,sans-serif;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#6e2f81b7}.alert{color:#ff4b4b;font-family:Urbanist,sans-serif;margin-top:10px}html,body{background:radial-gradient(circle at center,#021946,#000);margin:0;padding:0;height:100%;width:100%}#root{display:flex;flex-direction:column;height:100%}