.join{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:#f0f0f0;margin-top:4rem}.join_banner{width:100%;margin:0 0 1rem}.join_banner img{width:100%;height:auto;box-shadow:0 2px 4px rgba(0,0,0,.1)}.join_container{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.join_container h1{font-size:1.5rem;color:#fff;margin:1rem 0;background-color:#001f3f;padding:5px 20px;width:220px;text-align:center;border-radius:16px}.join_list{max-width:600px}.join_form,.join_list{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.join_form{padding:1rem;margin-bottom:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);gap:1rem}.join_form label{display:flex;flex-direction:column;width:100%}.join_form label>input,.join_form label>select,.join_form label>textarea{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box;margin-top:10px}.category{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:10px}.category-item{display:flex;align-items:center;gap:10px}.join_form button{padding:.5rem 1rem;background-color:#001f3f;color:white;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:.3s ease}.join_form button:hover{background-color:rgb(0,77,145)}.success-popup{background-color:#28a745;color:white;padding:1rem 2rem;border-radius:8px;margin-bottom:1rem;font-size:1.2rem;animation:slideDown .5s ease,fadeOut .5s ease 2.5s;position:absolute;top:50%}.city-label>input{margin-top:0}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}@media (max-width:789px){.join{margin-top:5rem}}