body {
  background:linear-gradient(var(--theme-account-surface-1) 1px, transparent 1px),
        linear-gradient(90deg, var(--theme-account-surface-1) 1px, transparent 1px),
        radial-gradient(circle at 80% 12%, var(--theme-account-inset-2), transparent 32rem),
        var(--theme-account-inset-3);
  background-size:68px 68px, 68px 68px, auto, auto;
  color:var(--bb-text-main);
  font-family:var(--font-body, 'Geist', sans-serif);
  padding-top:90px;
}

.auth-shell {
  max-width:460px;
  margin:0 auto;
  padding:70px 20px 100px;
}

.auth-card {
  background:var(--theme-account-surface-4);
  border:1px solid var(--theme-account-border-5);
  border-radius:8px;
  padding:34px;
  box-shadow:0 24px 80px var(--theme-account-shadow-6);
}

.auth-kicker {
  color:var(--bb-kelly);
  font-family:var(--font-code);
  text-transform:uppercase;
  letter-spacing:3px;
  font-size:14px;
}

.auth-card h1 {
  color:var(--bb-kelly);
  letter-spacing:0;
  font-size:clamp(1.8rem, 5vw, 2.4rem);
  margin:12px 0 8px;
}

.auth-card p.auth-sub {
  color:var(--bb-text-muted);
  line-height:1.6;
  margin-bottom:26px;
}

.auth-tabs {
  display:flex;
  gap:8px;
  margin-bottom:24px;
  border-bottom:1px solid var(--theme-account-border-7);
}

.auth-tab {
  flex:1;
  background:none;
  border:none;
  padding:10px 6px 14px;
  font-family:var(--font-code);
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:1px;
  color:var(--bb-text-muted);
  cursor:pointer;
  border-bottom:2px solid transparent;
}

.auth-tab.active {
  color:var(--bb-kelly);
  border-bottom-color:var(--bb-kelly);
}

.form-group {
  margin-bottom:22px;
}

.form-label {
  display:block;
  font-family:var(--font-code);
  font-size:14px;
  color:var(--bb-kelly);
  margin-bottom:10px;
  letter-spacing:1px;
}

.form-input {
  width:100%;
  background:var(--theme-account-surface-8);
  border:1px solid var(--theme-account-border-9);
  border-radius:6px;
  padding:12px 14px;
  color:var(--bb-text-main);
  font-family:var(--font-body);
  font-size:max(14px, 0.95rem);
}

.form-input:focus {
  outline:none;
  border-color:var(--bb-kelly);
  background:var(--theme-account-inset-10);
}

.auth-divider {
  display:flex;
  align-items:center;
  gap:12px;
  margin:22px 0;
  color:var(--bb-text-dim);
  font-family:var(--font-code);
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.auth-divider::before, .auth-divider::after {
  content:"";
  flex:1;
  height:1px;
  background:var(--theme-account-surface-11);
}

.btn-google {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:var(--theme-component-ink-5);
  color:var(--theme-account-ink-13);
  border:none;
  border-radius:6px;
  padding:12px 14px;
  font-family:var(--font-body);
  font-weight:600;
  font-size:max(14px, 0.95rem);
  cursor:pointer;
}

.btn-google:hover {
  background:var(--theme-account-surface-14);
}

.auth-status {
  margin-top:16px;
  font-size:14px;
  line-height:1.5;
  display:none;
}

.auth-status.is-error {
  color:var(--bb-error, var(--theme-component-error-1));
  display:block;
}

.auth-status.is-ok {
  color:var(--bb-kelly);
  display:block;
}

nav {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:80px;
  background:var(--theme-account-surface-16);
  border-bottom:1px solid var(--theme-account-border-17);
  z-index:1000;
}

nav .bb-container {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

nav img {
  height:45px;
  filter:drop-shadow(0 0 5px var(--bb-kelly));
}

footer {
  text-align:center;
  padding:50px 20px;
  border-top:1px solid var(--theme-account-border-7);
  color:var(--bb-text-muted);
}

/* Border geometry retained from the retired palette layer. */
html.bb-page-f7df8ca1f6[data-bb-theme="patriotic"] .auth-card{border-width:1px;border-style:solid;border-top-width:1px;border-top-style:solid;border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid;border-left-width:1px;border-left-style:solid;}
html.bb-page-f7df8ca1f6[data-bb-theme="patriotic"] .auth-tabs{border-bottom-width:1px;border-bottom-style:solid;}
html.bb-page-f7df8ca1f6[data-bb-theme="patriotic"] .form-input{border-width:1px;border-style:solid;border-top-width:1px;border-top-style:solid;border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid;border-left-width:1px;border-left-style:solid;}
html.bb-page-f7df8ca1f6[data-bb-theme="patriotic"] nav{border-bottom-width:1px;border-bottom-style:solid;}
html.bb-page-f7df8ca1f6[data-bb-theme="patriotic"] footer{border-top-width:1px;border-top-style:solid;}