body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: var(--xyz-surface-subtle); color: var(--xyz-text-primary); font-family: var(--xyz-font-sans); box-sizing: border-box; }
.signin-card { width: 100%; max-width: 480px; background: var(--xyz-canvas); padding: 40px; border-top: 5px solid var(--xyz-action-primary); box-sizing: border-box; }
.signin-card img { background: var(--xyz-color-corporate-grey); padding: 14px; }
.signin-card h1 { font-size: clamp(28px, 6vw, 36px); line-height: 1.25; letter-spacing: var(--xyz-tracking-heading); margin: 16px 0; }
.signin-card p { line-height: 1.6; }
.signin-label { font-size: 12px; font-weight: 600; margin-top: 28px; }
.signin-button { display: flex; justify-content: space-between; gap: 16px; padding: 16px 20px; margin: 28px 0; color: var(--xyz-action-primary-text); background: var(--xyz-action-primary); text-decoration: none; font-weight: 600; border-radius: var(--xyz-radius-control); }
.signin-button:focus-visible { outline: 3px solid var(--xyz-focus); outline-offset: 4px; }
.signin-note { font-size: 12px; color: var(--xyz-text-secondary); }
@media (max-width: 480px) { .signin-card { padding: 24px; } }