/* Dance solution, school site, and workspace. */
.dance-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.dance-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}
.dance-marketing{--dance-ink:#24193c;--dance-muted:#5e546f;--dance-accent:#6b40b7;color:var(--dance-ink);background:#f8f6fc}
.dance-hero{position:relative;isolation:isolate;background:#24163b;color:#fff;overflow:hidden}
.dance-hero>img,.dance-hero::after{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.dance-hero>img{object-fit:cover;object-position:center 47%}
.dance-hero::after{content:"";background:linear-gradient(90deg,#211434 2%,#211434ef 28%,#21143499 61%,#21143430)}
.dance-hero-inner{padding-block:clamp(75px,10vw,150px)}
.dance-hero h1{max-width:830px;color:inherit;font-size:clamp(2.45rem,6.7vw,5.6rem);letter-spacing:-.055em;line-height:1.04;margin:0}
.dance-hero p:not(.dance-eyebrow){color:#f5eeff;max-width:560px;font-size:clamp(1.1rem,1.9vw,1.42rem);margin:26px 0 30px}
.dance-hero .dance-eyebrow{color:#e8d7ff}
.dance-marketing .dance-cta{background:#6541a3;color:#fff;border-color:#6541a3}
.dance-hero .dance-cta{background:#f0e6ff;color:#25133d;border-color:#f0e6ff}
.dance-hero .dance-hero-link{color:#fff;font-weight:700}
.dance-jumps{display:flex;flex-wrap:wrap;gap:10px 26px;padding-block:20px;border-bottom:1px solid #dfd6ec}
.dance-jumps a,.dance-section a:not(.button){color:#553088;font-weight:700;text-underline-offset:4px}
.dance-section{padding-block:clamp(44px,6.8vw,92px);scroll-margin-top:85px;border-bottom:1px solid #dfd6ec}
.dance-section .dance-eyebrow{color:#6439a4}
.dance-section h2{max-width:850px;margin:0 0 23px;font-size:clamp(1.85rem,4.4vw,3.7rem);line-height:1.09;letter-spacing:-.035em;color:inherit}
.dance-section p:not(.dance-eyebrow){color:var(--dance-muted);line-height:1.68}
.dance-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dance-features-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.dance-features article,.dance-faq details{background:#fff;border:1px solid #e3dcec;border-radius:16px;padding:clamp(18px,3vw,30px)}
.dance-features article span{color:var(--dance-accent);font-weight:800}
.dance-features h3{margin:8px 0}
.dance-features p{margin:0}
.dance-split{display:grid;grid-template-columns:1.06fr 1fr;gap:clamp(20px,5vw,70px);align-items:center}
.dance-split img{width:100%;height:auto;border-radius:20px;object-fit:cover}
.dance-site-promo{margin-top:38px;padding-inline:clamp(18px,5vw,70px);background:#ede5f9;border-radius:24px}
.dance-site-promo p{max-width:720px}
.dance-faq details+details{margin-top:10px}
.dance-faq summary{cursor:pointer;font-weight:750}
.dance-faq p{margin-bottom:0}
.company-solution-grid>.company-solution-dance{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.company-solution-grid>.company-solution-dance>img{width:100%;height:100%;max-height:405px;object-fit:cover}
.dance-workspace{min-width:0;padding:0 0 28px;display:grid;gap:16px}
.dance-work-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-block:12px}
.dance-work-head h1{margin:0 0 8px;line-height:1.15}
.dance-work-head p{margin:0}
.dance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:12px}
.dance-metrics a{display:grid;gap:5px;padding:20px;background:var(--surface,#fff);border:1px solid var(--line,#dde3ee);border-radius:14px;color:inherit}
.dance-metrics strong{font-size:1.8rem}
.dance-panel{padding:clamp(14px,2.6vw,24px)}
.dance-panel>h2{margin-top:0}
.dance-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid var(--line,#dde3ee)}
.dance-row:last-child{border-bottom:0}
.dance-row h2{font-size:1.12rem;margin:0 0 4px}
.dance-row p{margin:.35rem 0}
.dance-form{max-width:850px}
.dance-fields{display:grid;gap:14px}
.dance-fields label:not([for$="published"]){font-weight:650}
.dance-fields input:not([type="checkbox"]),.dance-fields select,.dance-fields textarea{display:block;max-width:100%;width:100%}
.dance-fields .helptext{display:block;font-size:.87rem;margin-top:5px}
.dance-fields .button{justify-self:start}
.dance-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:14px}
.dance-filters label{display:grid;gap:5px;min-width:0;font-weight:650}
.dance-filters select{width:100%;min-width:0;font-weight:400}
.dance-filters .button{justify-self:start;min-height:42px}
@media(max-width:880px){.dance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.dance-filters{grid-template-columns:1fr}}
.dance-media{display:block;width:min(100%,640px);height:auto;margin-top:12px;border-radius:12px}
@media(max-width:760px){
  .dance-features,.dance-features-two,.dance-split,.company-solution-grid>.company-solution-dance{grid-template-columns:1fr}
  .dance-hero::after{background:linear-gradient(90deg,#211434f0,#211434b3)}
  .company-solution-grid>.company-solution-dance>img{height:230px}
}
.dance-flashes p{margin:0;padding:12px 16px;background:var(--blue,#edf5ff);border:1px solid var(--line,#dbe3ec);border-radius:10px}

/* The school workspace uses a single accent and legible navigation on dark surfaces. */
.dance-cabinet { --dance-accent: #6037b6; --dance-ink: #251f39; --dance-border: #ddd7ed; }
.dance-cabinet .tenant-shell > .victory-sidebar { background: linear-gradient(160deg,#272040,#191630); border: 1px solid #352c54; border-radius: 24px; }
.dance-cabinet .victory-sidebar .sidebar-control { border-color: #4a4064; }
.dance-cabinet .victory-sidebar .sidebar-control-title { color: #e1d5fa; }
.dance-cabinet .tenant-shell .victory-sidebar .sidebar-scroll > a { color: #eee8fb; margin: 3px 8px; border-radius: 12px; }
.dance-cabinet .tenant-shell .victory-sidebar a .sidebar-icon { color: #c2aef8; }
.dance-cabinet .tenant-shell .victory-sidebar .sidebar-scroll > a:hover,
.dance-cabinet .tenant-shell .victory-sidebar .sidebar-scroll > a[aria-current=page] { background: #56418b; color: white; }
.dance-cabinet .dance-work-head,.dance-cabinet .telegram-settings-page .page-header {
  padding: clamp(18px,3vw,32px); margin-bottom: 6px; border: 1px solid var(--dance-border); border-radius: 24px;
  background: linear-gradient(112deg,#f1eaff,#fff 83%); color: var(--dance-ink);
}
.dance-cabinet .dance-work-head h1,.dance-cabinet .telegram-settings-page h1 { font-size: clamp(1.75rem,4vw,3rem); }
.dance-cabinet .dance-workspace .button:not(.button-outline),
.dance-cabinet .telegram-settings-page .button:not(.button-outline) { border-color: var(--dance-accent); background: var(--dance-accent); color: white; }
.dance-cabinet .button { min-height: 42px; border-radius: 14px; }
.dance-cabinet .dance-panel,.dance-cabinet .telegram-settings-page .panel { border-radius: 22px; border-color: var(--dance-border); min-width: 0; }
.dance-cabinet .dance-row { padding: 12px 3px; }
.dance-cabinet .dance-row a,.dance-cabinet .dance-actions > a:not(.button) { color: #4c2a92; font-weight: 700; }
.dance-cabinet .dance-filters { padding: 12px 16px; background: #fff; border: 1px solid var(--dance-border); border-radius: 18px; }
.dance-empty { display: flex; align-items: start; gap: 16px; padding-block: 6px; }
.dance-empty > span { flex: none; display: grid; place-items: center; width: 45px; height: 45px; color: #4c2a92; background: #efe7ff; border-radius: 15px; }
.dance-empty h2,.dance-empty p { margin: 0 0 4px; }
.dance-form-error { color: #9d2444; font-weight: 700; }
.dance-editor-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.dance-editor-grid fieldset { margin: 0; display: grid; align-content: start; gap: 12px; }
.dance-editor-grid legend { font-size: 1.14rem; font-weight: 800; padding: 0 6px; }
.dance-editor-grid label { display: block; margin-bottom: 4px; }
.dance-editor-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-radius: 18px; background: #f1eaff; }
.dance-editor-footer p { margin: 0; }
@media (max-width: 780px) { .dance-editor-grid { grid-template-columns: 1fr; } }