.auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 28px 18px; background: linear-gradient(180deg, #fff 0%, #f5f6f8 100%); }
.auth-panel { width: min(100%, 430px); display: grid; gap: 18px; }
.brand { display: grid; place-items: center; gap: 10px; text-align: center; }
.brand img { width: 68px; height: 68px; object-fit: contain; border-radius: 0; box-shadow: none; background: transparent; }
.brand h1 { margin: 0; font-size: 1.55rem; letter-spacing: .02em; }
.notice-box { border-left: 4px solid var(--color-primary); background: #fff; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: 13px 14px; box-shadow: var(--shadow-sm); font-size: .9rem; }
.auth-actions { display: grid; gap: 10px; }
.back-link { justify-self: start; border: 0; padding: 6px 0; color: var(--color-text-muted); background: transparent; font-weight: 700; }
.plan-grid { display: grid; gap: 12px; }
.plan-card { position: relative; text-align: left; border: 2px solid var(--color-border); border-radius: 18px; background: #fff; padding: 18px; }
.plan-card.selected { border-color: var(--color-primary); background: var(--color-primary-soft); }
.plan-card strong { display: block; margin-bottom: 5px; }