.blue-glass {
    background: rgba(41, 96, 135, 0.4);
    color: white;
    display: inline-block;
    border-top: solid 1px #ffffff7a;
    border-bottom: solid 1px #ffffff2b;
    text-decoration: none;
}


.black-glass {
    background: rgba(90, 90, 103, 0.2);
    color: white;
    display: inline-block;
    border-top: solid 1px #ffffff7a;
    border-bottom: solid 1px #ffffff2b;
    text-decoration: none;
}


.red-glass {
    background: #A61A1A66;
    color: white;
    display: inline-block;
    border-top: solid 1px #ffffff7a;
    border-bottom: solid 1px #ffffff2b;
    text-decoration: none;
}


.green-glass {
    background: #1AA64966;
    color: white;
    display: inline-block;
    border-top: solid 1px #ffffff7a;
    border-bottom: solid 1px #ffffff2b;
    text-decoration: none;
}


.btn {
    border:none;
    border-radius: 100px;
    padding: 12px 20px;
    font-size: 16px;
    display: inline-block;
    border-top: solid 1px #ffffff7a;
    border-bottom: solid 1px #ffffff2b;
    text-decoration: none;
    transition: all 0.25s ease;
    font-weight: 500;
}

.btn.btn-small {
    padding: 6px 12px;
}

.color-green {
    color: #1AA649!important;
}

.color-red {
    color: #EC3B3B!important;
}

.color-yellow {
    color: #E89D1D!important;
}



/* Базовая синяя кнопка */
.btn-blue {
    background: rgba(41, 96, 135, 0.4);
    color: white;
    line-height: 20px;
    backdrop-filter: blur(6px);
}

/* Hover в тех же оттенках */
.btn-blue:hover {
    background: rgba(41, 96, 135, 0.55);
    border-top-color: #ffffffb5;
    border-bottom-color: #ffffff4d;
    transform: translateY(-1px);
}

.btn-black {
    background: rgba(90, 90, 103, 0.2);
    color: white;
    line-height: 20px;
    backdrop-filter: blur(6px);
}

.btn-black:hover {
    background: rgba(90, 90, 103, 0.4);
    border-top-color: #ffffffb5;
    border-bottom-color: #ffffff4d;
    transform: translateY(-1px);
}

.dark-block {
    display: flex;
    gap: 52px;
    opacity: 1;
    border-radius: 32px;
    padding: 64px;
    background-color: var(--black-2);
    flex-direction: column;
    border-top: solid 1px #0F151ACC;
    border-bottom: solid 1px #0F151ACC;
    -webkit-box-shadow: 0px 0px 1px 1px rgb(255 255 255 / 3%) inset;
    -moz-box-shadow: 0px 0px 1px 1px rgb(255 255 255 / 3%) inset;
    box-shadow: 0px 0px 1px 1px rgb(255 255 255 / 3%) inset;
}


.text-red {
    color: var(--red);
}

.text-green {
    color: var(--green);
}


.wrap{
    width:min(820px, 100%);
    padding:26px;
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.06);
    box-shadow: var(--shadow);
    backdrop-filter: blur(10px);
}

form{display:flex;flex-direction:column;gap: 24px;}

.grid-2{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:14px;
}
.grid-1{ display:grid; gap:14px; }

.field{
    position:relative;
    border-radius: 20px;
    background: #1A232B;
    border: 1px solid #2B2F3B;
}
.field input,
.field select{
    width:100%;
    height:54px;
    border:0;
    outline:0;
    background: transparent;
    color: var(--text);
    padding: 0 18px;
    font-size:14px;
}
.field input::placeholder{ color: var(--muted2); }

/* Select arrow */
.field select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    padding-right:44px;
    color: var(--muted2);
}
.field.has-value select{ color: var(--text); }

.field .chev{
    position:absolute;
    right:14px; top:50%;
    transform: translateY(-50%);
    width:18px; height:18px;
    pointer-events:none;
    opacity:.8;
}

.field label {
    position: absolute;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #A8B2BD;
    left: 20px;
    top: 12px;
}

/* Section headings */
.label{
    margin-top:4px;
    font-weight:600;
    letter-spacing:.2px;
    color: rgba(255,255,255,.86);
}

/* Segmented options */
.seg{
    display:flex;
    flex-wrap:wrap;
    gap: 12px;
    margin-top: 16px;
}
.seg input{ position:absolute; opacity:0; pointer-events:none; }
.seg label{
    cursor:pointer;
    padding: 8px 20px;
    border-radius: 999px;
    border:1px solid var(--stroke2);
    background: rgba(255,255,255,.03);
    color: rgba(255,255,255,.76);
    user-select:none;
    transition: .18s ease;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
    background: rgba(90, 90, 103, 0.2);
    color: white;
    display: inline-block;
    border-top: solid 1px #ffffff7a;
    border-bottom: solid 1px #ffffff2b;
    text-decoration: none;
}
.seg label:hover{
    border-color: rgba(255,255,255,.18);
    transform: translateY(-1px);
}
.seg input:checked + label{
    background: linear-gradient(180deg, rgba(28,106,166,.38), rgba(28,106,166,.20));
    border-color: rgba(74,170,255,.35);
    color: rgba(255,255,255,.92);

    background: rgba(41, 96, 135, 0.4);
    color: white;
    display: inline-block;
    border-top: solid 1px #ffffff7a;
    border-bottom: solid 1px #ffffff2b;
    text-decoration: none;
}

/* Services (checkboxes) */
.checks{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:12px 24px;
    margin-top: 16px;
    padding-left:2px;
}
.chk{
    display:flex;
    align-items:center;
    gap:10px;
    color: rgba(255,255,255,.78);
}
.chk input{
    width:19px; height:19px;
    accent-color: var(--blue);
    filter: drop-shadow(0 6px 10px rgba(0,0,0,.35));
}

/* Textarea */

.area textarea{
    width:100%;
    min-height:140px;
    resize: vertical;
    border:0;
    outline:0;
    color: var(--text);
    padding:16px 18px;
    font: inherit;
    position:relative;
    border-radius: 20px;
    background: #1A232B;
    border: 1px solid #2B2F3B;
}
.area textarea::placeholder{ color: var(--muted2); }

/* Submit row */
.actions{
    display:flex;
    justify-content:flex-end;
    margin-top:8px;
}