.website-status { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: 2rem; min-height: min(74vh, 850px); padding: clamp(2rem, 6vw, 6rem); }
.website-status__copy { min-width: 0; }
.website-status__code { color: var(--website-link); font-size: clamp(1rem, 3.7vw, 3.5rem); font-weight: 700; margin: 0 0 1rem; }
.website-status h1 { font-size: clamp(2.25rem, 4.8vw, 4.5rem); font-weight: 750; line-height: 1.08; letter-spacing: -.045em; margin: 0 0 1.4rem; }
.website-status__message { color: var(--website-muted); font-size: clamp(1.1rem, 1.7vw, 1.5rem); line-height: 1.5; margin: 0; }
.website-status__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 2.25rem; }
.website-status__illustration { display: block; width: 100%; height: auto; object-fit: contain; }
.website-status--oauth .website-status__code { font-size: 1rem; letter-spacing: .08em; }
.website-status--oauth h1 { font-size: clamp(2.1rem, 4vw, 3.8rem); }
.website-status .website-button { max-width: 100%; }
@media (max-width: 900px) { .website-status { padding: 2rem 0; gap: 1rem; } }
@media (max-width: 640px) { .website-status { grid-template-columns: minmax(0,1fr); min-height: auto; } .website-status__illustration { width: min(75%,320px); margin-inline: auto; } .website-status__actions { margin-top: 1.5rem; } }