@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.area{background:#4e54c8;background:-webkit-linear-gradient(to left,#8f94fb,#4e54c8);width:100%;height:100vh}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}@media screen and (min-width: 1000px) and (max-height: 775px){.circles{height:100%}}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,.2);animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}:root{--primary-color: #3498db;--white: #fff;--green: #27ae60;--red: #ff1717}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--primary-color);font-family:Poppins,sans-serif}textarea{resize:none;overflow-y:auto;height:3.75rem;font-size:.7em}header{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative;padding:1em 1.5em}header div p{color:var(--white);font-size:7vh;font-weight:600;text-align:center}@media screen and (min-width: 1000px) and (max-height: 775px){header div p{font-size:3rem}}.root-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;z-index:0;height:100vh}@media screen and (min-width: 1000px) and (max-height: 775px){.root-container{height:calc(100vh + 5%)}}main{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.modal{width:100%;height:100%}@media screen and (max-width: 900px){.modal{height:80vh}}@media screen and (min-width: 1000px) and (max-height: 775px){.modal{height:95vh}}.container{width:100%;height:100%;background-color:#fff;padding:3em 3.5em;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 900px) and (max-width: 1050px){.container{padding:2.5em 2em}}h1{font-weight:500;color:#0d2535;font-size:3.7vh;text-transform:capitalize;font-family:Poppins,sans-serif}@media screen and (min-width: 1000px) and (max-height: 775px){h1{font-size:1.9rem}}.register-btn{border:none;font-family:Poppins,sans-serif;padding:.625rem 1.5rem;border-radius:1.5rem;font-size:1em;text-transform:capitalize;color:var(--white);font-weight:400;cursor:pointer}.register-btn:disabled,.register-btn[disabled]{background-color:#9a9a9a}.form-control{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;gap:1rem 0}.input-group{width:100%;position:relative;color:#bababa}.input{width:100%;border:none;color:#0d2535;padding:.47rem .625rem;border-radius:.25rem;font:inherit;outline:.1rem solid #bababa;background-color:transparent;font-weight:500;cursor:pointer}.input-label,.select-label{text-transform:capitalize;position:absolute;top:0;left:0;transform:translate(.625rem,.47rem);transform-origin:left;transition:transform .25s}.select-label{transform:translate(.625rem,-.875rem) scale(.8);background-color:#fff;transition:color .25s;padding-inline:.47rem}.select:focus~.select-label,select:valid~.select-label{color:#3498db}.input:focus~.input-label,.input:valid~.input-label{transform:translate(.625rem,-.78rem) scale(.8);background-color:#fff;color:#3498db;padding-inline:.3125rem}.input:is(:focus,:valid){outline-color:#3498db}::placeholder{opacity:0}:focus::placeholder{opacity:1;color:#bababa}#fname{width:100%}.name-area{width:100%;display:flex;flex-direction:row;gap:.625rem;justify-content:space-between}form{width:100%;padding:0 12%;margin-top:2%}.password-validity{margin-top:1.5%;margin-left:.625rem}.password-validity p{font-size:.9em;color:#180000}.text-muted{margin-left:.3125rem}.text-muted li{margin:.3125rem .94rem;font-size:.75em}.text-danger{color:var(--red)}.text-success{color:var(--green)}.email{overflow-x:auto}.popup{padding:.3125rem .94rem;border-radius:.3125rem;text-transform:capitalize;text-align:center;font-weight:500;margin-bottom:5%}.success{background-color:#cbf0d3;border:.0625rem solid #9ee0ad;color:#155724}.danger{background-color:#f3d7da;color:#721c24;border:.0625rem solid #eea8af}@media screen and (max-width: 1000px){.root-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center}main{padding:0;position:sticky;height:auto}form{width:100%;padding:0;margin-top:5%}.container{padding:1.2em 2em;display:block}}@media screen and (max-width: 1000px) and (max-width: 350px){.container{padding:1.2em 1.5em}}@media screen and (max-width: 1000px){h1{font-size:3.5vh;text-align:center}}@media screen and (max-width: 1000px){#fname,#lname{width:100%}}@media screen and (max-width: 1000px){.register-btn{margin-bottom:3.125rem}}.hr{display:flex;justify-content:center;align-items:center;width:100%;margin:1% 0}hr{border:.0625rem solid #e7e7e7;width:50%;background-color:#e7e7e7}.preferences{height:.125rem;width:100%;background-color:#e7e7e7;position:relative}.preferences:before{content:"Team Preferences";color:#bfbfbf;background-color:#fff;padding-inline:.625rem;font-size:.9em;position:absolute;top:-9px;left:50%;transform:translate(-50%);text-align:center}@media screen and (max-width: 400px){.preferences:before{font-size:.8em;width:50%;padding-inline:0px}}.preferences-container{margin-top:2.5%;position:relative;width:100%}@media screen and (min-width: 768px){.preferences-container{margin-top:3%}}.perfence-label{position:absolute;word-wrap:break-word;top:-2.0625rem;left:50%;transform:translate(-50%);color:#bfbfbf;background-color:#fff;padding-inline:.625rem;font-size:.95em}@media screen and (max-width: 1050px){.perfence-label{top:-1.72rem;font-size:.8em;padding-inline:.47rem}}.preferences-container:before{top:-1.41rem}@media screen and (max-width: 1050px){.preferences-container:before{top:-1.1rem}}.modal-content{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:1.5em;font-weight:600;gap:2em 0;padding:3em 3.5em}@media screen and (max-width: 900px){.modal-content{padding:1em 1.7em}}.loader{height:1.5625rem;width:1.5625rem;border-radius:50%;border:.19rem solid #ffffff;border-top:.19rem solid #1f5b83;animation:spin 1.25s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sign-up-illustration{width:31.25rem;height:31.25rem}@media screen and (min-width: 1000px) and (max-height: 775px){.sign-up-illustration{height:28.125rem;width:28.125rem}}