/* Startseite von aufderkoppel.info; Farben und Bausteine kommen aus /portal/assets/portal.css. */
body { min-height: 100vh; display: flex; flex-direction: column; }
.start { flex: 1; display: flex; align-items: center; justify-content: center; padding: 2rem 16px; }
.start-card { width: 100%; max-width: 30rem; padding: clamp(1.5rem, 1rem + 3vw, 2.5rem); text-align: center; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); }
.start-icon { display: block; margin: 0 auto 1rem; border-radius: 12px; }
.start-card h1 { font-size: clamp(1.6rem, 1.3rem + 1.5vw, 2.1rem); margin-bottom: .5rem; }
.start-lead { hyphens: manual; text-wrap: balance; font-size: 1.05rem; color: var(--muted-fg); margin-bottom: 1.5rem; }
.start-button { display: flex; width: 100%; min-height: 3rem; font-size: 1.05rem; }
.start-hint { margin: .9rem 0 0; font-size: .875rem; color: var(--muted-fg); }
.start-emergency { margin: 1.5rem 0 0; padding: .75rem 1rem; text-align: left; font-size: .9rem; border-left: 4px solid var(--danger-fill); background: var(--danger-bg); border-radius: var(--radius-sm); }
.start-footer { justify-content: center; }