/* 로그인·첫 비밀번호 정하기(가운데 상자). 바탕에 옅은 라벤더 결을 깔아 콘솔과 같은 집이라는 느낌만. */
.shell-simple { background:
  radial-gradient(1200px 520px at 50% -10%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 70%),
  var(--bg); }
.login-card { display: grid; gap: var(--space-5); padding: var(--space-7) var(--space-6); background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); box-shadow: var(--shadow-2); }
.login-card h1 { font-size: var(--text-2xl); font-weight: var(--weight-heavy); }
.login-brand { display: flex; align-items: center; gap: var(--space-3); }
.login-brand img { width: 44px; height: 44px; }
.login-name { font-size: var(--text-xl); color: var(--text-2); line-height: 1.2; }
.login-name strong { color: var(--text); font-weight: var(--weight-heavy); }
.login-sub { font-size: var(--text-sm); color: var(--text-3); }
.login-foot { font-size: var(--text-xs); color: var(--text-3); text-align: center; }
form.login-foot { display: flex; justify-content: center; }