.cloud-sign-in { min-height: 100vh; display: grid; place-items: center; padding: 2rem; }
.cloud-sign-in-card { width: min(100%, 34rem); }
.cloud-sign-in-card h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1.15; }
.cloud-brand { font-size: .8rem; font-weight: 700; letter-spacing: .15em; }
.cloud-sign-in-card #clerk-signin { margin-top: 2rem; }
.cloud-session { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; padding: .75rem 1rem; font: 14px/1.5 system-ui, sans-serif; }
body > .cloud-session { border-top: 1px solid #64748b55; }
.cloud-session[data-state="error"] { color: #b91c1c; background: #fef2f2; }
.cloud-session button, .cloud-session a { font: inherit; }
.cloud-session [hidden] { display: none; }
.cloud-board-creation { margin-top: 2rem; }
.cloud-board-creation form { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }