.auth-brand-lockup {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
}

.auth-brand-lockup img {
  width: 88px;
  height: 88px;
  border: 1px solid rgba(230, 184, 93, 0.45);
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32);
}

.auth-brand-lockup strong,
.auth-brand-lockup small {
  display: block;
}

.auth-brand-lockup strong {
  font-size: 28px;
  letter-spacing: 0.08em;
}

.auth-brand-lockup small {
  margin-top: 3px;
  color: var(--gold);
  font-size: 13px;
  font-weight: 750;
}

.brand-logo {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(230, 184, 93, 0.48);
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.32);
}

.backend-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.backend-card {
  min-height: 164px;
}

.backend-card h3 {
  margin-bottom: 10px;
  font-size: 21px;
}

.backend-card p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.65;
}

.backend-safety-surface {
  margin-top: 16px;
}

.backend-safety-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.backend-safety-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: 11px;
  padding: 13px;
  background: rgba(255, 255, 255, 0.035);
}

.backend-safety-item strong {
  font-size: 12px;
}

@media (max-width: 820px) {
  .backend-grid,
  .backend-safety-list {
    grid-template-columns: 1fr;
  }

  .auth-brand-lockup img {
    width: 72px;
    height: 72px;
  }
}\n\n/* UHOS beginner guide v1 */
.beginner-guide{margin:0 0 18px;padding:22px;border-color:rgba(227,177,71,.32);background:radial-gradient(circle at 100% 0%,rgba(227,177,71,.10),transparent 34%),rgba(12,35,29,.82)}
.beginner-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
.beginner-guide-head h3{max-width:760px;margin:3px 0 8px;color:#f8f4e9;font-size:clamp(22px,2.2vw,31px);line-height:1.25}
.beginner-guide-head .muted{max-width:820px;margin:0}
.beginner-safety-badge{flex:0 0 auto;padding:9px 12px;border:1px solid rgba(94,211,155,.42);border-radius:999px;color:#9ce8bd;background:rgba(32,120,80,.16);font-size:12px;font-weight:800;line-height:1.3;text-align:center}
.beginner-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.beginner-step{display:flex;gap:12px;min-height:144px;padding:16px;border:1px solid rgba(180,207,192,.14);border-radius:16px;background:rgba(7,25,21,.52)}
.beginner-step-number{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;color:#071b16;background:#e3b147;font-weight:900}
.beginner-step h4,.guide-section-heading h4,.feature-guide-card h5{margin:0;color:#f7f2e7}
.beginner-step h4{margin:4px 0 8px;font-size:15px}
.beginner-step p,.feature-guide-card p,.guide-rule-card p{margin:0;color:#aebeb6;font-size:13px;line-height:1.65}
.beginner-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.beginner-primary{min-height:42px}
.beginner-details{margin-top:16px;border-top:1px solid rgba(180,207,192,.16)}
.beginner-details>summary{position:relative;padding:16px 34px 0 0;color:#f0c86b;font-weight:800;cursor:pointer;list-style:none}
.beginner-details>summary::-webkit-details-marker{display:none}
.beginner-details>summary::after{content:"＋";position:absolute;top:13px;right:4px;font-size:22px}
.beginner-details[open]>summary::after{content:"－"}
.beginner-details-body{padding-top:20px}
.guide-section+.guide-section{margin-top:24px;padding-top:22px;border-top:1px solid rgba(180,207,192,.14)}
.guide-section-heading{margin-bottom:12px}
.guide-section-heading h4{margin-top:3px;font-size:18px}
.feature-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.feature-guide-card,.guide-rule-card{padding:15px;border:1px solid rgba(180,207,192,.14);border-radius:14px;background:rgba(7,25,21,.44)}
.feature-guide-card>span{display:inline-block;margin-bottom:8px;color:#e3b147;font-size:12px;font-weight:900;letter-spacing:.08em}
.feature-guide-card h5{margin-bottom:7px;font-size:15px}
.guide-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.guide-rule-card strong{display:block;margin-bottom:6px;color:#f7f2e7;font-size:14px}
.guide-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.guide-status-list{display:grid;gap:9px}
.guide-status-list p{display:flex;align-items:flex-start;gap:9px;margin:0;color:#b7c7bf;font-size:13px;line-height:1.55}
.guide-status{flex:0 0 auto;min-width:54px;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:900;text-align:center}
.guide-status-pass{color:#8fe0b1;background:rgba(37,139,89,.22)}
.guide-status-warn{color:#f4cd70;background:rgba(181,125,18,.20)}
.guide-status-block{color:#ff9f9a;background:rgba(174,58,50,.22)}
.beginner-checklist{display:grid;gap:8px;margin:0;padding-left:20px;color:#b7c7bf;font-size:13px;line-height:1.55}
.beginner-checklist li::marker{color:#e3b147}
@media(max-width:1080px){.beginner-steps,.feature-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.beginner-guide-head{flex-direction:column}.beginner-safety-badge{align-self:flex-start}.beginner-steps,.feature-guide-grid,.guide-rule-grid,.guide-checklist{grid-template-columns:1fr}.beginner-step{min-height:auto}}
@media(max-width:520px){.beginner-guide{padding:16px}.beginner-actions>button{width:100%}}\n