.form-container{width:100%;max-width:450px;margin:50px auto;background-color:#111827;padding:2rem;border-radius:.75rem;color:#f3f4f6;box-shadow:0 0 10px #0003}.title{text-align:center;font-size:1.5rem;line-height:2rem;font-weight:700}.form{margin-top:1.5rem}.input-group{margin-top:.75rem;font-size:.875rem;line-height:1.25rem}.input-group label{display:block;color:#9ca3af;margin-bottom:4px}.input-group input,.input-group select{width:100%;border-radius:.375rem;border:1px solid rgba(55,65,81,1);outline:0;background-color:#111827;padding:.75rem 1rem;color:#f3f4f6;transition:border .3s ease}.input-group input:focus,.input-group select:focus{border-color:#a78bfa}.sign{display:block;width:100%;background-color:#a78bfa;padding:.75rem;text-align:center;color:#111827;border:none;border-radius:.375rem;font-weight:600;margin-top:1.5rem;cursor:pointer;transition:background-color .3s ease}.sign:hover{background-color:#8b5cf6}.signup{text-align:center;font-size:.75rem;line-height:1rem;color:#9ca3af;margin-top:1rem}.signup a{color:#f3f4f6;text-decoration:none}.signup a:hover{text-decoration:underline rgba(167,139,250,1)}.invalid-feedback{color:#f87171;font-size:.75rem;margin-top:4px;display:block}@media (max-width: 480px){.form-container{padding:1.5rem;margin:30px auto}}.social-icons{display:flex;justify-content:center}.social-icons .icon{border-radius:.125rem;padding:.75rem;border:none;background-color:transparent;margin-left:8px}.social-icons .icon i{height:1.25rem;width:1.25rem;fill:#fff}.forgot{display:flex;justify-content:flex-end;font-size:.75rem;line-height:1rem;color:#9ca3af;margin:8px 0 14px}.forgot a,.signup a{color:#f3f4f6;text-decoration:none;font-size:14px}.forgot a:hover,.signup a:hover{text-decoration:underline rgba(167,139,250,1)}.invalid-feedback{color:red;font-size:.9em;margin-top:4px;display:block}