.section-container{height:100vh;display:flex;align-items:center;justify-content:center}.form-title{font-size:2em;color:#f5f5f5;font-weight:500;transition:all .4s ease-in-out;letter-spacing:1px}.login-form-container .links{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.login-form-container .links a{color:#fff;text-align:none}.login-ring{position:relative;width:525px;height:525px}.login-form-container,.login-ring{display:flex;justify-content:center;align-items:center}.login-form-container{position:absolute;width:300px;height:100%;flex-direction:column;gap:40px}.login-form{display:flex;flex-direction:column;gap:20px}.input-container{font-size:1rem;position:relative}.form-input{all:unset;color:#fefefe;padding:.5rem;border:1px solid #9e9e9e;border-radius:10px}.form-input,.input-label{transition:.15s cubic-bezier(.4,0,.2,1)}.input-label{position:absolute;top:.5rem;left:1rem;color:#d4d4d4;pointer-events:none}.form-input:focus{border:1px solid #f50}.form-input:is(:focus,:valid)~label{transform:translateY(-90%) scale(.7);transform-origin:left;background-color:#27243d;padding-inline:.3rem;color:#a84616}.login-button{display:inline-flex;align-items:center;justify-content:center;width:100%;height:40px;background:#141414;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;border:none;cursor:pointer;text-transform:uppercase;border-radius:5px;overflow:hidden}.login-button,.login-button span{transition:all .3s ease;position:relative}.login-button span{z-index:2}.login-button:hover{box-shadow:0 0 20px 2px #a84616}.login-button:after{content:"";width:120%;position:absolute;z-index:1;top:0;left:calc(-120% - 40px);border-bottom:40px solid #a84616;border-right:40px solid transparent;transition:all .4s ease-in-out}.login-button:hover:after{left:0}