body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.header{position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease;z-index:1000;transform:translateY(0)}.header--hidden{transform:translateY(-100%)}.header__container{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center;height:60px}.header__logo{font-size:1.5rem;font-weight:700}.header__nav{display:none}.header__nav-link{margin:0 12px;text-decoration:none;color:inherit}.header__nav-link:hover{color:#3b82f6}.header__button{display:none;background:#fde047;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.header__mobile-button{display:block;padding:8px;background:none;border:none;font-size:1.5rem;cursor:pointer}.header__mobile-menu{display:none}@media (max-width: 767px){.header__mobile-button{display:block}.header__mobile-menu{display:block;background:#fff;box-shadow:0 2px 4px #0000001a}.header__mobile-nav{display:flex;flex-direction:column;padding:16px}.header__mobile-nav-link{padding:8px 0;text-decoration:none;color:inherit}.header__mobile-nav-link:hover{color:#3b82f6}.header__mobile-button{background:#fde047;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;margin-top:8px}}@media (min-width: 768px){.header__nav{display:flex}.header__button{display:block}.header__mobile-button{display:none}}.hero,.about{display:flex;justify-content:center;align-items:center;height:100vh}.hero{background:#f3f4f6}.about{background:#e5e7eb}.hero__title,.about__title{font-size:2.5rem;font-weight:700}