body{
    background:#f1f3f2;
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.login-container{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:24px;
    max-width:420px;
    margin:auto;
    width:100%;
}

.brand-title{
    font-weight:700;
    font-size:22px;
    color:#1f7a3f;
}

.login-subtext{
    font-size:14px;
    color:#666;
    margin-bottom:30px;
}

.mobile-input{
    border-radius:14px;
    padding:14px;
    font-size:16px;
}

/* Focus outline color fix for better UI */
.mobile-input:focus {
    border-color: #1f7a3f;
    box-shadow: 0 0 0 0.25rem rgba(31, 122, 63, 0.25);
}

.country-code{
    background:#e8f5e9;
    border-radius:14px 0 0 14px;
    padding:14px 12px;
    font-weight:600;
    color:#1f7a3f;
    border: 1px solid #dee2e6;
    border-right: none;
}

.btn-login {
    background: #1f7a3f;
    color: #ffffff !important; 
    border: none;
    padding: 14px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 15px;
    transition: 0.3s all;
}

.btn-login:hover:not(:disabled) {
    background: #155d2f; 
    color: #ffffff !important;
}

.btn-login:disabled {
    background: #9fcbb0;
    color: #ffffff !important;
    cursor: not-allowed;
}

.terms-text{
    font-size:12px;
    color:#777;
    text-align:center;
    margin-top:20px;
}

.back-btn{
    font-size:14px;
    text-decoration:none;
    color:#1f7a3f;
    font-weight:600;
}