/* ===== BASE ===== */

body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    background:#0f172a;
    color:#ffffff;
    line-height:1.6;
}

.container{
    max-width:900px;
    margin:auto;
    padding:40px 20px;
}

h1{
    font-size:52px;
    margin-bottom:10px;
    text-align:center;
}

h2{
    margin-top:40px;
}

.tagline{
    font-size:22px;
    opacity:.9;
    text-align:center;
}

.section{
    margin-top:40px;
}

.site-footer{
    margin-top:60px;
    opacity:.6;
    font-size:14px;
}

/* ===== HEADER ===== */

.site-header{
    padding:20px 0 10px;
}

.header-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;

    display:flex;
    flex-direction:column;
    align-items:center;
}

/* логотип */
.logo{
    text-align:center;
    margin-bottom:15px;
}

.logo img{
    width:360px;
    max-width:100%;
    height:auto;
    display:block;
}

/* строка меню + кнопка */
.header-row{
    display:flex;
    align-items:center;
    gap:20px;
}

/* меню */
.main-nav{
    display:flex;
    gap:20px;
}

.main-nav a{
    color:#ffffff;
    text-decoration:none;
    opacity:.9;
}

.main-nav a:hover{
    opacity:1;
    text-decoration:underline;
}

/* кнопка */
.login-btn{
    padding:8px 16px;
    cursor:pointer;
}