* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', Arial, sans-serif
}

body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;

    background:
       url(./images/left.png) left top / 250px auto no-repeat, url(./images/right.png) right bottom / 250px auto no-repeat, linear-gradient(135deg, #2E5A73, #365f73);
}

.salon-page-wrap {
    width: 100%;
    max-width: 780px
}

.salon-form-card {
    width: 100%;
    background: rgb(46 89 114);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 20px;
    padding: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .3)
}

.salon-logo {
    /*text-align: center;*/
    margin-bottom: 10px;
}

.content-box-form{
    text-align:end;
}

  .salon-page-wrap .form-header-for-main {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .salon-page-wrap .form-header-for-main .logo-box img {
            height: 100px;
        }


.salon-logo h1 {
    color: #fbbf24;
    font-size: 32px;
    font-weight: 700
}

.salon-subtitle {
    /*text-align: center;*/
    color: #d1d5db;
    margin-bottom: 15px;
    font-size: 14px
}

.salon-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.salon-form-group {
    margin-bottom: 20px
}

.salon-label {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.salon-required {
    color: #ef4444
}

.salon-textarea::placeholder{
    color: #e2e2e298;

}
.salon-input::placeholder{
    color: #e2e2e298;
}
.salon-input,
.salon-select,
.salon-textarea {
    width: 100%;
    padding: 10px 15px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .15);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 15px;
    outline: none;
    transition: .3s
}

.salon-input:focus,
.salon-select:focus,
.salon-textarea:focus {
    border-color: #fbbf24;
    box-shadow: 0 0 15px rgba(251, 191, 36, .3)
}

.salon-select option {
    color: #111827
}

.salon-textarea {
    min-height: 105px;
    resize: vertical
}

.salon-error {
    color: #ff6b6b;
    font-size: 12px;
    margin-top: 6px;
    display: none
}

.salon-alert-error {
    background: #fee2e2;
    color: #991b1b;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 18px;
    font-size: 13px
}

.salon-submit-btn {
    width: 100%;
    padding: 15px;
    border: none;
    border-radius: 12px;
    background: #e6bc52;
    color: #111827;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s
}

.salon-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(251, 191, 36, .4)
}

.salon-submit-btn:disabled {
    opacity: .65;
    cursor: not-allowed;
    transform: none
}

.salon-small-note {
    color: #d8d8d8;
    text-align: center;
    font-size: 12px;
    margin-top: 16px
}

@media(max-width:768px) {
    body {
        padding: 18px;
        align-items: flex-start
    }

    .salon-row {
        grid-template-columns: 1fr;
        gap: 0
    }

    .salon-form-card {
        padding: 25px
    }

    .salon-logo h1 {
        font-size: 26px
    }
}