/*! Start page styles — personalized preview panel. */

.start-preview-section {
  padding: 36px 24px 64px;
}
.start-preview-container {
  max-width: 1040px;
  margin: 0 auto;
}
.start-preview-head {
  text-align: center;
  margin-bottom: 28px;
}
.start-preview-head h2 {
  font-size: 1.5rem;
  color: var(--text);
  margin: 0 0 8px;
}
.start-preview-lede {
  color: var(--text2);
  font-size: 0.94rem;
  margin: 0 auto;
  max-width: 640px;
  line-height: 1.55;
}

.start-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 12px;
}
@media (max-width: 820px) { .start-preview-grid { grid-template-columns: 1fr; } }

.start-preview-col {
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  padding: 18px 18px 16px;
}
.start-preview-col-title {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--accent);
  font-weight: 800;
  margin: 0 0 12px;
}
.start-preview-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.start-preview-link {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(34,211,238,0.05);
  color: var(--text);
  text-decoration: none;
  font-size: 0.9rem;
  transition: background var(--motion-fast), transform var(--motion-fast);
}
.start-preview-link:hover {
  background: rgba(34,211,238,0.12);
  color: var(--accent);
  transform: translateX(2px);
}
.start-preview-placeholder {
  color: var(--text3);
  font-size: 0.84rem;
  font-style: italic;
  padding: 8px 0;
}
.start-preview-section[data-state="empty"] .start-preview-col {
  opacity: 0.7;
}

.start-preview-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 22px;
}
.start-preview-section[data-state="empty"] .start-preview-actions { display: none; }

/* Audit19 extracted inline styles start */
.cn-a19-start-001 {padding-top:8px;padding-bottom:0;}
.cn-a19-start-002 {max-width:1180px;}
.cn-a19-start-003 {max-width:1080px;display:grid;gap:18px;}
.cn-a19-start-004 {padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,rgba(34,211,238,0.08),rgba(168,85,247,0.05));border:1px solid rgba(34,211,238,0.14);display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center;}
.cn-a19-start-005 {font-size:0.74rem;letter-spacing:0.08em;text-transform:uppercase;color:#22d3ee;font-weight:800;margin-bottom:8px;}
.cn-a19-start-006 {margin:0 0 10px;font-size:1.2rem;}
.cn-a19-start-007 {margin:0;color:var(--text2);line-height:1.7;}
.cn-a19-start-008 {display:grid;gap:10px;}
.cn-a19-start-009 {padding:12px 14px;border-radius:14px;background:rgba(168,85,247,0.08);border:1px solid rgba(168,85,247,0.18);color:#ddd6fe;line-height:1.55;}
.cn-a19-start-010 {padding:14px 16px;border-radius:14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);}
.cn-a19-start-011 {font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:#22d3ee;font-weight:800;margin-bottom:6px;}
.cn-a19-start-012 {color:#cbd5e1;line-height:1.7;}
.cn-a19-start-013 {display:flex;gap:10px;flex-wrap:wrap;}
.cn-a19-start-014 {min-width:220px;justify-content:center;}
.cn-a19-start-015 {min-width:220px;justify-content:center;}
.cn-a19-start-016 {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.cn-a19-start-017 {padding:14px 16px;border-radius:14px;background:rgba(34,211,238,0.05);border:1px solid rgba(34,211,238,0.14);color:#cbd5e1;line-height:1.65;}
.cn-a19-start-018 {padding:14px 16px;border-radius:14px;background:rgba(168,85,247,0.06);border:1px solid rgba(168,85,247,0.14);color:#ddd6fe;line-height:1.65;}
.cn-a19-start-019 {padding:14px 16px;border-radius:14px;background:rgba(16,185,129,0.06);border:1px solid rgba(16,185,129,0.14);color:#d1fae5;line-height:1.65;}
.cn-a19-start-020 {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;}
.cn-a19-start-021 {padding:18px;border-radius:16px;background:rgba(34,211,238,0.05);border:1px solid rgba(34,211,238,0.14);display:grid;gap:10px;}
.cn-a19-start-022 {font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;color:#22d3ee;font-weight:800;}
.cn-a19-start-023 {display:flex;gap:8px;flex-wrap:wrap;}
.cn-a19-start-024 {padding:18px;border-radius:16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);display:grid;gap:10px;}
.cn-a19-start-025 {font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;color:#22d3ee;font-weight:800;}
.cn-a19-start-026 {display:flex;gap:8px;flex-wrap:wrap;}
.cn-a19-start-027 {padding:18px;border-radius:16px;background:rgba(16,185,129,0.06);border:1px solid rgba(16,185,129,0.14);display:grid;gap:10px;}
.cn-a19-start-028 {font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;color:#10b981;font-weight:800;}
.cn-a19-start-029 {display:flex;gap:8px;flex-wrap:wrap;}
.cn-a19-start-030 {padding:22px 24px;border-radius:18px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);display:grid;gap:14px;}
.cn-a19-start-031 {font-size:0.74rem;letter-spacing:0.08em;text-transform:uppercase;color:#22d3ee;font-weight:800;margin-bottom:8px;}
.cn-a19-start-032 {margin:0;color:var(--text2);line-height:1.7;}
.cn-a19-start-033 {display:grid;gap:8px;}
.cn-a19-start-034 {color:#f8fafc;font-weight:700;}
.cn-a19-start-035 {padding:14px 16px;border-radius:12px;background:#111827;border:1px solid rgba(255,255,255,0.08);color:#f8fafc;}
.cn-a19-start-036 {display:flex;gap:10px;flex-wrap:wrap;}
.cn-a19-start-037 {min-width:220px;justify-content:center;}
.cn-a19-start-038 {min-width:220px;justify-content:center;}
.cn-a19-start-039 {min-width:220px;justify-content:center;}
.cn-a19-start-040 {color:#cbd5e1;font-size:0.9rem;line-height:1.65;}
.cn-a19-start-041 {padding:24px;border-radius:24px;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,0.14),transparent 34%),linear-gradient(135deg,rgba(15,23,42,0.98),rgba(2,6,23,0.94));border:1px solid rgba(34,211,238,0.18);box-shadow:0 28px 90px rgba(0,0,0,0.34);display:grid;gap:18px;}
.cn-a19-start-042 {display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;}
.cn-a19-start-043 {font-size:0.74rem;letter-spacing:0.12em;text-transform:uppercase;color:#22d3ee;font-weight:900;margin-bottom:8px;}
.cn-a19-start-044 {margin:0 0 10px;font-size:clamp(1.45rem,3vw,2.25rem);letter-spacing:-0.04em;}
.cn-a19-start-045 {margin:0;color:#cbd5e1;line-height:1.75;max-width:760px;}
.cn-a19-start-046 {padding:10px 12px;border-radius:999px;background:rgba(16,185,129,0.11);border:1px solid rgba(16,185,129,0.24);color:#bbf7d0;font-size:0.8rem;font-weight:800;white-space:nowrap;}
.cn-a19-start-047 {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
.cn-a19-start-048 {padding:18px;border-radius:18px;background:rgba(255,255,255,0.055);border:1px solid rgba(255,255,255,0.09);}
.cn-a19-start-049 {color:#22d3ee;font-size:0.72rem;font-weight:900;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px;}
.cn-a19-start-050 {margin:0 0 8px;font-size:1.05rem;}
.cn-a19-start-051 {margin:0;color:#cbd5e1;line-height:1.65;}
.cn-a19-start-052 {padding:18px;border-radius:18px;background:rgba(34,211,238,0.065);border:1px solid rgba(34,211,238,0.16);}
.cn-a19-start-053 {color:#22d3ee;font-size:0.72rem;font-weight:900;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px;}
.cn-a19-start-054 {margin:0 0 8px;font-size:1.05rem;}
.cn-a19-start-055 {margin:0;color:#dbeafe;line-height:1.65;}
.cn-a19-start-056 {position:relative;overflow:hidden;padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(168,85,247,0.15),rgba(2,6,23,0.88));border:1px solid rgba(168,85,247,0.28);}
.cn-a19-start-057 {position:absolute;inset:0;background:linear-gradient(135deg,rgba(2,6,23,0.25),rgba(2,6,23,0.78));backdrop-filter:blur(3px);pointer-events:none;}
.cn-a19-start-058 {position:relative;z-index:1;display:grid;gap:10px;}
.cn-a19-start-059 {display:flex;align-items:center;gap:8px;color:#f0abfc;font-size:0.72rem;font-weight:900;text-transform:uppercase;letter-spacing:0.1em;}
.cn-a19-start-060 {margin:0;font-size:1.05rem;}
.cn-a19-start-061 {margin:0;color:#e9d5ff;line-height:1.65;}
.cn-a19-start-062 {justify-content:center;text-decoration:none;}
.cn-a19-start-063 {padding:18px;border-radius:18px;background:rgba(15,23,42,.68);border:1px solid rgba(34,211,238,.16);display:grid;gap:12px;}
.cn-a19-start-064 {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start;}
.cn-a19-start-065 {font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#22d3ee;font-weight:900;margin-bottom:6px;}
.cn-a19-start-066 {margin:0;color:#f8fafc;font-size:1.05rem;}
.cn-a19-start-067 {margin:8px 0 0;color:#94a3b8;line-height:1.65;}
.cn-a19-start-068 {padding:8px 10px;border-radius:999px;background:rgba(168,85,247,.14);border:1px solid rgba(168,85,247,.24);color:#e9d5ff;font-size:.78rem;font-weight:800;}
.cn-a19-start-069 {display:grid;grid-template-columns:1.1fr repeat(5,minmax(52px,1fr)) 1.2fr;gap:6px;align-items:stretch;font-size:.78rem;}
.cn-a19-start-070 {color:#cbd5e1;}
.cn-a19-start-071 {color:#e9d5ff;}
.cn-a19-start-072 {color:#fca5a5;}
.cn-a19-start-073 {color:#86efac;}
.cn-a19-start-074 {color:#fca5a5;}
.cn-a19-start-075 {display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.cn-a19-start-076 {min-width:220px;justify-content:center;}
.cn-a19-start-077 {min-width:220px;justify-content:center;}
.cn-a19-start-078 {color:#94a3b8;font-size:0.9rem;line-height:1.5;}
.cn-a19-start-079 {display:grid;gap:5px;color:#cbd5e1;font-size:.86rem;min-width:220px;}
.cn-a19-start-080 {border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(2,6,23,.72);color:#f8fafc;padding:10px 12px;}
.cn-a19-start-081 {display:flex;gap:8px;align-items:center;color:#94a3b8;font-size:.82rem;}
.cn-a19-start-082 {min-width:220px;justify-content:center;}
/* Audit19 extracted inline styles end */