*{box-sizing:border-box}.signup{width:100%;height:100vh;background:#F8F8F8;display:flex;position:relative}.main-signup{width:70%;height:96%;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:1200px;margin:10px auto;padding-block:10px}.join{font-size:clamp(1.3rem,3vw,1.7rem)}.back-btn{position:absolute;top:10px;left:10px;font-size:30px;color:#5a5959}.sign-cont{width:clamp(240px,80%,500px);background:#fff;border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.1);margin-top:10px;padding-bottom:30px}.sign-cont,.sign-cont.login-cont{height:auto}.sign-cont form{flex-direction:column;justify-content:center;gap:20px;margin-top:40px}.input-box,.sign-cont form{display:flex;align-items:center}.input-box{width:90%;height:50px;border:1px solid #c8c8c8;border-radius:5px;padding:0 15px;font-size:clamp(.8rem,2vw,1rem);outline:none}.input-box input{outline:none;border:none;background:transparent;width:100%;height:100%;font-size:16px}.input-box input::placeholder{color:#404040}.input-box.active{border:2px solid #2d68c4}@media (min-width:651px){.input-box input{font-size:.9rem}}.sign-bt{width:90%;height:50px;background:#2D68C4;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600;font-size:clamp(.9rem,2vw,1rem);border-radius:9999px;cursor:pointer;transition:all .3s;border:none}.sign-bt:hover{background:#002387;border:1px solid #002387}.sign-border{margin:20px auto 15px;width:90%;height:1px;background:#D0D0D0}.login-link{color:#2D68C4;font-size:clamp(.8rem,2vw,.9rem);cursor:pointer;display:block;width:fit-content;margin:0 auto;font-weight:600}.login-link:hover{text-decoration:underline}.have-account{width:50%;height:auto;display:flex;justify-content:center;align-items:center;margin:0 auto}.have-account span{font-size:.8rem;color:#888888;white-space:nowrap}@media (max-width:650px){.sign-cont{width:clamp(300px,100%,500px)}}@media (max-width:800px){.have-account{width:70%;display:flex;justify-content:center;align-items:center}}@media (max-width:500px){.back-btn{top:10px;left:10px;font-size:20px;color:#5a5959}.logo{width:35px;height:35px}}