@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
/* base.css — общий фундамент для внутренних страниц сайта.
   Подключать на КАЖДОЙ странице (кроме index.html, у которого свои инлайн-стили):
   <link rel="stylesheet" href="/assets/css/base.css">
   Шапка и подвал самодостаточны (Web Components) и base.css не требуют, но он даёт
   единые токены, сетку и кнопки для контента страниц. */

:root{
  --blue:#272f7d;
  --dark:#10164d;
  --orange:#ffab00;
  --text:#101426;
  --muted:#6d7488;
  --soft:#f5f6ff;
  --line:rgba(39,47,125,.10);
  --shadow:0 34px 100px rgba(39,47,125,.16);
}

*{box-sizing:border-box}
body{margin:0;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.5}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.container{max-width:1320px;margin:0 auto;padding:0 36px}

/* отступ, чтобы контент не уходил под фиксированную шапку */
.page{padding-top:92px}

h1{color:var(--blue);letter-spacing:-1px;font-weight:800}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 25px;border-radius:999px;
  background:var(--orange);color:#111;font-weight:800;box-shadow:0 18px 42px rgba(255,171,0,.28);
  transition:transform .28s ease,box-shadow .28s ease}
.btn:hover{transform:translateY(-3px)}
.btn.blue{background:var(--blue);color:#fff;box-shadow:0 20px 50px rgba(39,47,125,.22)}

@media(max-width:680px){
  .container{padding:0 20px}
  .page{padding-top:68px}
}