
    body {
      font-family: 'Rubik', 'Assistant', sans-serif;
      background: linear-gradient(145deg, #0B1120 0%, #161F37 50%, #1E1B4B 100%);
      color: #F8FAFC;
      min-height: 100vh;
    }

    .glass-card {
      background: rgba(30, 41, 59, 0.75);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.4);
    }

    .glass-card-hover {
      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .glass-card-hover:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 40px -5px rgba(99, 102, 241, 0.25);
      border-color: rgba(165, 180, 252, 0.4);
    }

    .btn-3d {
      transition: all 0.15s ease;
      box-shadow: 0 6px 0 rgba(0, 0, 0, 0.3);
    }
    .btn-3d:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 0 rgba(0, 0, 0, 0.35);
    }
    .btn-3d:active {
      transform: translateY(4px);
      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    }

    .choice-option {
      transition: all 0.2s ease;
      border: 3px solid rgba(148, 163, 184, 0.25);
      background: rgba(255, 255, 255, 0.05);
    }
    .choice-option:hover {
      border-color: #818CF8;
      background: rgba(99, 102, 241, 0.15);
      transform: scale(1.02);
    }
    .choice-option.selected {
      border-color: #F59E0B !important;
      background: rgba(245, 158, 11, 0.22) !important;
      box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.45), 0 8px 20px rgba(0, 0, 0, 0.35);
      transform: scale(1.02);
    }
    .choice-option.correct {
      border-color: #10B981 !important;
      background: rgba(16, 185, 129, 0.3) !important;
    }
    .choice-option.wrong {
      border-color: #EF4444 !important;
      background: rgba(239, 68, 68, 0.3) !important;
    }

    .vertical-math {
      font-family: 'Courier New', Courier, monospace;
      letter-spacing: 0.35em;
      line-height: 1.6;
    }

    /* Print Styles for Assessment Report */
    @media print {
      body {
        background: #FFFFFF !important;
        color: #000000 !important;
      }
      .no-print {
        display: none !important;
      }
      .print-only {
        display: block !important;
      }
      .glass-card {
        background: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        box-shadow: none !important;
        color: #0F172A !important;
      }
    }

    /* Custom scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    ::-webkit-scrollbar-track {
      background: rgba(15, 23, 42, 0.6);
    }
    ::-webkit-scrollbar-thumb {
      background: #4F46E5;
      border-radius: 4px;
    }

    /* Numerical notation reads left to right within the Hebrew interface. */
    .font-mono, .vertical-math { direction: ltr; unicode-bidi: isolate; }
  