feat: refine navigation and account access flow

public/login.html

@@ -13,12 +13,16 @@
       <p class="eyebrow">PRIVATE RECIPE ARCHIVE</p>
       <h1>Our Recipe Atlas</h1>
       <p class="login-copy">Instagram과 YouTube에서 발견한 레시피를 한곳에 정리하세요.</p>
-      <a class="button button-primary google-login" href="/auth/google">
+      <div id="login-alert" class="login-alert" role="alert" hidden>
+        <strong>이 Google 계정은 사용할 수 없어요.</strong>
+        <p>관리자에게 계정 등록을 요청하거나, 허용된 다른 계정으로 다시 시도해 주세요.</p>
+      </div>
+      <a id="google-login" class="button button-primary google-login" href="/auth/google">
         <span aria-hidden="true">G</span>
-        Google 계정으로 계속하기
+        <span id="google-login-label">Google 계정으로 계속하기</span>
       </a>
       <p class="fine-print">허용 목록에 등록된 Google 계정만 로그인할 수 있습니다.</p>
     </main>
+    <script type="module" src="/js/login.js"></script>
   </body>
 </html>
-