@font-face {
  font-family: "Montserrat LearnTix";
  src: url("/assets/montserrat-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@media screen {
  :root {
    --lt-green: #04b46a;
    --lt-green-deep: #007f49;
    --lt-green-soft: #dff6ea;
    --lt-orange: #fe6b4a;
    --lt-cream: #fffdf9;
    --lt-ink: #1e1e1c;
    --lt-muted: #66645f;
    --lt-line: #ded9d0;
    --lt-surface: #ffffff;
    --lt-shadow: 0 18px 46px rgba(30, 30, 28, .085);
    --edu-bg: var(--lt-cream);
    --edu-bg-2: #f8f4ed;
    --edu-ink: var(--lt-ink);
    --edu-ink-soft: #484741;
    --edu-muted: var(--lt-muted);
    --edu-line: var(--lt-line);
    --edu-card: #ffffff;
    --edu-card-strong: #ffffff;
    --edu-black: var(--lt-ink);
    --edu-blue: var(--lt-green);
    --edu-shadow: var(--lt-shadow);
    --edu-shadow-soft: 0 10px 28px rgba(30, 30, 28, .065);
    --edu-radius: 24px;
  }

  body,
  body[data-accent] {
    --accent-50: #effbf5;
    --accent-100: #dff6ea;
    --accent-200: #bcebd3;
    --accent-500: #04b46a;
    --accent-600: #029856;
    --accent-700: #007f49;
    --accent-800: #00673c;
    --accent-900: #114d35;
    --accent-ring: rgba(4, 180, 106, .24);
    --edu-stat-accent: #04b46a;
    --edu-stat-accent-soft: #dff6ea;
    min-height: 100%;
    background:
      radial-gradient(circle at 84% 8%, rgba(4, 180, 106, .13), transparent 23rem),
      radial-gradient(circle at 8% 42%, rgba(254, 107, 74, .075), transparent 22rem),
      var(--lt-cream) !important;
    color: var(--lt-ink) !important;
    font-family: Arial, Helvetica, sans-serif !important;
  }

  body::before {
    background-image:
      radial-gradient(circle at 1px 1px, rgba(30, 30, 28, .055) .65px, transparent .75px) !important;
    background-size: 7px 7px !important;
    opacity: .28;
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.55) 38%, transparent 82%) !important;
  }

  h1, h2, h3,
  .edu-brand-title,
  .edu-device-title,
  .edu-stats-count,
  .report-title {
    font-family: "Montserrat LearnTix", Montserrat, Arial, sans-serif !important;
    color: var(--lt-ink) !important;
  }

  #teacher-view,
  #dashboard-view,
  #student-view {
    background: transparent !important;
  }

  #teacher-view > header,
  #dashboard-view > header,
  #student-view > header {
    top: 12px !important;
    width: min(1280px, calc(100% - 24px)) !important;
    margin: 12px auto 0 !important;
    padding: .82rem 1rem !important;
    border: 1px solid rgba(30, 30, 28, .12) !important;
    border-radius: 22px !important;
    background: rgba(255, 253, 249, .96) !important;
    box-shadow: 0 12px 30px rgba(30, 30, 28, .075) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }

  .learntix-logo,
  .learntix-logo-mini,
  .ticket-logo {
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: contain !important;
  }

  .edu-brand-title {
    font-size: 1.62rem !important;
    font-weight: 850 !important;
    letter-spacing: -.055em !important;
  }

  .edu-brand-title::after {
    content: ".";
    color: var(--lt-green);
  }

  #teacher-view header p,
  #dashboard-view header p,
  #student-view header p {
    color: var(--lt-muted) !important;
    font-weight: 700 !important;
  }

  .edu-header-btn {
    min-height: 42px;
    padding: .7rem 1rem !important;
    border-radius: 14px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .78rem !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .edu-header-btn-primary,
  body[data-accent] .theme-primary-button,
  .theme-primary-button,
  #student-submit-btn,
  #live-session-button {
    color: var(--lt-ink) !important;
    background: var(--lt-green) !important;
    border: 1px solid var(--lt-green) !important;
    box-shadow: 0 8px 18px rgba(4, 180, 106, .18) !important;
  }

  .edu-header-btn-primary:hover,
  body[data-accent] .theme-primary-button:hover,
  .theme-primary-button:hover,
  #student-submit-btn:hover,
  #live-session-button:hover {
    color: #fff !important;
    background: var(--lt-green-deep) !important;
    border-color: var(--lt-green-deep) !important;
  }

  .edu-header-btn-secondary {
    color: var(--lt-ink) !important;
    background: #fff !important;
    border: 1px solid var(--lt-line) !important;
  }

  .edu-header-btn-secondary:hover {
    border-color: var(--lt-green) !important;
    background: var(--lt-green-soft) !important;
  }

  .account-plan-pill.account-plan-free {
    background: #f1eee8 !important;
    color: var(--lt-ink) !important;
    border-color: var(--lt-line) !important;
  }

  .account-plan-pro,
  .account-plan-owner,
  .method-card .live-method-badge.is-pro {
    background: var(--lt-green-deep) !important;
    color: #fff !important;
    border-color: var(--lt-green-deep) !important;
    box-shadow: none !important;
  }

  .method-card .live-method-badge.is-free {
    background: var(--lt-green-soft) !important;
    color: #075c38 !important;
    border-color: #9bdcba !important;
  }

  .edu-hero {
    width: min(1280px, calc(100% - 24px)) !important;
    margin-top: 18px !important;
  }

  .edu-hero-card {
    min-height: 280px !important;
    grid-template-columns: minmax(0, 1.22fr) minmax(280px, .78fr) !important;
    gap: clamp(1.4rem, 4vw, 3.6rem) !important;
    padding: clamp(1.65rem, 4vw, 3.5rem) !important;
    border: 1px solid rgba(30, 30, 28, .12) !important;
    border-radius: 30px !important;
    background: var(--lt-cream) !important;
    box-shadow: var(--lt-shadow) !important;
    isolation: isolate;
  }

  .edu-hero-card::before {
    content: "LEARNTIX / AUS DER UNTERRICHTSPRAXIS";
    position: absolute;
    left: clamp(1.65rem, 4vw, 3.5rem);
    top: clamp(1.25rem, 2.7vw, 2.15rem);
    z-index: 2;
    color: var(--lt-green-deep);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .09em;
  }

  .edu-hero-card::after {
    right: -5.5rem !important;
    top: -7.5rem !important;
    width: 27rem !important;
    height: 27rem !important;
    border-radius: 42% 58% 62% 38% / 47% 42% 58% 53% !important;
    background: var(--lt-green-soft) !important;
    filter: none !important;
    opacity: .92;
  }

  .edu-hero-content {
    max-width: 760px !important;
    padding-top: 1.55rem;
  }

  #teacher-view .edu-hero h2 {
    position: relative;
    width: fit-content;
    max-width: 720px !important;
    margin-top: 0 !important;
    font-size: clamp(2.45rem, 5.1vw, 5.35rem) !important;
    line-height: .98 !important;
    letter-spacing: -.06em !important;
    font-weight: 850 !important;
  }

  #teacher-view .edu-hero h2::after {
    content: "";
    display: block;
    width: min(72%, 29rem);
    height: .34rem;
    margin: .46rem 0 .15rem .1rem;
    border-radius: 999px 55% 999px 42%;
    background: var(--lt-orange);
    transform: rotate(-1.1deg);
  }

  .edu-hero p {
    max-width: 650px !important;
    color: #46443f !important;
    font-size: clamp(1rem, 1.45vw, 1.18rem) !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
  }

  .edu-hero-content > button {
    color: #075c38 !important;
    background: var(--lt-green-soft) !important;
    border-color: #a4dfbf !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }

  .edu-hero-visual {
    min-height: 245px !important;
  }

  .edu-device-card {
    border: 1.5px solid var(--lt-ink) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 10px 12px 0 rgba(30, 30, 28, .11) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .edu-device-main {
    transform: rotate(-2deg) !important;
  }

  .edu-device-mini {
    border-color: var(--lt-green-deep) !important;
    box-shadow: 7px 8px 0 rgba(4, 180, 106, .16) !important;
  }

  .edu-live-dot,
  .edu-eyebrow::before,
  .edu-header-dot,
  .theme-status-dot,
  body[data-accent] .theme-color-dot {
    background: var(--lt-green) !important;
    box-shadow: 0 0 0 6px rgba(4, 180, 106, .13) !important;
  }

  .edu-device-lines i {
    background: #ddd9d1 !important;
  }

  #teacher-view main,
  #dashboard-view main,
  #student-view main {
    padding-top: 1.5rem !important;
  }

  #teacher-view main > section > div,
  #teacher-view section > div.bg-white,
  #dashboard-view main > div,
  #student-form-container > div,
  #live-pinnwand,
  .edu-action-panel,
  .template-settings-card,
  .edu-live-stats-card,
  .edu-live-response-card {
    border: 1px solid var(--lt-line) !important;
    border-radius: var(--edu-radius) !important;
    background: #fff !important;
    box-shadow: 0 9px 24px rgba(30, 30, 28, .055) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #teacher-view main > section > div:hover,
  #teacher-view section > div.bg-white:hover {
    transform: none !important;
    box-shadow: 0 12px 30px rgba(30, 30, 28, .07) !important;
  }

  #teacher-view h2 {
    color: var(--lt-ink) !important;
    font-family: "Montserrat LearnTix", Montserrat, Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    text-transform: none !important;
  }

  #teacher-view h2 [data-lucide] {
    width: 1.75rem !important;
    height: 1.75rem !important;
    padding: .34rem !important;
    color: var(--lt-green-deep) !important;
    background: var(--lt-green-soft) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    stroke: currentColor !important;
  }

  #teacher-view label,
  #student-view label,
  #teacher-view .block.text-xs,
  #teacher-view .block.text-\[11px\] {
    color: #504e49 !important;
    font-weight: 800 !important;
  }

  #teacher-view input,
  #teacher-view textarea,
  #teacher-view select,
  #student-view input[type="text"],
  #student-view textarea,
  .account-field,
  #join-url-box,
  #zoomed-url-text {
    color: var(--lt-ink) !important;
    background: #fff !important;
    border: 1px solid #ccc7bd !important;
    border-radius: 13px !important;
    box-shadow: none !important;
  }

  #teacher-view input:focus,
  #teacher-view textarea:focus,
  #teacher-view select:focus,
  #student-view input[type="text"]:focus,
  #student-view textarea:focus,
  .account-field:focus {
    border-color: var(--lt-green-deep) !important;
    box-shadow: 0 0 0 4px rgba(4, 180, 106, .15) !important;
    outline: none !important;
  }

  #teacher-view button,
  #dashboard-view button,
  #student-view button,
  #account-overlay button,
  #pro-preview-overlay button,
  #billing-claim-overlay button,
  .method-card {
    border-radius: 14px !important;
  }

  #teacher-view button:hover,
  #dashboard-view button:hover,
  #student-view button:hover,
  .method-card:hover {
    transform: translateY(-1px) !important;
  }

  #teacher-view button:active,
  #dashboard-view button:active,
  #student-view button:active,
  .method-card:active {
    transform: translateY(0) !important;
  }

  #teacher-view button.bg-slate-100,
  #dashboard-view button.bg-slate-100,
  #student-view button.bg-slate-100,
  #teacher-view button:not(.theme-primary-button):not(.bg-slate-800):not(.bg-emerald-600):not(.bg-red-600) {
    color: var(--lt-ink) !important;
    background: #fff !important;
    border: 1px solid var(--lt-line) !important;
    box-shadow: none !important;
  }

  #teacher-view button.bg-slate-100:hover,
  #dashboard-view button.bg-slate-100:hover,
  #student-view button.bg-slate-100:hover,
  #teacher-view button:not(.theme-primary-button):not(.bg-slate-800):not(.bg-emerald-600):not(.bg-red-600):hover {
    background: var(--lt-green-soft) !important;
    border-color: #a4dfbf !important;
  }

  #dashboard-view button.bg-emerald-600,
  #dashboard-view button.bg-slate-700,
  #dashboard-view button.bg-slate-800,
  #teacher-view button.bg-slate-800,
  .edu-output-primary {
    color: #fff !important;
    background: var(--lt-green-deep) !important;
    border-color: var(--lt-green-deep) !important;
    box-shadow: none !important;
  }

  #dashboard-view button.bg-red-600,
  #teacher-view button.bg-red-600 {
    color: #fff !important;
    background: #b42318 !important;
    border-color: #b42318 !important;
  }

  .method-card,
  .method-card.live-method:not(.active-method),
  .mobile-method-picker-trigger {
    overflow: hidden !important;
    color: var(--lt-ink) !important;
    background: var(--lt-cream) !important;
    border: 1px solid var(--lt-line) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
  }

  .method-card:hover,
  .method-card.live-method:not(.active-method):hover,
  .mobile-method-picker-trigger:hover {
    border-color: var(--lt-green) !important;
    background: #f5fcf8 !important;
  }

  .method-card.live-method::before,
  .method-card.live-method:not(.active-method)::before,
  .method-card.live-method:focus::before,
  .method-card.live-method:focus-visible::before,
  .method-card.live-method:active::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 4px !important;
    background: var(--lt-green) !important;
    border-radius: 18px 0 0 18px !important;
    opacity: 1 !important;
  }

  .method-card.active-method,
  body[data-accent] .method-card.active-method,
  #teacher-view .theme-selected,
  body[data-accent] .theme-selected {
    color: var(--lt-ink) !important;
    background: var(--lt-green) !important;
    border-color: var(--lt-green) !important;
    box-shadow: 0 8px 18px rgba(4, 180, 106, .17) !important;
  }

  .method-card p,
  .method-card.active-method p,
  .method-card.active-method span {
    color: #3f453f !important;
  }

  .method-card.active-method span {
    color: var(--lt-ink) !important;
  }

  .method-card .method-icon,
  body[data-accent] .method-card .method-icon,
  body[data-accent] .method-card.active-method .method-icon,
  .mobile-method-picker-trigger .method-icon {
    color: var(--lt-green-deep) !important;
    background: var(--lt-green-soft) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }

  .method-card.active-method .method-icon {
    color: var(--lt-ink) !important;
    background: rgba(255,255,255,.78) !important;
  }

  .ampel-method-icon span,
  .method-card.active-method .ampel-method-icon span {
    background: currentColor !important;
  }

  .edu-live-method-section {
    color: #075c38 !important;
    background: var(--lt-green-soft) !important;
    border-color: #a4dfbf !important;
  }

  .template-settings-card > summary {
    color: var(--lt-ink) !important;
    background: var(--lt-cream) !important;
  }

  .template-settings-card > summary:focus-visible {
    outline-color: var(--lt-green) !important;
  }

  .template-settings-content {
    border-color: var(--lt-line) !important;
  }

  .edu-preview-shell {
    border: 1px solid var(--lt-line) !important;
    border-radius: 26px !important;
    background: #f3efe7 !important;
    box-shadow: none !important;
  }

  .edu-preview-title {
    color: var(--lt-ink) !important;
    font-family: "Montserrat LearnTix", Montserrat, Arial, sans-serif !important;
    font-weight: 800 !important;
  }

  .edu-preview-title::after {
    background: var(--lt-orange) !important;
  }

  .edu-preview-badge,
  #preview-badge {
    color: var(--lt-muted) !important;
  }

  .edu-palette-btn {
    color: var(--lt-ink) !important;
    background: #fff !important;
    border-color: var(--lt-line) !important;
    box-shadow: none !important;
  }

  .edu-palette-btn.is-active,
  #teacher-view .edu-palette-btn.is-active {
    color: var(--lt-ink) !important;
    background: var(--lt-green-soft) !important;
    border-color: var(--lt-green) !important;
    box-shadow: 0 0 0 2px rgba(4, 180, 106, .12) !important;
  }

  #dashboard-view > header,
  #dashboard-view main > div,
  #live-pinnwand {
    color: var(--lt-ink) !important;
  }

  #dashboard-view .text-slate-200,
  #dashboard-view .text-slate-300,
  #dashboard-view .text-slate-400,
  #dashboard-view .text-slate-500,
  #dashboard-view .text-slate-600,
  #dashboard-view .text-indigo-300,
  #dashboard-view .text-indigo-400,
  #dashboard-view .text-emerald-400,
  #dashboard-view .text-emerald-500 {
    color: var(--lt-muted) !important;
  }

  #dashboard-thema-title,
  #stats-count,
  #dashboard-view .text-slate-900,
  #dashboard-view strong.text-slate-900,
  #live-pinnwand .text-slate-200,
  #live-pinnwand .text-emerald-400,
  #live-pinnwand .text-indigo-400 {
    color: var(--lt-ink) !important;
  }

  #room-code-badge,
  .edu-room-code-badge {
    color: var(--lt-ink) !important;
    background: var(--lt-green-soft) !important;
    border-color: #a4dfbf !important;
    box-shadow: none !important;
  }

  .edu-stat-track {
    background: #eeeae3 !important;
  }

  .edu-stat-track > span {
    background: linear-gradient(90deg, var(--lt-green-deep), var(--lt-green)) !important;
  }

  .edu-stats-switch,
  .edu-stats-switch button.active {
    border-color: var(--lt-line) !important;
    box-shadow: none !important;
  }

  .edu-stats-switch button.active {
    color: #fff !important;
    background: var(--lt-green-deep) !important;
  }

  #student-view main > div,
  #student-form-container > div,
  #student-view .bg-white {
    border-color: var(--lt-line) !important;
    background: #fff !important;
  }

  #student-view input[type="radio"] {
    accent-color: var(--lt-green-deep) !important;
  }

  #account-overlay,
  #pro-preview-overlay,
  #billing-claim-overlay,
  #method-picker-overlay,
  #privacy-info-overlay,
  #qr-zoom-overlay,
  #visual-zoom-overlay {
    background: rgba(30, 30, 28, .72) !important;
  }

  #account-overlay > article,
  #pro-preview-overlay > article,
  #billing-claim-overlay > article,
  #method-picker-overlay > article,
  #privacy-info-overlay > article,
  #qr-zoom-overlay > div,
  .edu-visual-zoom-card {
    color: var(--lt-ink) !important;
    background: var(--lt-cream) !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    border-radius: 24px !important;
    box-shadow: 0 24px 70px rgba(30, 30, 28, .28) !important;
  }

  #account-overlay article > header,
  #pro-preview-overlay article > header,
  #billing-claim-overlay article > header,
  #privacy-info-overlay article > header {
    background: rgba(255, 253, 249, .96) !important;
    border-color: var(--lt-line) !important;
  }

  .account-modal-tab[aria-selected="true"] {
    color: var(--lt-ink) !important;
    background: var(--lt-green) !important;
    border-color: var(--lt-green) !important;
  }

  #account-overlay button.bg-slate-950,
  #account-overlay button.bg-emerald-700,
  #pro-preview-overlay button.bg-slate-950,
  #pro-preview-overlay button.bg-emerald-700,
  #billing-claim-overlay button.bg-slate-950,
  #billing-claim-overlay button.bg-emerald-700,
  [data-pro-checkout] {
    color: #fff !important;
    background: var(--lt-green-deep) !important;
    border-color: var(--lt-green-deep) !important;
    box-shadow: none !important;
  }

  #account-overlay button.bg-slate-950:hover,
  #account-overlay button.bg-emerald-700:hover,
  #pro-preview-overlay button.bg-slate-950:hover,
  #pro-preview-overlay button.bg-emerald-700:hover,
  #billing-claim-overlay button.bg-slate-950:hover,
  #billing-claim-overlay button.bg-emerald-700:hover,
  [data-pro-checkout]:hover {
    background: #00673c !important;
    border-color: #00673c !important;
  }

  .password-visibility-toggle:hover {
    color: var(--lt-green-deep) !important;
    background: var(--lt-green-soft) !important;
  }

  .password-visibility-toggle:focus-visible {
    outline-color: var(--lt-green) !important;
  }

  .pro-feature-card,
  #pro-pricing-panel {
    background: var(--lt-green-soft) !important;
    border-color: #a4dfbf !important;
  }

  #method-picker-overlay > article {
    border-radius: 24px 24px 0 0 !important;
  }

  #method-picker-overlay [class*="text-sky-"],
  #account-overlay [class*="text-sky-"],
  #pro-preview-overlay [class*="text-sky-"],
  #billing-claim-overlay [class*="text-sky-"],
  #privacy-info-overlay [class*="text-sky-"] {
    color: var(--lt-green-deep) !important;
  }

  #method-picker-overlay [class*="bg-sky-"],
  #account-overlay [class*="bg-sky-"],
  #pro-preview-overlay [class*="bg-sky-"],
  #billing-claim-overlay [class*="bg-sky-"],
  #privacy-info-overlay [class*="bg-sky-"] {
    background-color: var(--lt-green-soft) !important;
  }

  #method-picker-overlay [class*="border-sky-"],
  #account-overlay [class*="border-sky-"],
  #pro-preview-overlay [class*="border-sky-"],
  #billing-claim-overlay [class*="border-sky-"],
  #privacy-info-overlay [class*="border-sky-"] {
    border-color: #a4dfbf !important;
  }

  #method-picker-overlay input {
    color: var(--lt-ink) !important;
    background: #fff !important;
    border: 1px solid #ccc7bd !important;
    border-radius: 13px !important;
  }

  #method-picker-overlay input:focus {
    outline: none !important;
    border-color: var(--lt-green-deep) !important;
    box-shadow: 0 0 0 4px rgba(4,180,106,.15) !important;
  }

  #toast {
    color: #fff !important;
    background: var(--lt-ink) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 14px !important;
  }

  #toast-icon {
    color: var(--lt-green) !important;
    stroke: var(--lt-green) !important;
  }

  @media (max-width: 900px) {
    #teacher-view > header,
    #dashboard-view > header,
    #student-view > header {
      top: 6px !important;
      width: calc(100% - 12px) !important;
      margin-top: 6px !important;
      border-radius: 18px !important;
    }

    .edu-hero {
      width: calc(100% - 12px) !important;
      margin-top: 10px !important;
    }

    .edu-hero-card {
      grid-template-columns: 1fr !important;
      min-height: 0 !important;
      padding: 1.35rem !important;
      padding-top: 3.35rem !important;
      border-radius: 22px !important;
    }

    .edu-hero-card::before {
      left: 1.35rem;
      top: 1.35rem;
      font-size: .62rem;
    }

    .edu-hero-card::after {
      right: -11rem !important;
      top: -12rem !important;
      width: 23rem !important;
      height: 23rem !important;
    }

    .edu-hero-content {
      padding-top: 0;
    }

    #teacher-view .edu-hero h2 {
      font-size: clamp(2.35rem, 11vw, 4.2rem) !important;
    }

    .edu-hero-visual {
      display: none !important;
    }
  }

  @media (max-width: 640px) {
    .edu-header-actions {
      width: 100%;
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: .45rem !important;
    }

    .edu-header-btn {
      width: 100%;
      justify-content: center;
      min-width: 0;
      padding-inline: .65rem !important;
    }

    .edu-hero-card {
      box-shadow: 0 10px 28px rgba(30, 30, 28, .07) !important;
    }

    #teacher-view .edu-hero h2 {
      max-width: 100% !important;
      font-size: clamp(1.85rem, 8.5vw, 2.75rem) !important;
      line-height: 1.01 !important;
      text-wrap: balance;
      overflow-wrap: break-word;
      hyphens: auto;
    }

    #teacher-view main,
    #dashboard-view main,
    #student-view main {
      padding-inline: .55rem !important;
    }

    #teacher-view main > section > div,
    #teacher-view section > div.bg-white,
    #dashboard-view main > div,
    #student-form-container > div,
    .template-settings-card {
      border-radius: 19px !important;
    }
  }
}