/* ================================================================
   INNOMIND – Global stylesheet
   ================================================================ */

/* ----------  ОБЩИЕ НАСТРОЙКИ  ---------------------------------- */
body{
    background:#0a0a0a url('../images/image1.webp') center/cover no-repeat;
    color:#fff;
    font-family:Arial, sans-serif;
    text-align:center;
    margin:0;
    padding:0;
}

/* Полупрозрачный универсальный контейнер */
.content-box,
.container{
    width:80%;
    margin:50px auto;
    padding:40px 25px 60px;
    background:rgba(0,0,0,.80);
    border-radius:12px;
    box-shadow:0 0 15px rgba(0,234,255,.35);
}

/* ----------  ЛОГОТИП  ----------------------------------------- */
.logo-full{
    width:520px;           /* при необходимости меняйте */
    max-width:90%;
    height:auto;
    margin-bottom:35px;
}

/* ----------  КНОПКИ / НАВИГАЦИЯ  ------------------------------- */
.buttons{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin-top:25px;
}

.button{
    display:inline-block;
    padding:12px 26px;
    font-size:18px;
    font-weight:700;
    color:#000;
    text-decoration:none;
    border-radius:6px;
    background:linear-gradient(90deg,#00eaff 0%,#0068ff 100%);
    box-shadow:0 0 10px rgba(0,234,255,.6);
    transition:.25s ease;
}

.button:hover{
    transform:scale(1.08);
    background:linear-gradient(90deg,#00ffcc 0%,#0096ff 100%);
    box-shadow:0 0 15px rgba(0,234,255,1);
}

/* ----------  ФУТЕР + СОЦСЕТИ  ---------------------------------- */
footer{
    margin-top:60px;
    padding:30px 0;
    text-align:center;
    background:rgba(0,0,0,.80);
    border-top:2px solid #00eaff;
}
.social-links{
    display:inline-flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:center;
}
.social-links a{
    display:inline-block;
    padding:8px 18px;
    font-size:18px;
    font-weight:700;
    color:#000;
    text-decoration:none;
    border-radius:6px;
    background:linear-gradient(90deg,#00eaff 0%,#0068ff 100%);
    box-shadow:0 0 10px rgba(0,234,255,.6);
    transition:.25s ease;
}
.social-links a:hover{
    transform:scale(1.08);
    background:linear-gradient(90deg,#00ffcc 0%,#0096ff 100%);
    box-shadow:0 0 15px rgba(0,234,255,1);
    color:#000;
}

/* ----------  СТРАНИЦА TEAM  ------------------------------------ */
.team-grid{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    justify-content:center;
}
.team-member{
    width:250px;
    background:rgba(255,255,255,.1);
    padding:15px;
    border-radius:10px;
}
.team-member img{
    width:100%;
    height:auto;
    border-radius:10px;
}

/* ----------  FEEDBACK / CONTACT формы  ------------------------- */
.form-group{
    margin:15px 0;
    text-align:left;
}
label{
    font-size:16px;
    color:#0ff;
    display:block;
    margin-bottom:5px;
}
input, textarea{
    width:100%;
    padding:10px;
    font-size:16px;
    border:none;
    border-radius:5px;
    background:rgba(255,255,255,.1);
    color:#fff;
}
textarea{height:150px;}

.contact-info{
    margin-top:20px;
    font-size:18px;
}
.contact-info a{color:#0ff;text-decoration:none;}
.contact-info a:hover{text-decoration:underline;}

/* ----------  LEARN MORE  --------------------------------------- */
#lm-container{display:grid;gap:24px;margin-top:20px;}
.lm-card{
    background:rgba(0,0,0,.75);
    border:1px solid #00ffff44;
    border-radius:10px;
    padding:18px 24px;
    color:#ddd;
    text-align:left;
}
.lm-card h3{color:#0ff;font-size:22px;margin:0 0 4px;}
.lm-card h4{color:#fff;font-size:16px;font-weight:400;margin:0 0 8px;}
.lm-card p {color:#ddd;margin:0;}

.content-box h1{
    color:#0ff;
    margin-bottom:4px;
}
.content-box .subtitle{
    color:#ddd;
    font-size:14px;
    margin:0 0 24px;
}

/* ----------  АДАПТИВ  ------------------------------------------ */
@media(max-width:600px){
    .logo-full{width:320px;}
    .button{font-size:16px;padding:10px 20px;}
}