/* ===== HireCallBoy User System Design ===== */


.hc-signup-form,
.hc-login-form,
.hc-profile-create-form{

    max-width:500px;
    margin:40px auto;
    padding:30px;
    background:#ffffff;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.10);

}


.hc-signup-form input,
.hc-login-form input,
.hc-profile-create-form input,
.hc-profile-create-form textarea,
.hc-profile-create-form select{

    width:100%;
    padding:14px 18px;
    margin-bottom:15px;

    border:1px solid #ddd;
    border-radius:30px;

    font-size:16px;

    box-sizing:border-box;

}


.hc-profile-create-form textarea{

    min-height:120px;
    border-radius:20px;

}



.hc-signup-form button,
.hc-login-form button,
.hc-profile-create-form button{

    width:100%;
    height:55px;

    border:none;
    border-radius:30px;

    background:#111827;

    color:#ffffff;

    font-size:18px;
    font-weight:700;

    cursor:pointer;

}



.hc-dashboard{

    max-width:600px;

    margin:40px auto;

    padding:30px;

    background:#ffffff;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.10);

}



.hc-dashboard h2{

    text-align:center;

}



.hc-dashboard-menu a{

    display:block;

    margin:15px 0;

    padding:15px;

    text-align:center;

    background:#111827;

    color:#fff;

    border-radius:30px;

    text-decoration:none;

    font-size:17px;

}



@media(max-width:600px){

.hc-signup-form,
.hc-login-form,
.hc-profile-create-form,
.hc-dashboard{

    margin:20px 15px;

    padding:20px;

}

}




/* Premium Signup Page UI */

.hc-signup-form{

    max-width:420px;
    margin:40px auto;
    padding:40px 35px;

    background:rgba(255,255,255,0.95);

    border-radius:25px;

    box-shadow:0 20px 50px rgba(0,0,0,.15);

    backdrop-filter:blur(10px);

}


.hc-signup-form input{

    width:100%;
    height:55px;

    margin-bottom:18px;

    padding:0 18px;

    border-radius:12px;

    border:1px solid #ddd;

    font-size:16px;

    background:#fff;

}


.hc-signup-form input:focus{

    border-color:#d4af37;

    outline:none;

    box-shadow:0 0 10px rgba(212,175,55,.25);

}



.hc-signup-form button{

    width:100%;

    height:58px;

    border:none;

    border-radius:15px;

    background:#07152f;

    color:#fff;

    font-size:18px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;

}


.hc-signup-form button:hover{

    background:#d4af37;

    color:#07152f;

}



/* Signup Heading */

.hc-signup-form:before{

    content:"🚀 Join HireCallBoy";

    display:block;

    text-align:center;

    font-size:28px;

    font-weight:800;

    color:#07152f;

    margin-bottom:10px;

}


/* Trust Badge */

.hc-signup-form:after{

    content:"✓ Verified Profile   ✓ Premium Visibility   ✓ Get More Clients";

    display:block;

    text-align:center;

    margin-top:25px;

    font-size:13px;

    color:#555;

}



@media(max-width:600px){

.hc-signup-form{

    margin:20px;

    padding:30px 20px;

}

}



/* Premium Login Page UI */

.hc-login-form{

    max-width:420px;
    margin:40px auto;

    padding:40px 35px;

    background:rgba(255,255,255,0.95);

    border-radius:25px;

    box-shadow:0 20px 50px rgba(0,0,0,.15);

    backdrop-filter:blur(10px);

}


.hc-login-form:before{

    content:"🔐 Welcome Back";

    display:block;

    text-align:center;

    font-size:28px;

    font-weight:800;

    color:#07152f;

    margin-bottom:10px;

}



.hc-login-form:after{

    content:"Login to manage your profile and membership";

    display:block;

    text-align:center;

    color:#667085;

    font-size:14px;

    margin-top:20px;

}



.hc-login-form input{

    width:100%;

    height:55px;

    margin-bottom:18px;

    padding:0 18px;

    border-radius:12px;

    border:1px solid #ddd;

    font-size:16px;

    background:#fff;

}



.hc-login-form input:focus{

    border-color:#d4af37;

    outline:none;

    box-shadow:0 0 10px rgba(212,175,55,.25);

}



.hc-login-form button{

    width:100%;

    height:58px;

    border:none;

    border-radius:15px;

    background:#07152f;

    color:#fff;

    font-size:18px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;

}



.hc-login-form button:hover{

    background:#d4af37;

    color:#07152f;

}



/* Logged in box */

.hc-login-success-box{

    max-width:420px;

    margin:40px auto;

    padding:35px;

    text-align:center;

    border-radius:25px;

    background:#fff;

    box-shadow:0 20px 50px rgba(0,0,0,.15);

}



.hc-login-success-box h3{

    color:#07152f;

}


.hc-profile-btn,
.hc-logout-btn{

    display:block;

    margin:15px 0;

    padding:14px;

    border-radius:12px;

    text-decoration:none;

    font-weight:700;

}


.hc-profile-btn{

    background:#07152f;

    color:#fff;

}


.hc-logout-btn{

    background:#d4af37;

    color:#07152f;

}



@media(max-width:600px){

.hc-login-form{

    margin:20px;

    padding:30px 20px;

}

}



.hc-login-register-link{
    text-align:center;
    margin-top:25px;
    color:#667085;
}


.hc-login-register-link a{
    display:inline-block;
    margin-top:8px;
    color:#07152f;
    font-weight:700;
    text-decoration:none;
}


.hc-login-register-link a:hover{
    color:#d4af37;
}



.hc-forgot-text{
    margin-top:20px;
    margin-bottom:5px;
    color:#667085;
}


.hc-login-register-link a{
    color:#07152f;
    font-weight:700;
}


.hc-login-register-link a:hover{
    color:#d4af37;
}