body{
    margin:0;
    font-family:Arial, sans-serif;
    background:#0b1320;
    color:white;
    display:flex;
    justify-content:center;
    align-items:center;
    height:100vh;
    }
    
    /* карточка */
    
    .card{
    background:#111827;
    padding:30px;
    border-radius:14px;
    width:340px;
    box-shadow:0 0 25px rgba(0,0,0,0.4);
    }
    
    /* заголовок */
    
    h1{
    text-align:center;
    margin-top:0;
    }
    
    /* блоки шагов */
    
    .section{
    margin-top:25px;
    }
    
    /* сетка клиентов */
    
    .clients{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:10px;
    }
    
    /* кнопки клиентов */
    
    .client{
    background:#374151;
    border:none;
    padding:10px;
    border-radius:8px;
    color:white;
    cursor:pointer;
    font-size:14px;
    transition:0.2s;
    }
    
    .client:hover{
    background:#4b5563;
    }
    
    .client.active{
    background:#2563eb;
    }
    
    /* общие кнопки */
    
    button{
    width:100%;
    margin-top:10px;
    padding:12px;
    border:none;
    border-radius:8px;
    font-size:15px;
    cursor:pointer;
    transition:0.2s;
    }
    
    /* скачать */
    
    .download{
    background:#16a34a;
    color:white;
    }
    
    .download:hover{
    background:#15803d;
    }
    
    /* подключить */
    
    #connectBtn{
    background:#2563eb;
    color:white;
    }
    
    #connectBtn:hover{
    background:#1d4ed8;
    }
    
    /* подсказки */
    
    .hint{
    font-size:13px;
    opacity:0.7;
    margin-top:6px;
    line-height:1.4;
    }
    
    /* адаптация под телефон */
    
    @media (max-width:420px){
    
    .card{
    width:90%;
    padding:20px;
    }
    
    .clients{
    grid-template-columns:repeat(2,1fr);
    }
    
    }