:root {
  --gutter-panel: 2.03rem;
  --surface-base: calc(var(--gap-large) * .75);
  --line-cool: #EAF1F6;
  --paint-page: #F2F7FB;
  --paint-main: #04211E;
  --tone-strong: #243244;
  --tone-panel: #F2F7FB;
  --tone-primary: #F7FAFC;
  --line-strong: #0F1B2A;
  --speed-fast: ease;
  --surface-dark: #0E3A5C;
  --tone-inverse: #12B5A6;
  --surface-primary: #0E3A5C;
  --gap-large: 1.5rem;
  --lift-medium: 0 14px 54px rgba(0,0,0,0.13);
  --measure-form: 1620px;
  --tone-accent: #FFFFFF;
  --tone-soft: linear-gradient(135deg, #0E3A5C 0%, #12507A 55%, #12B5A6 100%);
  --type-base: 1.68;
  --paint-strong: #F2F7FB;
  --paint-accent: #D8E2EC;
  --surface-accent: #0F1B2A;
  --tone-light: #0E3A5C;
  --label-meta: calc(17.3px * 1.35);
}

body{margin:0;padding:0;font-family:"Rajdhani", sans-serif;}
*{box-sizing:border-box;}
.cookies {
        position: fixed;
        left: var(--gutter-panel);
        right: var(--gutter-panel);
        bottom: var(--gap-large);
        z-index: 1200
    }
.cookies .content-service {
        max-width: var(--measure-form);
        margin: 0 auto;
        display: flex;
        gap: 1px;
        background: #d8dde6;
        color: #0a0f1a;
        border: 1px solid #d8dde6;
        box-shadow: var(--lift-medium)
    }
.cookies .content-service div {
        width: 50%;
    }
.cookies .content-service > * {
        min-width: 0;
    }
.cookies .content-service > * {
        background: #fff;
        color: #0a0f1a;
        padding: var(--gap-large)
    }
.cookies strong {
        font-size: var(--label-meta);
        line-height: 1.12
    }
.cookies p {
        margin: var(--surface-base) 0 0;
        color: #2a3040;
        line-height: var(--type-base)
    }
.cookies button {
        border: 0;
        font: inherit;
        cursor: pointer
    }
.cookies button.cookie-accept {
        background: var(--surface-primary);
        color: var(--tone-panel)
    }
@media (max-width: 760px) {
        .cookies .content-service {
            display: block
        }

        .cookies .content-service > * {
            display: block;
            width: 100%;
            text-align: left;
            border-bottom: 1px solid #d8dde6
        }
    }
