Как правильно сверстать два состояния сайта, до авторизации и после?
Это надо делать путем добавления к секции класса (например: section--not-registered) и при его наличии менять стили дочерних элементов? И как это реализовать в html, нужно создавать два варианта одной страницы или делать все в одном файле, а с помощью css скрывать, показывать и изменять элементы?
Если я вашу задачу правильно понял, вам нужен будет php. Как правило используют Сессии или Куки. То есть, после авторизации у пользователя сохраняется куки и при его наличии заменяем кнопку авторизации и регистрации на выйти.