#modal-overlay{position:fixed;z-index:2;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}#modal-content{background:#0c0d3b;padding:2rem;border-radius:3rem;width:60%;box-shadow:0 5px 15px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:1rem;align-items:center}#modal-form{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}#modal-form p{font-size:1.5rem;font-weight:600;margin-bottom:.2rem}#modal-form input[type=text],#modal-form input[type=password],#modal-form input[type=email]{min-width:25rem;min-height:2.7rem;width:100%;padding:.5rem .5rem .5rem 1rem;border:1px solid #ccc;border-radius:5px;font-size:1.5rem}#modal-form input[type=submit]{width:10rem;height:3rem;padding:.5rem 1rem;background:#05edb1;color:#fff;border:none;border-radius:.7rem;cursor:pointer;transition:background .3s;font-size:1.5rem;margin-top:2rem}#modal-form input[type=submit]:hover{background:#05977e}#line{height:.2rem;background:#05edb1;width:25.5rem;margin:1rem 0}#logo{width:20rem;height:4rem}.error-message{color:red;font-size:1rem;font-weight:400;margin-top:.5rem}@media (max-width:1024px){#modal-content{width:80%}}@media (max-width:768px){#modal-content{width:90%}}@media (max-width:480px){#modal-content{width:90%;border-radius:1rem}#modal-form input[type=text],#modal-form input[type=password],#modal-form input[type=email]{min-width:0;width:100%;font-size:1.2rem}#line{width:80%}#logo{width:15rem;height:3rem}}