body{background-color:#dbdbdb;position:relative}.content-section{display:flex}#agent::placeholder{font-size:12px}.ring{opacity:40%;width:20rem;height:20rem;position:absolute;top:-203px;right:433px}.form-section{background:#5353df;background:linear-gradient(180deg,rgba(83,83,223,1) 62%,rgba(56,31,143,1) 88%);width:33rem;min-width:30rem;height:60rem;display:flex;flex-direction:column;align-items:center;margin:1rem 1rem auto auto;border-radius:20px}.form-object{position:relative}.menu{cursor:pointer;position:absolute;right:-210px;top:40px}.menu-close{width:1rem;height:1rem;position:absolute;top:1.25rem;left:1.25rem}.hamburger-menu-nav{display:none}.show-menu{position:absolute;right:-262px;display:flex;flex-direction:column;gap:1.5rem;z-index:2;background-color:#314a75;padding:3rem;border-radius:20px}.hamburger-menu-nav>a{color:#e3e3f1}.hamburger-menu-nav>a:hover{color:#fff}.cloud{position:absolute;top:110px;right:170px;animation:cloud-move 5s infinite linear}@keyframes cloud-move{50%{transform:translateX(25px)}100%{transform:translateX(-25px)}}.orange{position:absolute;top:300px;right:225px}h2{margin-top:10rem;margin-bottom:4rem;color:#fff}.form-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;background-color:#a7a5db;border-radius:15px;max-width:93%}.user-icon{position:absolute;top:-2.5rem;background-color:#00254d;padding:1.5rem;border-radius:50%}.form-card>form{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;position:relative;z-index:10}.user-input input,.password-input input{color:#fff !important;padding:5px 8px !important;background-color:#314a75 !important;outline:none !important;border:1px solid #314a75 !important;transition:background-color 1s !important}.user-input input::placeholder,.password-input input::placeholder{color:#fff !important}.user-input>img,.password-input>img{background-color:#00254d;padding:7px;height:fit-content;display:none}.password-input label{margin:0;position:absolute;top:102px;right:30px;display:inline-flex}.user-input{margin-top:15px}.user-input label{margin:0;position:absolute;top:21px;float:right;display:inline-flex}.user-input,.password-input,.forget-password{display:inline-flex;width:100%;margin-bottom:5}.forget-password{margin:2rem auto}.user-input>input,.password-input>input{color:#fff;padding:5px 8px;background-color:#314a75;outline:none;border:1px solid #314a75;transition:background-color 1s}.user-input>input::placeholder,.password-input>input::placeholder{color:#fff}.user-input>input:focus-visible,.password-input>input:focus-visible{background-color:rgba(49,74,117,.832)}.form-card>form>button{padding:1rem 6rem;color:#fff;position:absolute;outline:none;border:none;border-radius:15px;top:212px;z-index:0;background:#a29bcc;background:linear-gradient(356deg,rgba(162,155,204,1) 0%,rgba(64,47,167,1) 100%);transition:all 1s}.form-card>form>button:hover{background:linear-gradient(356deg,rgba(64,47,167,1) 100%,rgba(162,155,204,1) 0%);transition:all 1s;cursor:pointer}.form-section>.snake{position:absolute;bottom:90px;right:150px;animation:move-snake 50s infinite}@keyframes move-snake{50%{transform:translateX(-150px)}100%{transform:translateX(50px)}}.img-section>img{height:48rem;margin:4rem auto 2rem auto}.grid-section{position:absolute;top:22rem;right:2rem}@media (max-width:1024px){.img-section{max-width:70rem}}@media (max-width:768px){.ring{display:none}.img-section>img{display:none}.grid-section{display:none}.form-section{width:100%;min-width:24rem;margin:0;border-radius:0}.menu{right:-170px}.show-menu{right:-191px}.content-section{display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center;justify-items:center;margin:0}.cloud{display:none}.orange{display:none}}@media (max-width:425px){.form-section{width:20rem}.show-menu{right:-189px}}@media (max-width:375px){.menu{right:-148px}.form-section{min-width:16rem;height:44rem}.form-card>form{padding:1rem 8px}.forget-password>p{font-size:14px}.show-menu{right:-168px}}