/* LANDING PAGE */
#landing { flex: 1; display: flex; align-items: center; justify-content: center; }

.landing-card { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 48px 56px; text-align: center; box-shadow: 0 0 40px rgba(0,212,255,0.08); }
  .landing-title { font-size: 28px; color: var(--accent); letter-spacing: 3px; font-weight: 900; margin-bottom: 10px; }
  .landing-subtitle { display: inline-block; font-size: 11px; color: #fff; background: var(--accent2); padding: 3px 10px; border-radius: 10px; font-weight: 700; margin-bottom: 36px; }

.landing-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
  .landing-btn { min-width: 200px; padding: 16px 28px; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; color: var(--text); background: var(--surface2); border: 1px solid var(--border); border-radius: 8px; cursor: pointer; transition: all 0.15s; }
  .landing-btn:hover { border-color: var(--accent); color: var(--accent); transform: translateY(-2px); }
  .landing-btn.online:hover { border-color: var(--accent2); color: var(--accent2); }

.landing-note { margin-top: 22px; font-size: 11px; color: var(--text2); min-height: 14px; }