.section{padding:var(--section-gap) 0}.section--surface{background-color:var(--surface)}.btn{background-color:var(--accent);color:var(--text-white);font-size:var(--text-sm);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:13px 24px;font-weight:500;line-height:1;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.btn:hover{background-color:#4a50d8}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.footer{color:var(--text-white);background-color:var(--dark-bg);margin-top:auto;padding:48px 0 28px}.footer__wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;display:flex}.footer__brand{flex-direction:column;gap:4px;display:flex}.footer__name{font-size:var(--text-md);font-weight:700}.footer__role{font-size:var(--text-xs);color:#fff9}.footer__nav{font-size:var(--text-sm);flex-wrap:wrap;gap:8px 24px;display:flex}.footer__nav a{color:#ffffffc7;transition:color .2s}.footer__nav a:hover{color:var(--text-white)}.footer__nav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.footer__bottom{font-size:var(--text-xs);color:#ffffff8c;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-top:32px;padding-top:20px;display:flex}.footer__bottom a{color:inherit;transition:color .2s}.footer__bottom a:hover{color:var(--text-white)}@media (max-width:720px){.footer{padding:36px 0 24px}.footer__wrapper{flex-direction:column;align-items:flex-start}.footer__bottom{margin-top:24px}}