/*==================================================
                ОСНОВНЫЕ СТИЛИ
==================================================*/
        html {
    height: 100%;
}
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            color: #fff;
            min-height: 100vh;
           display: flex;
           flex-direction: column;
           background-color: #000000;
             /*background-image: url("C:/Users/Евгений/Desktop/Logo na sait 1.jpg");
         /*   background-size: cover;        /* растянуть на весь экран */
   /* background-position: center;   /* центрировать */
  /*  background-repeat: no-repeat;  /* не повторять */
  /*  background-attachment: fixed;  /* необязательно, эффект параллакса */
        }

        header {
    position: relative;
    background-color: #1c1c1c;
   /* background-image: url("C:/Users/Евгений/Desktop/Logo na sait 1.jpg");
   /* background-size: cover;
   /* background-position: center;
   /* background-repeat: no-repeat;*/
   padding: 100px 20px;
    text-align: center;
   overflow: hidden;
}

header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

header h1,
header .subtitle {
    position: relative;
    z-index: 1;
}
        .container {
           width: min(1200px, 60%);
            margin: auto;
            padding: 50px 20px;
            flex: 1;
        }
/*==================================================
                ТИПОГРАФИКА
==================================================*/

        h1 {
            margin: 0;
            font-size: 34px;
        }

        h2 {
            color:#fff;
            margin-bottom:10px;
        }

        .subtitle {
            color: #aaa;
            margin-top: 10px;
        }
        p {
            color: #ccc;
            line-height: 1.6;
        }

        ul {
            color: #ccc;
            line-height: 1.8;
        }
/*==================================================
                КОНТЕНТНЫЕ БЛОКИ
==================================================*/

        .block {
            margin-bottom: 60px;
        }

        

        

        .box {
             background:#1c1c1c;
             padding: 30px;
             border-radius:12px;
             margin-top:10px;
        }
/*==================================================
                КНОПКИ
==================================================*/

        .btn{
    display:inline-block;
    color:#fff;
    text-decoration:none;
    padding:16px 30px;
    font-size:17px;
    font-weight:600;
    border-radius:14px;
    transition:0.3s;
    text-align:center;
}

/* Telegram */

.btn-telegram{
    background:linear-gradient(135deg,#2AABEE,#0E7EB8);
    box-shadow:0 10px 25px rgba(42,171,238,.35);
}

.btn-telegram:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(42,171,238,.5);
}

/* Email */

.btn-email{
    background:linear-gradient(135deg,#EA4335,#C5221F);
    color:#fff;
    box-shadow:0 10px 25px rgba(234,67,53,.35);
}

.btn-email:hover{
    transform:translateY(-3px);
    background:linear-gradient(135deg,#F04B3A,#B71C1C);
    box-shadow:0 15px 35px rgba(234,67,53,.5);
}

/* Phone */

.btn-phone{
    background:linear-gradient(135deg,#34C759,#1C8C3A);
    box-shadow:0 10px 25px rgba(52,199,89,.35);
}

.btn-phone:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(52,199,89,.5);
}
        .buttons{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-top:25px;
}

.buttons .btn{
    flex:1;
    text-align:center;
    margin:0;
}


        /*==================================================
                КНОПКА НАЗАД
         ==================================================*/

        .back-arrow{
    position: fixed;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);

    width: 100px;
    height: 500px;

    display: flex;
    justify-content: center;
    align-items: center;

    text-decoration: none;

    font-size: 34px;
    color: rgba(255,255,255,.95);

    border-radius: 50px;

    /* Стекло Apple */
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);

    /* Светлая рамка */
    border: 1px solid rgba(255,255,255,.18);

    /* Тени */
    box-shadow:
        0 20px 45px rgba(0,0,0,.35),
        inset 0 1px 1px rgba(255,255,255,.35),
        inset 0 -1px 2px rgba(255,255,255,.05);

    cursor: pointer;

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        background .35s,
        box-shadow .35s,
        color .35s;

    overflow: hidden;
    z-index: 9999;
}

/* Блик */
.back-arrow::before{
    content:"";
    position:absolute;
    inset:0;

    background:linear-gradient(
        180deg,
        rgba(255,255,255,.22),
        transparent 35%,
        transparent 70%,
        rgba(255,255,255,.06)
    );

    pointer-events:none;
}

.back-arrow:hover{

    transform:translateY(-50%) scale(1.05);

    background:rgba(255,255,255,.14);

    color:#fff;

    box-shadow:
        0 25px 55px rgba(0,0,0,.42),
        inset 0 1px 2px rgba(255,255,255,.45),
        0 0 35px rgba(255,255,255,.08);
}

.back-arrow:active{

    transform:translateY(-50%) scale(.97);

    background:rgba(255,255,255,.18);

    transition:.08s;
}
.back-arrow::after{
    content:"";
    position:absolute;
    inset:2px;
    border-radius:48px;

    border:1px solid rgba(255,255,255,.15);

    opacity:.8;

    pointer-events:none;
}
/*==================================================
                FOOTER
==================================================*/
footer {
            text-align: center;
            padding: 30px;
            color: #777;
        }
/*==================================================
                АДАПТИВНОСТЬ
==================================================*/
@media(max-width:700px){

.buttons{
    flex-direction:column;
}

.buttons .btn{
    text-align:center;
}

}
/*==================================================
                Только Prepress
==================================================*/