body { background: #0c0d10; margin: 0; font-family: Inter, sans-serif; color: #d8dbe3; }
#cap-root { min-height: 100vh; display: flex; flex-direction: column; }
.cap-top { display: flex; align-items: center; gap: 20px; padding: 16px 24px; border-bottom: 1px solid rgba(255,255,255,0.06); }
.cap-mark { color: #d4a853; font-size: 22px; }
.cap-eyebrow { font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: #8a8f99; }
.cap-top h1 { margin: 4px 0 0; font-family: 'Cormorant Garamond', serif; font-size: 26px; color: #f5f3ee; }
.cap-operator { flex: 1; font-size: 12px; color: #9aa0ad; }
.cap-operator a { color: #d4a853; }
.cap-link { color: #d4a853; text-decoration: none; font-size: 13px; }
.cap-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 20px; border-bottom: 1px solid rgba(255,255,255,0.05); }
.cap-tab { background: transparent; border: 1px solid rgba(255,255,255,0.08); color: #9aa0ad; padding: 8px 14px; border-radius: 6px; cursor: pointer; font-size: 13px; }
.cap-tab.active { border-color: #d4a853; color: #f5f3ee; }
.cap-main { padding: 24px; flex: 1; }
.cap-panel, .cap-empty { background: rgba(18,20,26,0.9); border: 1px solid rgba(255,255,255,0.06); border-radius: 10px; padding: 20px 24px; max-width: 720px; }
.cap-panel h3, .cap-empty h3 { margin: 0 0 10px; font-family: 'Cormorant Garamond', serif; color: #f5f3ee; }
.cap-hint { font-size: 13px; color: #8a8f99; line-height: 1.5; }
.cap-cta { display: inline-block; margin-top: 14px; padding: 10px 16px; background: #d4a853; color: #1a1a1a; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 13px; }
.cap-lab-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 10px; margin: 14px 0; }
.cap-lab-tile { padding: 12px; text-align: center; background: #14161c; border-radius: 8px; color: #d4a853; text-decoration: none; text-transform: capitalize; font-size: 13px; }
.cap-step-list { list-style: none; padding: 0; margin: 12px 0 0; font-size: 13px; }
.cap-step-status { color: #10b981; margin-right: 8px; text-transform: uppercase; font-size: 10px; }
.cap-label { display: block; margin: 12px 0; font-size: 13px; }
.cap-input { display: block; width: 100%; margin-top: 6px; padding: 10px; background: #0a0b0e; border: 1px solid rgba(255,255,255,0.1); color: #f5f3ee; border-radius: 6px; }
.cap-btn, .cap-btn-secondary { margin-top: 10px; margin-right: 8px; padding: 10px 16px; border-radius: 6px; border: none; cursor: pointer; font-size: 13px; }
.cap-btn { background: #d4a853; color: #1a1a1a; font-weight: 600; }
.cap-btn-secondary { background: transparent; border: 1px solid rgba(255,255,255,0.15); color: #cfd2d8; }