/* CyberDune refinement: restrained brand accents, readable surfaces and useful feedback. */
.cd-platform-title { font-size: clamp(34px, 5vw, 68px); }
.cd-platform-title>span { display: block; }
.cd-platform-tagline { color: var(--cd-red); font: 500 clamp(18px, 2vw, 24px)/1.5 "Space Grotesk", sans-serif; margin-block: 22px 14px; }
.cd-platform-panel { max-width: 860px; margin-bottom: 48px; }
.cd-platform-panel .cd-briefing { background: radial-gradient(ellipse at top right, #ff304f0c, transparent 65%), var(--cd-surface); border-top: 2px solid var(--cd-red); }
.cd-platform-panel .cd-status { color: #ff8792; }
.cd-platform-panel .cd-briefing-foot { margin: 0; line-height: 1.7; }
.cd-platform-panel [data-countdown-value] { color: var(--cd-text); font-family: var(--cd-mono); margin-inline-start: 10px; }
.cd-hero { display: block; padding-block: 88px 72px; text-align: center; }
.cd-hero-copy { max-width: 760px; margin-inline: auto; }
.cd-hero .cd-eyebrow { margin-inline: auto; }
.cd-hero .cd-dot { display: none; }
.cd-hero .cd-brand-title>span { color: var(--cd-text); }
.cd-hero .cd-hero-description { max-width: 580px; margin-inline: auto; }
.cd-hero .cd-actions { justify-content: center; }
.cd-hero .cd-actions .btn { justify-content: center; text-align: center; }
.cd-brand-title { font-size: clamp(44px, 5.1vw, 72px); letter-spacing: -.045em; line-height: 1.08; }
.cd-hero-description { line-height: 1.75; max-width: 490px; }
.cd-eyebrow { font-family: Inter, system-ui, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .07em; }
.cd-hero .cd-eyebrow { max-width: 440px; margin-bottom: 24px; }
.cd-status { font: 11px/1.5 Inter, system-ui, sans-serif; border: 0; background: #ffffff04; padding: 6px 9px; border-radius: 6px; }
.cd-home-metrics { margin-bottom: 48px; padding-block: 28px; }
.cd-home-metrics strong { font: 600 30px/1.3 "Space Grotesk", Inter, sans-serif; font-variant-numeric: tabular-nums; }
.cd-home-metrics span { font: 12px/1.5 Inter, system-ui, sans-serif; }
.cd-home-category { min-height: 144px; gap: 20px; padding: 26px; border-radius: 12px; transition: background-color .18s, border-color .18s; }
.cd-home-category:hover { border-color: #596171; background: var(--cd-raised); }
.cd-home-category strong { display: flex; align-items: center; gap: 12px; font-size: 20px; }
.cd-home-category>span { font: 12px/1.5 Inter, system-ui, sans-serif; }
.cd-category-symbol { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: var(--cd-muted); font-size: 14px; flex-shrink: 0; }
.cd-card-category { display: inline-flex; align-items: center; gap: 6px; font: 11px/1.5 Inter, system-ui, sans-serif; }
.cd-challenge-card { padding: 24px; border-radius: 12px; transition: background-color .18s, border-color .18s; }
.cd-challenge-card:hover { transform: none; border-color: #667184; background: var(--cd-raised); }
.cd-card-state { font: 11px/1.5 Inter, system-ui, sans-serif; letter-spacing: 0; }
.cd-card-tags>span { font: 11px/1.4 Inter, system-ui, sans-serif; padding: 4px 8px; }
.cd-card-solves, .cd-card-bottom small { font: 11px/1.5 Inter, system-ui, sans-serif; }
.challenge-solved .cd-category-symbol { color: var(--cd-green); }
.cd-category-title span { font: 12px/1.5 Inter, system-ui, sans-serif; }
.cd-board-summary span { font: 11px/1.5 Inter, system-ui, sans-serif; letter-spacing: .03em; }
.cd-podium-card { border-radius: 12px; }
.cd-podium-card:first-of-type { border-color: var(--cd-border); background: var(--cd-surface); }
.cd-podium-card>span, .cd-podium-card small { font: 12px/1.5 Inter, system-ui, sans-serif; }
.cd-standing-me { box-shadow: inset 3px 0 var(--cd-red); }
.cd-standing-me td a { color: #ff8792; }
.cd-data-changed { animation: cd-data-change .7s ease-out; }
.cd-auth-card { padding: 36px; border-radius: 14px; }
.cd-auth-mark { font: 600 11px/1.5 Inter, system-ui, sans-serif; letter-spacing: .06em; }
.cd-empty { border-style: solid; background: #ffffff02; border-radius: 12px; }
.cd-guide-grid article { background: transparent; border-radius: 12px; }
.cd-guide-grid h3 { font-size: 21px; }
.cd-guide-grid p { font-size: 14px; line-height: 1.75; }
.cd-guide-grid .cd-step { font-size: 12px; }
.cd-guide-grid .cd-step, .cd-comms-links>a>i, .cd-comms-heading .cd-eyebrow { color: var(--cd-muted); }
.cd-home-standings { margin-block: 48px; }
.cd-app main { padding-bottom: 64px; }
.cd-comms-links small { font: 500 11px/1.4 Inter, system-ui, sans-serif; letter-spacing: .04em; color: var(--cd-muted); }
.cd-comms-links strong { font-size: 13px; }
.cd-footer small, .cd-footer-links a { font: 12px/1.6 Inter, system-ui, sans-serif; }
.modal-content { border-radius: 14px; }
@keyframes cd-data-change { from { background-color: #ff304f20; } to { background-color: transparent; } }
@media (max-width: 991px) {
  .cd-hero { gap: 32px; padding-block: 56px; }
  .cd-brand-title { font-size: clamp(42px, 5.5vw, 64px); }
}
@media (max-width: 767px) {
  .cd-hero { padding-block: 40px; gap: 32px; }
  .cd-brand-title { font-size: clamp(40px, 10vw, 56px); }
  .cd-home-metrics>div { padding-inline: 12px; }
  .cd-home-metrics span { font-size: 11px; }
  .cd-home-category { padding: 18px; min-height: 132px; gap: 16px; }
  .cd-home-category strong { font-size: 17px; gap: 6px; }
  .cd-home-category>span { font-size: 11px; }
  .cd-auth-card { padding: 24px; }
  .cd-app main { padding-bottom: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .cd-app *, .cd-app *::before, .cd-app *::after { animation: none !important; transition: none !important; }
}

/* Ready platform: larger type, wider content and a compact first screen. */
body.cd-app { font-size: 17px; }
.cd-app .container { max-width: 1560px; padding-inline: clamp(20px, 3vw, 48px); }
.cd-app h1, .cd-app h2, .cd-app h3 { font-family: Inter, system-ui, sans-serif; }
.cd-app .cd-nav .nav-link { font-size: 15px; }
.cd-app .cd-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 44px; padding-block: 48px 40px; text-align: start; }
.cd-hero-copy { max-width: none; min-width: 0; width: 100%; }
.cd-app .cd-hero .cd-eyebrow { max-width: none; margin-inline: 0; margin-bottom: 20px; font-size: 12px; }
.cd-app .cd-hero .cd-brand-title { font-size: clamp(44px, 5.2vw, 84px); letter-spacing: -.045em; line-height: 1.06; margin-bottom: 0; }
.cd-app .cd-platform-tagline { font-family: Inter, system-ui, sans-serif; font-size: clamp(20px, 2vw, 28px); margin-block: 22px 14px; }
.cd-app .cd-hero .cd-hero-description { font-size: 19px; line-height: 1.65; max-width: 660px; margin-inline: 0; margin-bottom: 26px; }
.cd-app .cd-hero .cd-actions { justify-content: flex-start; gap: 14px; }
.cd-app .cd-actions .btn { font-size: 16px; padding: 15px 24px; min-height: 54px; }
.cd-app .cd-platform-panel { width: 100%; min-width: 0; max-width: none; margin: 0; }
.cd-platform-panel .cd-briefing-head { padding: 24px; flex-wrap: wrap; }
.cd-platform-panel .cd-briefing-head h2 { font-size: 22px; }
.cd-platform-panel .cd-status { font-size: 13px; }
.cd-platform-panel .cd-briefing dt { font: 500 13px/1.6 Inter, system-ui, sans-serif; letter-spacing: .04em; }
.cd-platform-panel .cd-briefing dd { font-size: 16px; }
.cd-platform-panel .cd-briefing dl>div { padding-block: 20px; align-items: center; }
.cd-platform-panel .cd-briefing-foot { font-size: 15px; padding: 20px 24px; }
.cd-app .cd-section-heading { margin-bottom: 22px; gap: 24px; }
.cd-app .cd-section-heading h2, .cd-app .cd-comms-heading h2 { font-size: clamp(28px, 2.5vw, 38px); }
.cd-app .cd-section-heading .cd-eyebrow { font-size: 12px; margin-bottom: 12px; }
.cd-app .cd-section-heading>p, .cd-app .cd-section-heading>a { font-size: 16px; }
.cd-app .cd-home-categories { gap: 18px; }
.cd-app .cd-home-category { padding: 28px; min-height: 164px; gap: 22px; }
.cd-app .cd-home-category strong { font-family: Inter, system-ui, sans-serif; font-size: 23px; line-height: 1.35; }
.cd-app .cd-home-category>span { font-size: 15px; }
.cd-app .cd-category-symbol { font-size: 19px; width: 32px; height: 32px; }
.cd-app .cd-guide { padding-top: 38px; }
.cd-app .cd-guide-grid { gap: 18px; }
.cd-app .cd-guide-grid article { padding: 28px; }
.cd-app .cd-guide-grid h3 { font-size: 25px; margin-block: 20px 14px; }
.cd-app .cd-guide-grid p { font-size: 16px; line-height: 1.65; }
.cd-app .cd-guide-grid .cd-step { font-size: 14px; }
.cd-app .cd-scope { margin-top: 22px; padding: 22px 26px; }
.cd-app .cd-scope strong { font-size: 17px; }
.cd-app .cd-scope p { font-size: 15px; line-height: 1.65; }
.cd-app main { padding-top: 0; padding-bottom: 28px; margin-bottom: 0; }
.cd-app .cd-comms { padding-block: 30px; }
.cd-app .cd-comms-heading p { font-size: 16px; }
.cd-app .cd-comms-links strong { font-size: 16px; }
.cd-app .cd-comms-links small { font-size: 12px; }
.cd-app .cd-footer { padding-top: 0; padding-bottom: 24px; }
.cd-app .cd-footer small, .cd-app .cd-footer-links a { font-size: 14px; }
@media (max-width: 1199px) {
  .cd-app .cd-hero { grid-template-columns: 1fr; gap: 28px; text-align: center; }
  .cd-app .cd-hero .cd-eyebrow, .cd-app .cd-hero .cd-hero-description { margin-inline: auto; }
  .cd-app .cd-hero .cd-actions { justify-content: center; }
}
@media (max-width: 767px) {
  .cd-app .container { padding-inline: 20px; }
  .cd-app .cd-hero { padding-block: 28px 30px; }
  .cd-app .cd-hero .cd-brand-title { font-size: clamp(34px, 9vw, 60px); }
  .cd-app .cd-hero .cd-eyebrow { font-size: 11px; }
  .cd-app .cd-hero .cd-hero-description { font-size: 17px; }
  .cd-app .cd-actions .btn { font-size: 15px; }
  .cd-platform-panel .cd-briefing-head { padding: 20px; }
  .cd-platform-panel .cd-briefing-head h2 { font-size: 20px; }
  .cd-platform-panel .cd-briefing-body { padding-inline: 20px; }
  .cd-platform-panel .cd-briefing dt { font-size: 11px; }
  .cd-platform-panel .cd-briefing dd { font-size: 14px; }
  .cd-platform-panel .cd-briefing-foot { padding: 18px 20px; font-size: 14px; }
  .cd-app .cd-home-categories { gap: 12px; }
  .cd-app .cd-home-category { padding: 18px; min-height: 148px; }
  .cd-app .cd-home-category strong { font-size: 18px; gap: 8px; }
  .cd-app .cd-home-category>span { font-size: 13px; }
  .cd-app .cd-guide-grid article { padding: 24px; }
  .cd-app .cd-guide-grid h3 { font-size: 23px; }
  .cd-app .cd-scope { padding: 20px; }
}
@media (max-width: 359px) {
  .cd-app .cd-home-categories { grid-template-columns: 1fr; }
}
.cd-instance-panel .card { border: 1px solid rgba(255, 52, 64, .25); background: #0d1017; border-radius: 14px; padding: 20px; }
.cd-instance-panel .card-title { font-size: 20px; margin-bottom: 16px; }
.cd-instance-panel .card-link { margin: 6px; }
.cd-instance-panel .btn-success { background: #161a22; border-color: rgba(255, 52, 64, .4); color: #fff; }
.cd-instance-panel .btn-success:hover { background: #a8172b; border-color: #f32b48; }
.cd-instance-connection { display: block; overflow-wrap: anywhere; white-space: pre-wrap; padding: 12px; }