#root{text-align:center;background:#f9fafc;width:100vw;height:100vh}*{list-style:none;margin:0;padding:0;box-sizing:border-box;border:none}.card_container{padding:0 20px;margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,350px));justify-content:center;gap:10px}.form-none{position:fixed;overflow:hidden;clip-path:circle(0% at 50% 0);top:0;left:0}.form-container{clip-path:circle(109.7% at 50% 0);position:fixed;z-index:1;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.807);backdrop-filter:blur(5px);transition:all 1s ease}.form{border:1px solid #ccca;padding:20px;min-width:40%;min-height:400px;border-radius:10px;background:rgb(255,255,255);position:relative;display:flex;flex-direction:column;justify-content:space-evenly}.form__title{font-weight:700;font-size:2rem;color:#006aff}.form:nth-child(1){justify-self:flex-end}.form:nth-child(2){justify-self:center}.form ul{display:flex;flex-direction:column}.item{width:80%;display:flex;justify-content:space-evenly}.item input{width:50%}.form__item{margin:10px 20px;display:flex;justify-content:space-between}.form__item label{font-weight:700;color:#003785}.form__item label i{font-size:20px;font-weight:700}.form__item input{background-color:#fff;border:1px solid blue;border-radius:20px;width:80%;color:#000;font-weight:700;padding:0 10px}.form__item input:focus{background-color:#d9e2ec;box-shadow:1px 1px 10px #000}.form__equis{position:absolute;right:15px;top:10px;font-size:20px;cursor:pointer;width:20px;aspect-ratio:1;display:flex;justify-content:center;align-items:flex-start;border-radius:50%;background-color:#ec0d0d;padding:2px 10px;color:#fff;transition:all .4s ease}.form__equis:hover{transform:translateY(2px);transform:scale(1.1);font-weight:700}.form__btn{display:block;width:min-content;padding:12px 20px;border:none;margin-left:auto;margin-right:auto;border-radius:20px;margin-top:10px;border:1px solid rgb(0,106,255);color:#02439f;font-weight:700;background:white;transition:all .4s ease}.form__btn:hover{transform:translateY(2px);transform:scale(1.1);background:rgb(0,106,255);color:#fff}.card{border-radius:20px;margin:10px;box-shadow:inset -3px -3px 7px #ffffffd0,inset 3px 3px 5px #c0c7d3f1;display:flex;flex-direction:column;justify-content:space-evenly;transition:all .4s ease-in-out}.card:nth-child(2){align-self:flex-start}.card:hover{box-shadow:-3px -3px 7px #ffffffd0,3px 3px 5px #c0c7d3f1;transform:scale(1.02);background:white}.card__title{color:#02439f;font-weight:700;padding:10px 0}.card__title i{font-size:40px}.card span{font-weight:700;color:gray;align-self:flex-start;padding-left:10px}.card p{font-weight:700;color:#011650;align-self:center}.content_btn{margin:20px 0;display:flex;justify-content:space-evenly}.content_btn button:nth-child(1){border:1px solid rgb(71,187,75);border-radius:20px;color:#00f;padding:10px}.content_btn button:nth-child(1):hover{background-color:#05b70b;color:#fff}.content_btn button:nth-child(2){border:1px solid rgba(200,25,25,.83);border-radius:20px;color:#00f;padding:10px}.content_btn button:nth-child(2):hover{background-color:#c81919fc;color:#fff}.content_btn button{transition:all ease-in-out .4s;font-weight:700;background:white}.content_btn button:hover{transform:translateY(2px)}.content_btn i{font-size:20px}.header{width:100%;height:120px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;background:#8360c3;background:-webkit-linear-gradient(to left,#2ebf91,#8360c3);background:linear-gradient(to left,#2ebf91,#8360c3)}.header h2{font-weight:700;font-size:60px;color:#fff}.new_user_btn{border-radius:20px;padding:10px;background-color:#fff;color:#00f;font-weight:700;border:none;transition:all .4s ease-in-out}.new_user_btn:hover{background-color:#197cc8fc;color:#fff;transform:translateY(4px)}.new_user_btn i{font-size:20px;margin-right:10px}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400}