body{
    background:#F1F5F9;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

.signup-container{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.signup-card{
    width:100%;
    max-width:950px;
    display:flex;
    background:#ffffff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(15, 23, 42, 0.10);
}

.signup-left{
    width:42%;
    background:linear-gradient(135deg,#1E3A8A,#2563EB);
    color:white;
    padding:45px 35px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.signup-left img{
    width:110px;
    height:auto;
    margin-bottom:20px;
    background:white;
    padding:10px;
    border-radius:14px;
    box-shadow:0 8px 20px rgba(0,0,0,0.12);
}

.signup-left h2{
    font-size:30px;
    font-weight:700;
    margin-bottom:12px;
}

.signup-left p{
    font-size:15px;
    line-height:1.7;
    margin:0;
    opacity:0.95;
    max-width:280px;
}

.signup-right{
    width:58%;
    padding:45px 40px;
}

.signup-mobile-logo{
    display:none;
    text-align:center;
    margin-bottom:20px;
}

.signup-mobile-logo img{
    width:80px;
    height:auto;
}

.signup-title{
    color:#1E3A8A;
    font-size:28px;
    font-weight:700;
    margin-bottom:8px;
}

.signup-subtitle{
    color:#64748B;
    margin-bottom:28px;
    font-size:15px;
}

.form-label{
    font-weight:600;
    color:#334155;
    margin-bottom:8px;
}

.signup-right input,
.signup-right select,
.signup-right textarea{
    width:100%;
    border:1px solid #CBD5E1;
    border-radius:12px;
    padding:13px 14px;
    font-size:15px;
    outline:none;
    transition:all 0.25s ease;
    background:#fff;
}

.signup-right input:focus,
.signup-right select:focus,
.signup-right textarea:focus{
    border-color:#2563EB;
    box-shadow:0 0 0 4px rgba(37,99,235,0.12);
}

.signup-right ul{
    margin:6px 0 0 0;
    padding-left:18px;
    color:#DC2626;
    font-size:13px;
}

.text-danger{
    margin-top:6px;
    font-size:13px;
    color:#DC2626 !important;
}

.btn-signup{
    width:100%;
    border:none;
    border-radius:12px;
    padding:14px;
    font-size:16px;
    font-weight:600;
    background:#2563EB;
    color:white;
    transition:all 0.25s ease;
    margin-top:8px;
}

.btn-signup:hover{
    background:#1E3A8A;
    transform:translateY(-1px);
}

.login-link{
    margin-top:22px;
    text-align:center;
    color:#475569;
    font-size:15px;
}

.login-link a{
    color:#2563EB;
    text-decoration:none;
    font-weight:600;
}

.login-link a:hover{
    text-decoration:underline;
}

@media (max-width: 768px){
    .signup-container{
        padding:16px;
    }

    .signup-card{
        flex-direction:column;
        max-width:430px;
        border-radius:18px;
    }

    .signup-left{
        display:none;
    }

    .signup-right{
        width:100%;
        padding:30px 22px;
    }

    .signup-mobile-logo{
        display:block;
    }

    .signup-title{
        text-align:center;
        font-size:24px;
    }

    .signup-subtitle{
        text-align:center;
        font-size:14px;
        margin-bottom:22px;
    }

    .signup-right input,
    .signup-right select,
    .signup-right textarea{
        padding:14px;
        font-size:16px;
    }

    .btn-signup{
        padding:14px;
        font-size:16px;
    }
}