.registration-form{max-width:720px;margin:20px auto;padding:60px;box-sizing:border-box;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;position:relative}.registration-avatar{text-align:center;margin-bottom:20px}.registration-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.1)}.registration-form h2{text-align:center;margin-bottom:20px;color:#333}.error-message,.success-message{text-align:center;margin-bottom:20px;font-size:16px;font-weight:700}.error-message{color:red}.success-message{color:green}.form-group{display:flex;align-items:center;margin-bottom:15px}.form-group label{display:none}.registration-form input{flex:1;padding:8px 8px 8px 48px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;background-repeat:no-repeat;background-position:12px center;background-size:24px 24px}#username{background-image:url(/images/user5.png)}#password{background-image:url(/images/word5.png)}#member_id{background-image:url(/images/id5.png)}.phone-group{display:flex;align-items:center;gap:10px;margin-bottom:15px}.phone-icon img{width:24px;height:24px}.area-code{width:auto;background-color:#5c6bc0;color:#fff;text-align:center;line-height:28px;padding:0 8px;font-size:14px;border-radius:15px;box-shadow:0 2px 6px rgba(0,0,0,.1);cursor:default}.phone-group input{padding-left:10px}.captcha-group{display:flex;align-items:center;gap:10px;margin-bottom:15px}.captcha-group input{flex:1}.captcha-container{margin-right:10px}.captcha-image{border:1px solid #ccc;height:40px;width:auto}.form-buttons{text-align:center}.btn1{text-decoration:none;padding:10px 20px;margin:0 5px;border:2px solid;border-radius:10px;font-size:14px;color:#fff;background-color:#28a745;transition:all .3s ease;font-weight:700}.btn1:hover{background-color:#007bff}.btn1:active{background-color:#0056b3;border-color:#0056b3}@media (max-width:720px){.registration-form{padding:15px}.form-group:not(.phone-group):not(.captcha-group){flex-direction:column;align-items:flex-start}.registration-form input{width:100%}.captcha-group{flex-direction:row!important}}@media (max-width:300px){.captcha-group{flex-direction:column;align-items:stretch}.captcha-container{margin-bottom:10px}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5)}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3);max-height:80%;overflow-y:auto}.close-modal{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close-modal:focus,.close-modal:hover{color:#000;text-decoration:none}.modal-content h3{margin-top:0;color:#333;text-align:center}.modal-content p{margin:20px 0;color:#555}.modal-body ol{padding-left:20px}.modal-body li{margin-bottom:15px}.modal-footer{text-align:center;margin-top:20px}